|
La Communauté Webmaster 
Tous les résultats pour style css
| 1 |
Technique - programmation / PHP / MySQL / Pb finalisation d'un formulaire > PHP indispensable ou pas ? |
sur: le 16-03-2010 a 12:51:23 |
| Commencé par AK97, Message par AK97 |
Bonjour à tous, je vous explique mon problème.
J'ai naïvement pensé qu'une fois terminé & en ligne, ce formulaire html effectuerai le boulot tel que j'attendais, mais tel qu'il est, le formulaire une fois "submit" ne fait que lancer le logiciel de messagerie en reprenant "les variables".
Et ce n'est pas ce que j'attendais donc ma question est : "comment faire en sorte qu'une fois rempli & envoyé, le formulaire s'envoi directement de façon exploitable vers une adresse mail définie" ?
Est-il obligatoire de passer par php, ce qui après quelques recherches semble être le cas 
Est-il possible de m'aider, m'aiguiller, je n'ai aucune connaissance en php & le temps me manque...
D'autre part, le formulaire html est en ligne mais ne s'affiche que sous Safari & Chrome, rien sous Firefox & IE, que se passe t'il ? Le lien est http://www.imodif.fr/contact/form.html
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Formulaire de contact iMODiF.fr</title> <link rel="stylesheet" type="text/css" href="view.css" media="all" /> <script type="text/javascript" src="view.js" /> </head> <body id="main_body"> <a href="http://www.imodif.fr/"><img style="border: 0px solid ; width: 179px; height: 179px;" alt="iMODiF.fr" src="imodif1.png" /></a><br /> <div id="form_container"> <h1><a>Formulaire de contact iMODiF</a></h1> <form id="form_204679" class="appnitro" enctype="text/plain" method="post" action="mailto:contact@imodif.fr"> <div class="form_description"> <h2><big>Formulaire de contact <span style="color: rgb(246, 194, 44);">iMODiF</span></big></h2> <p><big>Il est important de remplir au mieux ce formulaire. Une fois envoyé, nous vous contactons dans les 24h,<span style="font-weight: bold;"> <span style="color: rgb(236, 111, 15);">par mail ou téléphone</span></span>, <span style="font-style: italic;">selon votre choix</span>) <br /> </big></p> </div> <ul> <li id="li_1"> <label class="description" for="element_1">Nom & prénom : </label> <span> <input id="element_1_1" name="element_1_1" class="element text" maxlength="255" size="8" value="" /> <label>First</label> </span> <span> <input id="element_1_2" name="element_1_2" class="element text" maxlength="255" size="14" value="" /> <label>Last</label> </span> </li> <li id="li_5"> <label class="description" for="element_5">Vous habitez (code postal seul) : </label> <div> <input id="element_5" name="element_5" class="element text medium" maxlength="255" value="" type="text" /> </div> <p class="guidelines" id="guide_5"><small>Indiquez ici uniquement les 5 chiffres de votre code postal.</small></p> </li> <li id="li_3"> <label class="description" for="element_3">Téléphone (fixe ou mobile) : </label> <div> <input id="element_3" name="element_3" class="element text medium" maxlength="255" value="" type="text" /> </div> <p class="guidelines" id="guide_3"><small>Si vous souhaitez être contacté par iMODiF par téléphone, laissez nous IMPÉRATIVEMENT un numéro où vous joindre (fixe, box & mobile). Vous pouvez ÉGALEMENT nous laisser votre numéro si vous souhaitez être joint par email.</small></p> </li> <li id="li_2"> <label class="description" for="element_2">Email : </label> <div> <input id="element_2" name="element_2" class="element text large" maxlength="255" value="" type="text" /> </div> <p class="guidelines" id="guide_2"><small>Indiquez nous votre adresse mail (indispensable).</small></p> </li> <li id="li_6"> <label class="description" for="element_6">Vous nous contactez pour : </label> <div> <select class="element select large" id="element_6" name="element_6"> <option value="" selected="selected"> </option> <option value="1">Nintendo Wii</option> <option value="2">Microsoft XBOX 360</option> <option value="3">Nintendo DS / DS lite / DSi / DSi XL</option> <option value="4">Sony PSP</option> <option value="5">Apple iPhone / iPod Touch</option> <option value="6">smartphone Androïd</option> <option value="7">AUTRES RAISONS (questions diverses...)</option> </select> </div> <p class="guidelines" id="guide_6"><small>Sélectionnez le(les) outil(s) concerné(s). Sélectionnez "AUTRES RAISONS" pour tout autre demande (questions diverses).</small></p> </li> <li id="li_4"> <label class="description" for="element_4">On vous écoute (toutes les infos que vous jugez utiles...) : </label> <div> <textarea id="element_4" name="element_4" class="element textarea medium"> </textarea> </div> <p class="guidelines" id="guide_4"><small>Indiquez (si possible) le ou les "outils multimédias" concerné(s). Éventuellement date & version. Si vous avez la moindre question, n'hésitez pas </small></p> </li> <li id="li_8"> <label class="description" for="element_8">Vous souhaitez être contacté par : </label> <span> <input id="element_8_1" name="element_8_1" class="element checkbox" value="1" type="checkbox" /> <label class="choice" for="element_8_1">Email</label> <input id="element_8_2" name="element_8_2" class="element checkbox" value="1" type="checkbox" /><label class="choice" for="element_8_2">Téléphone</label> </span> <p class="guidelines" id="guide_8"><small>Notre équipe prendra contact avec vous dans moins de 24h. Soit par email, soit par téléphone. Vous choisissez.</small></p> </li> <li id="li_7"> <label class="description" for="element_7">Vous êtes arrivés jusqu'à nous par : </label> <span> <input id="element_7_1" name="element_7" class="element radio" value="1" type="radio" /> <label class="choice" for="element_7_1">moteur de recherche</label> <input id="element_7_2" name="element_7" class="element radio" value="2" type="radio" /><label class="choice" for="element_7_2">réseaux sociaux (facebook, twitter)</label> <input id="element_7_3" name="element_7" class="element radio" value="3" type="radio" /><label class="choice" for="element_7_3">carte de visite / flyer</label> <input id="element_7_4" name="element_7" class="element radio" value="4" type="radio" /><label class="choice" for="element_7_4">bouche à oreille</label> <input id="element_7_5" name="element_7" class="element radio" value="5" type="radio" /><label class="choice" for="element_7_5">AUTRE</label> </span> <p class="guidelines" id="guide_7"><small>Par curiosité, faites nous savoir de quelle manière vous êtes arrivés jusqu'à iMODif ?</small></p> </li> <li class="buttons"> <input name="form_id" value="204679" type="hidden" /> <input id="saveForm" class="button_text" name="submit" value="Envoyer" type="submit" /> </li> </ul> </form> <div id="footer"><a href="http://www.imodif.fr/" target="_blank"><span style="color: rgb(246, 194, 44);">iMODiF.fr</span></a> <span style="color: rgb(236, 111, 15);">modification & personnalisation de vos outils multimédias</span><br /> </div> </div> </body> </html> |
|
|
|
|
| 2 |
Technique - programmation / HTML / CSS / XHTML / help |
sur: le 13-03-2010 a 14:16:27 |
| Commencé par expaurora, Message par expaurora |
bonjour
je suis débutant et je cherche a mettre en place un site web mais le problème est que j'ai prie un gabarit pour faire la base de mon site en 3 partie vertical extenssible.
depuis les pages de lien on été créer et je me trouve dans le problème suivant
pour changer de design rapidement j'ai mis en place un fichier css en lien avec mes pages en html .
le problème étant que en background sur mon fichier css j'ai une image en repeat x pour faire l'exenssible, puis par dessu celle la j'ai rajouté ( mais sur mon html un lien vers ma header qui est un fichier jpeg avec ensuite un autre png collé)
pour l'instant jen suis la
voila mon fichier css
#header{ width: 100%; margin: 0; padding: 0; background: #000000 url(img/header2.jpg) top left repeat-x ; }
mon html que je veux transformé en css avec lien <div id="header"> ... </div>.
<!-- header --> <div id="header"> <img src="styles\img/header.jpg"> <img src="styles\img/logo2.png"> </div>
bref au final j'aimeré avoir le tout sur le css un code du genre #header{ width: 100%; margin: 0; padding: 0; background: #000000 url(img/header2.jpg) top left repeat-x ; background:url(img/header.jpg)top left no-repeat background:url(img/logo2.png) no repeat }
|
|
|
| 3 |
Technique - programmation / HTML / CSS / XHTML / mon bandeau ne se charge qu'à l'index |
sur: le 09-03-2010 a 21:38:47 |
| Commencé par shalkare, Message par shalkare |
Bonjour à tous !
Je me décide à poster ici, car je ne trouve, évidemment, nul par ailleurs de réponses adéquat.
Voilà: Je commence la programmation HTML ( avec notepad++, ouai, j'suis dingue ! ^^), et là j'essaie "d'optimiser" mes pages. d J'ai rassemblé toute les infos contenu entre les balises <head> </head> dans un page, que j'appèle au chargement des pages.
<head> <OBJECT data="head.html" type="text/html" height="100%" width="100%"> </OBJECT> </head>
Contient les infos script, css, logo d'url.. j'ai aussi appelé le "bandeau" de la partie haute de la page de la même façon.
Alors que ça marche très bien pour la page d'acceuil, la page diaporama charge bien les infos du bandeau, mais pas du header! Je l'ai déduit car le style CSS n'est pas appliqué, pas de logo, pas d'image de fond...
Les liens sont ok, pas d'erreur "d'orthographe"... Dés que je copie le contenu des balises head dans la page diaporama, ça marche...
Erreur de débutant? pas possible de créer une page "header" qu'on puisse charger?
Merci pour vos réponses, même si c'est pour me dire que c'est pas possible. Auquel cas, c'est une dixaine de pages à modifier.
|
|
|
| 4 |
Technique - programmation / HTML / CSS / XHTML / recherche de stagiaires |
sur: le 09-03-2010 a 16:08:11 |
| Commencé par la metisse, Message par la metisse |
L'association la Métisse recherche deux stagiaires pour assister le webmaster de l'association profil recherché: Développeur PHP/HTML ayant la capacité de développer avec php5 (programmation orientée objet) et de mettre en place les Cascade Style Sheet / CSS site de la structure: http://www.la-metisse.com Email: lametisseprod@gmail.com
|
|
|
| 5 |
Technique - programmation / HTML / CSS / XHTML / Position absolute |
sur: le 06-03-2010 a 14:25:12 |
| Commencé par Supermax, Message par Supermax |
bonjour j'aimerai savoir si il est possible de définir le point d'origine dans le coin d'une div pour ensuite utilisé une position absolute en css pour placer les autres élément.
exemple:
voici le code html
<html> <head> <link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" /> </head> <body> <div id=site> <div id=head> </div> <div id=menu> </div> <div id=corps> </div> <div id=foot> </div> <div> </body> </html>
|
|
et voici le css:
#site { width: 1021px; height:657; margin: auto; margin-top: 20px; margin-bottom: 20px; background-color: #555555 }
#head { width: 892px; height: 34px; background-color: #eeeeee }
#menu { position:absolute; left:65px; top:42px; width: 892px; height: 34px; background-color: #000000 }
|
|
dans cette exemple j'aimerai que le block "menu" soit a 65px vers la gauche et 42px vers le bas en partant du coin supérieur gauche du block "site"
est-ce possible? Si oui comment? ou sinon comment faire pour placer le block menu comme indiqué ci-ci-dessus? |
|
|
| 6 |
Technique - programmation / HTML / CSS / XHTML / Quelques petites modifications à appliquer sur ma feuille de style .CSS… |
sur: le 04-03-2010 a 22:33:53 |
| Commencé par michaelzaccharie, Message par michaelzaccharie |
Bonjour, Je suis en train de réaliser une commande de site en css. Voici son url provisoire : http://tenrolf1.free.fr/siteofficieldeSkie/sitewebv2/index.html Et celui de sa feuille de style : http://tenrolf1.free.fr/siteofficieldeSkie/sitewebv2/styles.css J'ai quelques problèmes d'affichage à résoudre. Tout d'abord, le site s'affiche à peu près bien sous Firefox et Chrome, mais, comme vous pourrez le constater, sur Internet Explorer, sur certaines pages, les div sont mal disposés, elles sont totalement décalées sur la droite, en dehors de la div principale. Ensuite, sous Firefox, je ne parviens pas à coller l'animation du haut avec le reste du site sans pour autant modifier la mise en page correcte sur les autres navigateurs. Enfin, malgré l'insertion des codes margin : 0, et padding : 0, je ne parviens pas à coller tout le site tout en haut de la fenêtre. Serait-ce possible que vous jetiez un petit coup d'œil svp? Merci pour vos éventuelles réponses! |
|
|
| 7 |
Technique - programmation / HTML / CSS / XHTML / Centrer calque dreamweaver |
sur: le 03-03-2010 a 16:40:40 |
| Commencé par luvco, Message par luvco |
Bonjour à tous Je bosse avec Dreamweaver 8.0, et cela fais quelques jours que je galère à centrer mes calques sur la page. J'ai essayer mille et une facon, rien à faire, rien ne fonctionne. Je me permet de vous joindre le code. Au fait, je suis un débutant sur dreamweaver ! 
Merci de vos réponses !!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Document sans nom</title> <style type="text/css"> <!-- #navigation { position:absolute; width:1024; z-index:4; left: 0px; top: 169px; margin-right: auto; margin-left: auto; visibility: visible; } #contenu { position:absolute; width:799px; z-index:2; left: 0px; top: 193px; } #bandeau { position:absolute; width:200px; z-index:3; left: 0px; top: 0px; } #conteneur { position:relative; left:0px; top:0px; width:1024; height:768; z-index:2; visibility: visible; margin-right: auto; margin-left: auto; } --> </style> <script type="text/JavaScript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }
function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; }
function MM_nbGroup(event, grpName) { //v6.0 var i,img,nbArr,args=MM_nbGroup.arguments; if (event == "init" && args.length > 2) { if ((img = MM_findObj(args[2])) != null && !img.MM_init) { img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src; if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array(); nbArr[nbArr.length] = img; for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = args[i+1]; nbArr[nbArr.length] = img; } } } else if (event == "over") { document.MM_nbOver = nbArr = new Array(); for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up); nbArr[nbArr.length] = img; } } else if (event == "out" ) { for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; } } else if (event == "down") { nbArr = document[grpName]; if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; } document[grpName] = nbArr = new Array(); for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up; nbArr[nbArr.length] = img; } } } //--> </script> </head>
<body onload="MM_preloadImages('elements/barre navigation/norm/images/BARRE-NAVIGATION-SURVOL_01.gif','elements/barre navigation/norm/images/BARRE-NAVIGATION-SURVOL_02.gif','elements/barre navigation/norm/images/BARRE-NAVIGATION-SURVOL_03.gif','elements/barre navigation/norm/images/BARRE-NAVIGATION-SURVOL_08.gif','elements/barre navigation/norm/images/BARRE-NAVIGATION-SURVOL_07.gif','elements/barre navigation/norm/images/BARRE-NAVIGATION-SURVOL_04.gif','elements/barre navigation/norm/images/BARRE-NAVIGATION-SURVOL_05.gif','elements/barre navigation/norm/images/BARRE-NAVIGATION-SURVOL_06.gif')"> <div id="conteneur"> <div id="navigation"><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','_102','',1)" onmouseover="MM_nbGroup('over','_102','elements/barre navigation/norm/images/BARRE-NAVIGATION-SURVOL_01.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="elements/barre navigation/norm/images/1_02.gif" alt="" name="_102" width="81" height="24" border="0" id="_102" onload="" /></a><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','_103','',1)" onmouseover="MM_nbGroup('over','_103','elements/barre navigation/norm/images/BARRE-NAVIGATION-SURVOL_02.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="elements/barre navigation/norm/images/1_03.gif" alt="" name="_103" width="67" height="24" border="0" id="_103" onload="" /></a><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','_104','',1)" onmouseover="MM_nbGroup('over','_104','elements/barre navigation/norm/images/BARRE-NAVIGATION-SURVOL_03.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="elements/barre navigation/norm/images/1_04.gif" alt="" name="_104" width="74" height="24" border="0" id="_104" onload="" /></a><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','_105','',1)" onmouseover="MM_nbGroup('over','_105','elements/barre navigation/norm/images/BARRE-NAVIGATION-SURVOL_04.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="elements/barre navigation/norm/images/1_05.gif" alt="" name="_105" width="81" height="24" border="0" id="_105" onload="" /></a><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','_106','',1)" onmouseover="MM_nbGroup('over','_106','elements/barre navigation/norm/images/BARRE-NAVIGATION-SURVOL_05.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="elements/barre navigation/norm/images/1_06.gif" alt="" name="_106" width="74" height="24" border="0" id="_106" onload="" /></a><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','_107','',1)" onmouseover="MM_nbGroup('over','_107','elements/barre navigation/norm/images/BARRE-NAVIGATION-SURVOL_06.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="elements/barre navigation/norm/images/1_07.gif" alt="" name="_107" width="76" height="24" border="0" id="_107" onload="" /></a><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','_108','',1)" onmouseover="MM_nbGroup('over','_108','elements/barre navigation/norm/images/BARRE-NAVIGATION-SURVOL_07.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="elements/barre navigation/norm/images/1_08.gif" alt="" name="_108" width="70" height="24" border="0" id="_108" onload="" /></a><img src="elements/barre navigation/norm/images/1_10.gif" width="425" height="24" /><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','_109','',1)" onmouseover="MM_nbGroup('over','_109','elements/barre navigation/norm/images/BARRE-NAVIGATION-SURVOL_08.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="elements/barre navigation/norm/images/1_09.gif" alt="" name="_109" width="76" height="24" border="0" id="_109" onload="" /></a></div> <div id="bandeau"><img src="elements/images/bandeau_02.gif" width="1024" height="168" /></div> <div id="contenu"><img src="elements/images/bandeau_03.gif" width="1024" height="575" /></div> </div> </body> </html>
|
|
|
| 8 |
Webdesign / graphisme / Infographie / Re:Afficher un message en blanc sur fond noir |
sur: le 27-02-2010 a 15:35:38 |
| Commencé par fuk-san, Message par dpicom |
Je viens de regarder ton source... C'est un peu brouillon... mais quand on débute .
Place plutôt tes styles sur une feuille .css à part et fait un : <link href="nondelafeuille.css" rel="stylesheet" type="text/css" /> entre tes balises <head>
Evite ça : <br /> <br /> <br />
Ainsi que les <marquee>
Une bonne utilisation des <div> doivent t'éviter ces "choses" 
Pour le reste c'est du webdesign et là par de miracle, il faut d'abord être graphiste.
Prends Firefox comme navigateur et installe le pluging pour webmaster . Ceci te permettra de visualiser le mode de construction des sites que tu trouves intéressant. Et inspire toi de ça.
Bon courage jeune Jedi.
dpicom-agence.com |
|
|
| 9 |
Technique - programmation / HTML / CSS / XHTML / Re:pb de debutant |
sur: le 26-02-2010 a 13:36:41 |
| Commencé par xav2374, Message par xav2374 |
merci KB , j ai fais un copier coller de ton script mais y a absolument rien a faire ..... c est entrain de me rendre fou !!!!!
ma feuille de style est bien ds le meme repertoire que tout le reste , l image aussi et elle s appelle bien draw.jpg , je verifie tout meme les trucs les plus betes , et ca marche pas ... ma feuille de style est bien enregistrée au format css .... mon script au format html, etc...
mon script ressemble maintenant a ca :
<html> <head> <link rel="stylesheet" type="text/css" href="style.css"/> </head> <body> <span style="position: absolute; top:50px; left:230px; width:242px; heigth:154px;"> <img SRC ="fond+texte.jpg" align=middle> </span> </body> </html>
et pour la feuille css :
body { background:url('draw.jpg') top left no-repeat; }
j ai meme essayé de mettre des guillemets doubles sur 'draw.jpg' ou de rajouter -image après background , j ai vraiment espuisé toutes les possibilités.... c est dingue qu un truc aussi simple me donne autant de fil a retordre .... en fait KB si je fais ca c est parce que je test les differents styles de feuilles , c est juste pour apprendre a m en servir correctement , mais c est pas gagné apparement .....
je ne sais pas pourquoi mais notepad me met tjs l url de l image en noir .... c est normal j ai essayé de mettre l url en entier genre C: etc... et tjs rien ......
|
|
|
| 10 |
Technique - programmation / HTML / CSS / XHTML / Re:pb de debutant |
sur: le 26-02-2010 a 09:19:27 |
| Commencé par xav2374, Message par KB |
<html> <head> <link rel="stylesheet" type="text/css" href="style.css"/> </head> <body> <span style="position: absolute; top: 50px; left: 230px; width: 242px; heigth:154px;"> <img SRC ="fond+texte.jpg" align=middle> </span> </body> </html>
-> je suppose que ton height:154 ne marche pas également: il faut enlever l'espace avant 154px.
Pour le background: body{ background:url('draw.jpg') top left no-repeat; // si ton image est dans le même repertoire que ton css margin:auto //si tu veux qu'il soit centré }
->autre questionpourquoi créer une feuille de style si tu ne met pas TOUS les styles dans cette feuille? |
|
|
| 11 |
Technique - programmation / HTML / CSS / XHTML / Re:pb de debutant |
sur: le 26-02-2010 a 03:41:38 |
| Commencé par xav2374, Message par xav2374 |
rien a faire .... ca marche pas , meme en mettant cette balise dans le code html .... je comprend pas .... cette balise n est elle pas faite pour une feuille css interne au code html normalement ? la mienne est a part .
je vous remet tout le script en entier :
<html> <head> <span style="position: absolute; top: 50px; left: 230px; width: 242px; heigth: 154px;"> <img SRC ="fond+texte.jpg" align=middle> </span> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> </body> </html>
et la feuille css separée :
body { background-image: url("draw.jpg"); background-repeat: no-repeat ; background-attachment: fixed ; }
mon notepad ++ me met l adresse url de l image en noir (erreur) ... je sais pas pourquoi ? y a t il une taille maxi pr les images ?
le faite d avoir inserer le style "span" d une image juste avant y est il pour quelque chose ?
|
|
|
| 12 |
Technique - programmation / HTML / CSS / XHTML / Re:pb de debutant |
sur: le 26-02-2010 a 01:28:25 |
| Commencé par xav2374, Message par Pad |
les styles doivent etre mis entre <head></head> dans le haut du document HTML et la balise doit bien être refermée...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Ma première page avec du style</title> <style type="text/css"> ton style </style> </head>
<body> [etc.] |
|
|
| 13 |
Technique - programmation / HTML / CSS / XHTML / Re:pb de debutant |
sur: le 26-02-2010 a 00:20:05 |
| Commencé par xav2374, Message par xav2374 |
merci beaucoup , mais c est pas ca , j ai juste raccourci le chemin dans mon post car il est vraiment long . j ai essayé aussi de mettre juste le nom de l image mais ca marche pas non plus ...
il y a un truc que j ai pas du comprendre , cette balise :
<style type="text/css">
ou dois je la mettre ? est elle obligatoire ? si oui faut il la refermer ?
je fonctionne sous firefox , si ca peut aider merci d avance |
|
|
| 15 |
Technique - programmation / HTML / CSS / XHTML / pb de debutant |
sur: le 25-02-2010 a 18:26:38 |
| Commencé par xav2374, Message par xav2374 |
bonjour a tous ! je debute dans le domaine et j ai probleme de feuille de style css , je vous explique , voila ma feuille de style :
body { background-image: url("C:\Documents and Settings\.....\draw.jpg"); background-repeat: no-repeat ; background-attachment: fixed ; }
et voila la maniere dont je l integre a mon doc html : <head> <link rel="stylesheet" type="text/css" href="style.css" /> </head>
mais ca ne fonctionne absolument pas ! pouvez vous m aider syp ? je comprend pas pourquoi ! j ai oublié quelque chose ?
|
|
|
| 16 |
Petites annonces / Recrutement bénévole / Site web - Sigid.fr (Soutien informatique) |
sur: le 24-02-2010 a 23:23:52 |
| Commencé par samixsx, Message par samixsx |
Bonjour,
Je me présente donc, sam 19ans actuellement en formation graphiste. Je viens ici dans le but de trouver des personnes volontaires susceptibles de me suivre dans mon projet.
Mon projet
Mon projet est simple (je ne veux pas trop rentrer dans les détails ici), il s'agit d'un site de soutien informatique et d'aide à la recherche. Encore me direz-vous, oui encore, sauf que d'après mes recherches il n'éxiste aucun site de soutient fiable et gratuit (des sociètés propose un sav après avoir souscris a un dépannage, ou bien encore il y a les forums). Mais je trouves que cela reste trop évasif, bien souvent on se retrouve avec des dizaines de messages à coté de la plaque ou bien utilisant un vocabulaire bien loins de ce que l'on est à meme de saisir. C'est ce point que je souhaites developper, vraiment un suivi personnalisé ou l'équipe prends en compte immédiatement la nature du problème mais aussi la nature de la personne et adapte tout en conséquence. Tout est détaillé dans le cahier des charges et merci de votre compréhension sur ce point 
Ma demande
Les besoins actuels se résument à:
- Une personnes ayant de bonnes bases en programmation web (php, mysql, css, ajax...). Je ne cherche pas forcement un "professionnel" mais des personnes mature, sérieuse, investie, et qui savent ce qu'elle font.
- Une personne pour s'occuper de la "mise en page", j'entends par là la gestion des feuilles de styles et l'intégration de l'aspect système dans l'aspect visuel (pour plus de précision, demander).
- Tout autre proposition sera bien évidemment prise en compte et analysée
Pour un soucis de légalité et un besoins essentiel de maturité les personnes n'ayant pas 18ans minimum seront automatiquement écartées du projet.
Informations supplémentaires
Les rémunérations sont à prévoir selon l'évolution du projet (descriptif encore une fois dans le cahier des charges).
Je vous remercie de votre intéret et si je n'ai pas été assez claire sur certains points merci de me le faire savoir  Pour me contact: utilisez surrier.samuel@yahoo.fr
Cahier des charges disponible pour tous: ICI
Bonne journée  |
|
|
| 17 |
Général / Discussions générales / Coopération pour un site web. |
sur: le 15-02-2010 a 18:26:12 |
| Commencé par Yellauw, Message par Yellauw |
Bonjour à tous les webmasters!  Voila j'ai une offre pour qui ca intéresserait.  Actuellement je suis en train de mettre en ligne mon site web (http://lifestyle.hebergratuit.com/) et n'ayant plus internet chez moi ni même d'ordi, je passe une annonce pour savoir si plusieurs personnes voudraient m'aider à le mettre à jour régulièrement. Soyons claire tout de suite, ceci n'est pas une offre d'emploi, mais plutôt un passe-temps Mon site provient d'un kit graphique que j'ai du prendre a cause du manque de temps :/ Pour les personnes intéressées, envoyez un mail à yellauw@gmail.com  Et pour les curieux qui veulent savoir pourquoi je veux faire un site web si j'en ai pas le temps, c'est parce-que j'aime pouvoir utiliser ma créativité via un ordinateur et que appart une petite base en info graphie, je ne connais rien d'autre que le html et le css :S Créer un site est une expérience que j'ai déjà réalisé mais abandonné pour je ne sais quelle raison, alors si des personne actives et volontaires lisent ce post, qu'elles m'envoient un mail le plus vite possible!  Je n'exige aucune compétance particulière si ce n'est qu'une petite base d'html pour pouvoir modifier la page 
Merci beaucoup! |
|
|
| 18 |
Général / Discussions générales / Re:problème de compatibilité navigateurs |
sur: le 14-02-2010 a 10:00:48 |
| Commencé par b, Message par ideal |
bonjour Pour remédier à ton problème , je fais un style css spécifiquement pour ie là oû çà pêche. je place ce code entre <head> et </head> <!--[if IE]><link rel="stylesheet" type="text/css" href="style_ie.css" /><![endif]-->
|
|
|
| 19 |
Technique - programmation / HTML / CSS / XHTML / [Header] Mettre une image dérriere le texte. |
sur: le 13-02-2010 a 16:38:56 |
| Commencé par Ned, Message par Ned |
Bonjour à tous !
J'aimerais réussir a intégrer une image derrière le titre (le mot "Titre" dans le header) de mon site : Page n°1.
Le problème est que c'est un kit graphique trouvé sur le net, et que à part quelques notions de xHtml, je connais peu de chose au webmastering.
L'image a intégrer est la suivant : Image.
Quand je la met à la bourrin via NVU, j'ai le résultat suivant : screen.
Voici le lien vers la feuille CSS, sans doutes utile pour vous : Document de feuille de style en cascade (.css)
Tous les fichiers qui composent le kit sont : >>ici<<. L'index utilisé ci-dessus est la page 123-Index.html
Voila  Merci d'avance et bonne journée ! |
|
|
| 20 |
Général / Discussions générales / Re:Problème site |
sur: le 12-02-2010 a 09:29:18 |
| Commencé par Eydiaze, Message par webexp |
Bonjour Eydiaze,
S'agit-il de quelque chose comme ça ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Document sans nom</title> </head> <style type="text/css"> body{background:#CCCC00; } #mainContainer{ width: 960px; height: auto; margin: 0 auto; } .header{ height: 100px; background:#999900; } .menu{ height:50px; background:#999999; } .imageContent{ width: 200px; height: 250px; float: right; background:gray; margin: 5px; } .content{ background:red; min-height:250px; width: 900px; margin: 0 auto; } </style> <body> <div id="mainContainer"> <div class="header">header</div> <div class="menu">menu</div> <div class="content">contenu <div class="imageContent">image contenu</div> </div> </div> </body>
</html>
|
|
|
|
|
| 21 |
Technique - programmation / HTML / CSS / XHTML / menu horizontal, galerie photo et mini calendrier |
sur: le 10-02-2010 a 09:40:44 |
| Commencé par leo59, Message par leo59 |
Bonjour ! J'écris sur ce forum car j'me retrouve vraiment bloqué voici mon probléme ! En fait j'en ai plusieurs >< Je fais un site pour une mairie et je suis bloqué sur différents éléments : -bug sur mon menu horizontal dynamique -Mise en place d'une galerie photo -Mise en place d'un mini calendrier
Et oui J'utilise donc Spip et comme je connaissais peu le logiciel j'ai essayé un grand nombre de plugins et je suis tombé sur le package Eva-Web ! Étant peu donné en programmation ( =((( ), j'ai travaillé avec ce package qui facilite grandement la mise en œuvre graphique toussa et aussi qui allège du même coup la programmation ! Fin jusqu'au moment où je tente de personnaliser mes pages web ça se complique au vu du nombre de dépendances de fichiers entre Eva et Spip T_T Fin bref j'explique mes différents problèmes maintenant :
En ce qui concerne le menu dynamique horizontal le problème est situé dans le Hover (enfin je pense ) car après de longues recherches pour réussir à intégrer une image et faire en sorte que celle ci s'adapte au texte ! .o/ et bien le problème est que le sous menu se décale par rapport au reste ce qui m'empêche de cliquer sur les sous catégories -_- Voilà des screen shots pour aider à comprendre !
http://imagik.fr/view-rl/207446 http://imagik.fr/view-rl/207454 Et le code CSS de mon menu :
#menu_horizontal { padding: 0 ; list-style-type:none; list-style-position:outside; position:relative; z-index:2000; height: 100%; width: 100%; font-family: comic sans ms; font-weight: bold; }
#menu_horizontal li { float:left; position:relative; }
#menu_horizontal a { display: block; /*width: %;*/ line-height:30px; /*hauteur de l'image de fond*/ padding: 0.3em 7px 0.35em 7px; text-decoration:none; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background:#d6ebfe url(b1.jpg) no-repeat 50% 90%; }
#menu_horizontal a:hover { background:#8ab5d8 url(b.jpg) no-repeat 50% 90%; color:#fffafa; text-decoration: OVERLINE; }
#menu_horizontal ul { margin: 0; padding: 0; list-style-type:none; list-style-position:outside; position:absolute; display:none; width:12em; }
#menu_horizontal li ul a { display:block; float:left; /*width: %;*/ line-height:30px; /*hauteur de l'image de fond*/
background:#d6ebfe url(b1.jpg) no-repeat 50% 90%; color:#0055A5; text-decoration:none; text-align:center; }
#menu_horizontal ul li a:hover { background:#8ab5d8 url(b.jpg) no-repeat 50% 90%; color:#fffafa; text-decoration: OVERLINE; }
#menu_horizontal ul ul { top:auto; }
#menu_horizontal li ul ul { left:12em; margin:0px 0 0 10px;
}
#menu_horizontal li:hover ul ul, #menu_horizontal li:hover ul ul ul, #menu_horizontal li:hover ul ul ul ul { display:none;
}
#menu_horizontal li:hover ul, #menu_horizontal li li:hover ul, #menu_horizontal li li li:hover ul, #menu_horizontal li li li li:hover ul { display:block;
}
- ensuite concernant mon problème de galerie photo ( je sais il existe de nombreuses galeries préfabriqués ) j'aimerai avoir une galerie photo qui «*s'auto alimente*» c'est à dire : à chaque fois qu'une photo est intégrée à un article, il faudrait qu'elle soit du même coup intégré à la galerie photo du site pour une mise à jour en continu.
- Et pour finir, concernant le problème du mini calendrier j'ai testé de nombreux plugins et entre les problèmes de compatibilités où les bugs je sais plus quoi faire Celui intégré à Eva me fait une jolie erreur php. Celui qui a l'air de fonctionner au mieux c'est Agenda 2.0, mais bien sur j'arrive pas à afficher correctement le mini calendrier ! Youpi !
Wala fini ( fiouu ) je sais ça fait un gros pavé et beaucoup de problèmes ! :/ Fin si on peut m'aider même pour un seul de ces 3 problèmes ça serai chouette :p Merci d'avance ! |
|
|
| 22 |
Technique - programmation / HTML / CSS / XHTML / J'ai un grand besoin d'aide. |
sur: le 05-02-2010 a 17:27:48 |
| Commencé par PvG70, Message par PvG70 |
Bonjour à tous. Ma petite histoire : Une amie a une association qui monte des comédies musicale avec toutes sortes de personnes non-professionnelles. Cela permet d’apprendre aux membres le chant, le théâtre et la danse en vue d’un spectacle dans une salle connue à Genève. Location de la salle et du matériels coute très cher. Cette association a besoin d’un site internet. Normal pour présenter son association aux organisations et entreprise qui pourraient sponsoriser le spectacle. J’ai présenté le projet un ami. Un ami ayant de grandes connaissances dans la programmation de site. Ce dernier m’a fait une première page avec style css. Du chinois pour moi. Ce même ami à décidé d’arrêter la construction du site. Super, on peut vraiment compter sur les copains. Je me retrouve avec une première page et je dois me débrouiller pour faire le reste. Sans connaissances. Jai commander des livres (notamment dreamweaver CS4, logiciel que j’utilise) et je n’arrive pas à comprendre le mode opératoire de ce qu’il a fait. Cette page se compose d’une partie centrale (texte de présentation, texte des différentes rubriques dans d’autres pages, etc…). Une image fixe à gauche et une autre à droite. La partie centrale s’adapte à l’écran (suivant la résolution) et les images gauche/droite restent fixes.
Mon problème : Comment fait-on. Quelqu’un peut-il m’expliquer la démarche à suivre pour effectuer une mise en page comme celle là ? Quoi utiliser ? Tableaux ? Cadres ?....
Je vous remercie vivement des aides que vous pourrez m’apporter. Merci à tous.
|
|
|
| 23 |
Général / Un projet de site internet ? / Re:Comportement dans Firrefox et IE |
sur: le 29-01-2010 a 16:26:16 |
| Commencé par Nozon, Message par AG.creation |
Bonjour ,
1-évite de tout mettre sur une même page fais un fichier style.css, et fais un lien vers lui dans ta page, exemple:
| <link href="style.css" rel="stylesheet" type="text/css" /> |
|
2-donne nous l'adresse du site pour qu'on sache d'ou vient le prob dans le css.
3- une fois le prob trouvé dans le fichier style.css, tu fais un deuxième fichier "style-ie.css ", en oubliant pas de faire un lien à la suite de "style.css" dans ta page, ce qui dois te donner sa : <link href="style.css" rel="stylesheet" type="text/css" />
<!--[if lte IE]> // uniquement pris en compte pour IE <link href="style-ie.css" rel="stylesheet" type="text/css" /> <![endif]--> |
|
4- dans le fichier "style-ie.css" tu mais uniquement la ou les propriétés qui provoque le prob sous IE exemple:
style.css: // fichier général avec toutes les propriétés .retour { position:absolute; // le prob sous IE margin-top:320px; margin-left:625px; } |
|
style-ie.css: // fichier avec correction .retour { position: relative; // correction sous IE } |
|
En espérant que tu me comprennes malgré mon ortho catastrophique
|
|
|
| 24 |
Technique - programmation / HTML / CSS / XHTML / Création d'une zone cliquable sur une image |
sur: le 28-01-2010 a 13:02:49 |
| Commencé par Obare, Message par Obare |
Bonjour, j'ai un problème avec mon code HTML, il ne veut pas définir la zone cliquable sur la photo que j'ai pourtant définie dans mon code. Dans ce code j'ai mis du CSS me permettant d'afficher mon image en fonction de la taille de la fenêtre. Quand je met en commentaire le CSS , cela fonctionne... Alors il y a t-il un moyen de définir la zone cliquable en CSS qui marcherait? Ou bien une autre solution me permettant de garder mes paramètres d'affichage? Pour un aperçut de la page, je l'ai mise en ligne : http://nsa78.fr/
<html > <head> <title>Nord de Seine Airsoft</title>
<style type="text/css"> <!-- html, body { margin:0; padding:0; height: 100%; width: 100%; }
#arriere{ width : 100%; height: 100%; }
--> </style> </head> <body>
<map name= "fond"> <area shape= "rect" coords="2368,1688,3238,1758" HREF="index.htm"> </map>
<img id="arriere" usemap="#fond" src="./Images/photoaccueil2.jpg" border=0 >
</body>
</html> |
|
|
| 25 |
Général / Un projet de site internet ? / Comportement dans Firrefox et IE |
sur: le 27-01-2010 a 13:58:49 |
| Commencé par Nozon, Message par Nozon |
Bonjour, Je suis en train de réaliser (bénévole) un site pour une société qui organise une course pédestre (récolte de fond pour la lutte contre le cancer). Je le fais avec Dreamweaver CS4 (DW CS4). Je n'ai pas de connaissance suffisante pour le construire en langage HTML, mais j'en ai quelques une.
Voilà ma question: Le comportement de la page n'est pas pareil dans Firefox 3.5 (OK) que dans EI8 (décalage).
Merci d'avance pour votre aide. 
Voici le code de ma page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Montée du Nozon</title>
<script language="javascript">
// 1 - on initialise le compteur numero=0;
// 2 - on met les images à afficher dans un beau tableau mes_images=new Array("Images/LogoDiapoSponsors/1.jpg","Images/LogoDiapoSponsors/3.gif","Images/LogoDiapoSponsors/6.jpg","Images/LogoDiapoSponsors/4.jpg","Images/LogoDiapoSponsors/CarPostal.jpg");
// 3 - on crée la fonction animer // Paramétres : // 3 c'est le nombre d'images ; // 2000 c'est les millisecondes (= 2 secondes) entre chaque apparition
function animer() { document.image.src=mes_images[numero]; numero=numero+1; if(numero==5){numero=0;} setTimeout("animer()",2000) } </script>
<!-- DEBUT DU SCRIPT --> <SCRIPT LANGUAGE="JavaScript"> /* SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT http://www.editeurjavascript.com */ Maintenant = new Date; TempMaintenant = Maintenant.getTime(); Future = new Date(2010, 4, 08); TempFuture = Future.getTime(); DiffSec = Math.floor((TempFuture-TempMaintenant)/1000); DiffMin = Math.floor(DiffSec/60); Diffheure = Math.floor(DiffMin/60); DiffJour = Math.floor(Diffheure/24); while (DiffMin>=60) { DiffMin = DiffMin-60; } while (Diffheure>=24) { Diffheure = Diffheure-24; } while (DiffSec>=60) { DiffSec = DiffSec-60; } </SCRIPT> <!-- FIN DU SCRIPT -->
<style type="text/css"> <!-- #entete { background-color: #EBF390; height: 103px; width: 1000px; } #conteneur #contenu ul { font-family: Verdana, Geneva, sans-serif; line-height: 40px; font-weight: bold; color: #060; list-style-type: none; padding-left: 2px; font-size: 18px; } #contenu { background-color: #EBF390; height: 500px; width: 1000px; } #pied { background-color: #EBF390; height: 70px; width: 1000px; text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 16px; color: #060; } #conteneur { background-color: #EBF390; margin-right: auto; margin-left: auto; width: 1000px; } #CaseJourJ { position:absolute; left:925px; top:124px; width:200px; height:70px; z-index:1; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #F00; font-weight: bold; } #CaseCpteReb { position:absolute; left:925px; top:199px; width:200px; height:46px; z-index:2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #F00; text-align: center; } #CaseFondac { position:absolute; left:925px; top:248px; width:200px; height:54px; z-index:3; text-align: center; } #CaseSponsors { position:absolute; left:925px; top:399px; width:200px; height:73px; z-index:4; } #CaseCoursPed { position:absolute; left:925px; top:325px; width:200px; height:54px; z-index:5; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #060; font-weight: bold; } #CaseProchaine { position:absolute; left:925px; top:497px; width:200px; height:44px; z-index:6; font-family: Verdana, Geneva, sans-serif; font-size: 16px; color: #F00; text-align: center; font-weight: bold; } body { background-color: #EBF390; } --> </style> </head>
<body onLoad="animer()">
<div id="CaseJourJ"><img src="Images/Jour_J.gif" alt="jour_J" width="37" height="56" hspace="76" vspace="3" /><br /> </div> <div id="CaseCpteReb"> <script type="text/javascript">
document.write('Il ne reste plus que ' + DiffJour + ' jour(s) et ' + Diffheure + ' heure(s) '); </script>
</div>
<div id="CaseFondac"><img src="Images/LogFondact.jpg" width="200" height="54" alt="fondaction" /></div> <div id="CaseSponsors"><img src="Images/LogoDiapoSponsors/1.jpg" alt="Sponsors" id="image" /></span> </div> <div id="CaseCoursPed">Course pédestre organisée en faveur de la recherche contre le cancer</div> <div id="CaseProchaine">Prochaine édition <br /> le samedi 08 mai 2008</div>
<div id="conteneur"> <div id="entete"><img src="Images/BanniereSupFoulee.jpg" width="1000" height="103" alt="banniere" /></div> <div id="contenu"> <ul> <li>Accueil </li> <li> Courses </li> <li> Marche</li> <li> Inscription</li> <li> Situation</li> <li> Infos</li> <li> Parrainage</li> <li> Résultats</li> <li> Donateur</li> <li> Galeries</li> <li> NEWS<br /> </li> </ul> </div> <div id="pied"> <h4>Webmaster<br /> <img src="Images/LOGO5firmInformatic copie.png" alt="logoWebmaster" width="200" height="31" /></h4> </div> </div>
</body>
</html>
|
|
|
| 26 |
Technique - programmation / HTML / CSS / XHTML / Re:charte izispot et resolution ecran |
sur: le 24-01-2010 a 15:02:48 |
| Commencé par bobales, Message par robert-rosso.fr |
Bonjour, vous éditez la charte graphique ---> Propriétés ----> http://app.izispot.com/fr/doc_izicharte/menus/menu_propriete.asp Taille personnalisée mettre 1000 x 650
</script> <!--[if lt IE 7]> <style type="text/css"> div { width: 770px; width: expression(document.body.clientWidth <= 602? "600px" : document.body.clientWidth >= 1002? "1000px" : "auto"); } </style> <![endif]--> Ce script fonctionnera si Javascript est déclaré dans les Options des navigateurs il faut mettre ce script juste après la balise <title
|
|
|
| 27 |
Technique - programmation / HTML / CSS / XHTML / Re:charte izispot et resolution ecran |
sur: le 23-01-2010 a 15:21:32 |
| Commencé par bobales, Message par bobales |
<!-----------les plugin----------------------->
<style type="text/css"> <!--
td {color:#FFFFFF;font-family:Arial;font-size:11pt;text-decoration:none;} a:link {color:#6C37A0;font-family:Arial;font-size:9pt;text-decoration:none;} a:visited {color:#535353;font-family:Arial;font-size:11pt;text-decoration:none;} a:active {color:#C0C0C0;font-family:Arial;font-size:9pt;text-decoration:none;} a:hover {color:#FFFFFF;font-family:Arial;font-size:9pt;text-decoration:none;} body {background-color:#383838;background-image: url();} .champ {color: #000000;font-family:Arial;font-size:9pt;text-decoration:none;;background-color: #FFFFFF;border: 1px solid #8000FF;} Lcourant{100%} Edition{color:#000000;background-color:#FFFFFF;font-family:Arial;font-size:9pt;text-decoration:none;}
--> </style>
<script type="text/JavaScript"> <!-- function OpenWindow(URL,nom_win,parametres,largeur,hauteur) { var gauche = (screen.width - largeur)/2; var haut = (screen.height - hauteur)/2; if (screen.width - largeur<1) {gauche=0} if (screen.height - hauteur<1) {hauteur=0} if (hauteur!="" || largeur!="") {parametres=parametres+',left='+gauche+',top='+haut} try {w.close()} catch (ex) { } w=window.open(URL,nom_win,parametres); }
function JumpMenu(cible,selectObj,restore) { eval(cible+".location='"+selectObj.options[selectObj.selectedIndex].value+"'"); if (restore){selectObj.selectedIndex=0}; }
//--> </script>
<!--ACTUA63|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||-->
</head>
<body onresize='LockNegPosCharte()' onload=' initialise_traduction();initialise_clic_drt();' >
<noscript> <!--Javascript Menu Link for no script browser--> <br><a href='accueil_016.htm'>ACCUEIL</a> <br><a href='prestations_020.htm'>PRESTATIONS</a> <br><a href='contact_024.htm'>CONTACT</a> <br><a href='tarifs_053.htm'>TARIFS</a> </noscript>
<div id='PosCharte' style='position:absolute;width:720px;height:644px;left:50%;margin-left:-360px;top:0px;'>
<div id='obj_52' style='position:absolute; left:625px; top:0px; width:93px; height:20px; z-index:19; overflow:visible;'> <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"> <tr><td align="left" valign="top"></td></tr> </table> </div> <div id='obj_53' style='position:absolute; left:0px; top:70px; width:720px; height:10px; z-index:20'><img src='image_004.gif' width='720' height='10' border='0'></div> <div id='obj_54' style='position:absolute; left:0px; top:90px; width:720px; height:20px; z-index:22; overflow:visible;'> <script type="text/javascript" src="config_menu_013.js"></script> </div> <div id='obj_55' style='position:absolute; left:-1px; top:155px; width:718px; height:489px; z-index:24; overflow:auto;'>
<table border='0' cellpadding='0' cellspacing='0' width='100%' align='center'><tr><td>
<!--ACTUA47|||||||||||||||||||||||||||||||||||||||||||||||--> <P> <TABLE style="WIDTH: 709px; HEIGHT: 467px" cellSpacing=0 cellPadding=0 width=709 align=left bgColor=#383838 border=0> <TBODY> <TR> <TD vAlign=top> <P align=justify><STRONG><FONT color=#6c37a0>BEST OF BEAUTE</FONT>, spécialiste de la beauté des mains, des pieds et de l'ongle,</STRONG> vous apporte<STRONG> une qualité professionnelle à domicile.</STRONG></P> <P align=justify><STRONG>De la simple manucure au modelage d'ongles,</STRONG> notre prothésiste ongulaire saura mettre en valeur vos mains, reflet de votre personnalité.</P> <P align=justify>Elle se déplace chez vous<STRONG>, dans les Bouches du Rhône,</STRONG> du lundi au samedi de 9h à 19 h.</P> <P align=justify>Devenez une cliente <FONT color=#6c37a0><STRONG>BEST OF BEAUTE</STRONG></FONT> et bénéficiez ainsi, tout au long de l'année, de promotions sur nos prestations. </P> <P align=justify> <TABLE cellSpacing=0 cellPadding=0 width=300 align=left bgColor=#383838 border=0> <TBODY> <TR> <TD>Découvrez prochainement </TD> <TD> <P align=center><IMG alt="extension cils" src="image_071.gif" border=0></P></TD></TR></TBODY></TABLE></P> <P align=right><BR><BR><BR><BR><FONT color=#6c37a0>Extrait du JT du 12 janvier 2010 :</FONT> <BR><STRONG>"Le boom des ongleries"</STRONG> <BR><BR><BR><BR><BR><BR><BR></P> <P align=justify> <TABLE cellSpacing=0 cellPadding=0 width=300 align=left bgColor=#383838 border=0> <TBODY> <TR> <TD> <P align=left><STRONG><A href="javascript:OpenWindow('plan_du_site_045.htm','','width=500,height=300,scrollbars=yes,resizable=yes','500','300')"><FONT size=2>Plan du site</FONT></A></STRONG></P></TD> <TD> <P align=left><STRONG><A href="javascript:OpenWindow('qui_sommes_nous_046.htm','','width=500,height=300,scrollbars=no,resizable=yes','500','300')"><FONT size=2>Qui sommes nous?</FONT></A></STRONG></P></TD></TR></TBODY></TABLE></P></TD> <TD vAlign=top> </TD> <TD vAlign=top> <P align=right><IMG style="WIDTH: 211px; HEIGHT: 229px" height=229 alt="" src="image_074.jpg" width=211 border=0><BR><A href="http://dsamantha.e-monsite.com/" target=_blank><IMG style="WIDTH: 211px; HEIGHT: 20px" height=20 alt="" src="image_075.jpg" width=211 border=0></A><BR><BR> <OBJECT style="WIDTH: 211px; HEIGHT: 174px" height=174 width=211><PARAM NAME="movie" VALUE="http://www.youtube.com/v/A4Wo1cF5j7Q&hl=fr_FR&fs=1&color1=0x402061&color2=0x9461ca"><PARAM NAME="allowFullScreen" VALUE="true"><PARAM NAME="allowscriptaccess" VALUE="always"> <embed src="http://www.youtube.com/v/A4Wo1cF5j7Q&hl=fr_FR&fs=1&color1=0x402061&color2=0x9461ca" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="211" height="174"></embed></OBJECT></P></TD></TR></TBODY></TABLE></P></FONT></STRONG><!-- Save for Web Slices (samaccueillien.psd) --><TD vAlign="top"> </td></tr></table>
</div> <div id='obj_58' style='position:absolute; left:154px; top:24px; width:548px; height:44px; z-index:26'><img src='image_005.jpg' width='548' height='44' border='0'></div> <div id='obj_91' style='position:absolute; left:10px; top:10px; width:128px; height:55px; z-index:42'><img src='image_052.gif' width='128' height='55' border='0'></div> </div> <script language="javascript">
initialise_traduction(); </script>
</body> </html>
Configuration: Windows XP Firefox 3.5.7 |
|
|
| 28 |
Technique - programmation / HTML / CSS / XHTML / Re:charte izispot et resolution ecran |
sur: le 23-01-2010 a 15:20:09 |
| Commencé par bobales, Message par bobales |
Bonjour,
J'ai créé mon site avec IZISPOT (http://bestofbeaute.com/) et apparemment impossible de régler la taille de la charte en %. Seulement comme je suis très tétue et qu'impossible n'est pas français, je vous ai fait un copier-coller de mes codes de la page d'accueil pour qu'un des as du forum puisse venir à mon secours ! Il doit bien y avoir UNE SOLUTION pour que mon site soit a peu près identique quelle que soit la resolution d'écran de l'utilisateur? MERCI 1000 FOIS ALESSANDRA
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>
<title>Présentation de Best of Beauté, prothésie ongulaire à domicile dans les Bouches du Rhône</title> <meta name="description" content="Best Of Beauté, spécialiste de la beauté des ongles, des mains et des pieds et de la pose de faux ongles en gel à domicile dans les Bouches du Rhône."> <meta name="keywords" content="faux ongles, beaute des mains et des pieds, modelage d'ongles,ongles americains, gel, extension cils, à domicile, bouches du rhone, "> <meta name="author" content="Best of Beauté"> <meta name="generator" content="Macromedia Flash 9.0"> <meta name="robots" content="Index, Follow"> <meta name="REVISIT-AFTER" content="7 days"> <meta http-equiv="Content-Language" content="fr"> <meta http-equiv="Pragma" content="no-cache"> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='ga_076.htm' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-12566628-1"); pageTracker._trackPageview(); } catch(err) {}</script>
</script> <!--[if lt IE 7]> <style type="text/css"> div { width: 770px; width: expression(document.body.clientWidth <= 602? "600px" : document.body.clientWidth >= 1002? "1000px" : "auto"); } </style> <![endif]-->
<title>Best of Beauté - prothésie ongulaire à domicile- Bouches du Rhône</title> <meta name="description" content="Spécialiste de la prothésie ongulaire et de la beauté des mains et des pieds, Best of Beauté propose un service de qualité professionnelle à domicile." /> <meta name="keywords" content="bestofbeaute.com,prothésie ongulaire, domicile, bouches du rhône, beauté des mains,beauté des pieds, resine, modelage d'ongles, gel UV, faux ongles,ongles americains, comblage, dépose, soin anti oxydant, gel couleur, décorations, nail art, modelage d'ongles, ongles rongés, capsules, chablons, forme, femmes, vernis, manucure, pédicure, ongles très rongés, french, stickers, paillettes, strass, prothesie ongulaire, prothesiste ongulaire, manucurie, manucure, pedicure" /> <link rel="shortcut icon" href="favicon.ico" /> <meta name="generator" Content="IziSpot 4.31 (www.izispot.com)" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-----------les plugin----------------------->
<script language="JavaScript"> v9_clic_droit="Clic droit interdit"; </script>
<script type="text/JavaScript" src="global_006.js"></script> <script type="text/JavaScript" src="language_007.js"></script> <script type="text/JavaScript">var AjaxImgLoading="<img src='loading_051.gif' border='0'>";</script> <script type="text/JavaScript" src="Ajax_008.js"></script>
<script type="text/JavaScript">var dmWorkPath=""</script>
<script type="text/JavaScript" src="dmenu_009.js"></script> <script type="text/JavaScript" src="dmenu_dyn_010.js"></script> <script type="text/JavaScript" src="dmenu_popup_011.js"></script> <script type="text/JavaScript" src="dmenu_add_012.js"></script> <script language="JavaScript"> function desactiveclavier(e) { var touche; if (nav=="ie4" || nav=="op") { touche=event.keyCode; // alert (touche); } else { touche= e.keyCode; } if (touche==93 || touche==121) { var MyValue = clic_droit_interdit('oui'); return false; } }
function desactiveclicdroit(e) { var evt=0; if (nav=="ie4" || nav=="op") { evt = event.button; } else { evt = e.which; } if (evt==2||evt==3) { var evt = clic_droit_interdit('oui'); return false; } else { return true; } }
function clic_droit_interdit(message) { if (message=="oui") { alert(v9_clic_droit); } return false; }
</script> <script language="JavaScript"> function initialise_clic_drt() { if (nav=="ns6") { document.captureEvents(Event.MOUSEDOWN); document.captureEvents(Event.KEYDOWN); document.onmousedown=desactiveclicdroit; document.onkeydown =desactiveclavier; document.oncontextmenu = clic_droit_interdit; } else { document.onmousedown=desactiveclicdroit; document.onkeydown =desactiveclavier; } } </script> <!-----------les plugin----------------------->
<style type="text/css"> <!--
|
|
|
| 29 |
Webmastering / Hébergement / Hotmail=> Courier Indésirable |
sur: le 12-01-2010 a 23:53:13 |
| Commencé par dan13200, Message par dan13200 |
bonjour,
Je possede un site hebergé chez ovh (serveur dedié) , les mails que reçoivent les membres de mon site atterrissent directement sur la boite à spam sur hotmail.fr, hotmail.com, live.fr, live.com, msn.com... je donne 50euros si on peu me rétablir le problème.
J'utilise qMail pour envoyé mes courriers ,tout ce que j'envoi ce sont des mails de confirmation d'inscription à mon site.
Mon adresse ip du serveur dédié est 91.121.222.77 . Pour les entêtes voici ce que j'ai : Code:
$site = "Diwill"; $from = "contact@diwill.com"; $name = "Diwill"; $sujet = "Confirmation d'inscription au réseau Diwill"; $from = $name." <".$from.">"; $text = "Bienvenue sur le réseau Diwill.
Vous recevez cet e-mail car vous vous êtes inscrit avec cette adresse e-mail sur http://www.diwill.com
Votre mot de passe est : ".$password."
Pour confirmer votre inscription et entrer dans le réseau Diwill, cliquez sur le lien ci-dessous :
Lien : http://www.diwill.com/index.php?email=".$email."&num=".$rand."
A tout de suite !
Si vous ne souhaitez pas poursuivre votre inscription, ignorez simplement ce message.";
$html = '<html><head><style type="text/css"> #conteneur { font-family:"Trebuchet MS","Verdana","Lucida Sans Unicode","Lucida Grande", sans-serif; font-size:14px; }
#conteneur a { color:#336699; }
</style> </head> <body>
<div id="conteneur"> <p style="font-size:24px;padding-left:12px;display:inline;color:#1689a4">Bienvenue dans le réseau Diwill</p> <p style="padding-left:12px;">Vous recevez cet e-mail car vous vous êtes inscrit avec cette adresse e-mail sur <a href="http://www.diwill.com">diwill.com</a></p> <p style="padding-left:40px;">Votre mot de passe est : '.$password.'</p> <p style="padding-left:12px;">Pour confirmer votre inscription et entrer dans le réseau Diwill, cliquez sur le lien ci-dessous :</p> <p style="padding-left:40px;"><a href="http://www.diwill.com/index.php?email='.$email.'&num='.$rand.'">http://www.diwill.com/index.php?email='.$email.'&num='.$rand.'</a></p> <p style="padding-left:12px;font-size:18px;">A tout de suite !</p> <p style="font-size:12px;padding-left:12px;display:inline;">Si vous ne souhaitez pas poursuivre votre inscription, ignorez simplement ce message.</p> </div></body></html>';
$limite = "_----------=_parties_".md5(uniqid (rand()));
$header = "Reply-to: ".$from."\n"; $header .= "From: ".$from."\n"; $header .= "X-Sender: <".$site.">\n"; $header .= "X-Mailer: PHP\n"; $header .= "X-auth-smtp-user: ".$from." \n"; $header .= "X-abuse-contact: ".$from." \n"; $header .= "Date: ".date("D, j M Y G:i:s O")."\n"; $header .= "MIME-Version: 1.0\n"; $header .= "Content-Type: multipart/alternative; boundary=\"".$limite."\"";
$message = "";
$message .= "--".$limite."\n"; $message .= "Content-Type: text/plain\n"; $message .= "charset=\"iso-8859-1\"\n"; $message .= "Content-Transfer-Encoding: 8bit\n\n"; $message .= $text;
$message .= "\n\n--".$limite."\n"; $message .= "Content-Type: text/html; "; $message .= "charset=\"iso-8859-1\"; "; $message .= "Content-Transfer-Encoding: 8bit;\n\n"; $message .= $html;
$message .= "\n--".$limite."--"; if( mail($email, $sujet, $message, $header, "-fcontact@diwill.com") ){
J'espère que vous pourrez me venir en aide pour ce problème. Cordialement.
|
|
|
| 30 |
Technique - programmation / Javascript / DOM / Ajax / script java dans une newsletter |
sur: le 05-01-2010 a 08:45:59 |
| Commencé par KanoKa, Message par KanoKa |
Bonjour à tous, peut-on mettre un script dans une newsletter? Quand je regarde la page dans le navigateur, tout est nickel. Dès que je l'envoie par courrier, le script ne marche pas. Il s'agit d'une petite neige qui tombe... Si vous pouviez m'aider? Voici le code source, peut-être aurez-vous une idée,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="Generator" content="Serif WebPlus 11.0.6.030"> <title>Accueil</title> <style type="text/css"> <!-- body {margin: 0px; padding: 0px;} a:link {color: #2c3651;} a:visited {color: #1f5b8b;} a:hover {color: #2c3651;} a:active {color: #2c3651;} .Normal-P { margin:0.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400; } .Normal-C { font-family:"Verdana", sans-serif; font-size:16.0px; line-height:1.13em; color:#736357; } --> </style> </head> <body text="#000000" style="background: #ffffff; text-align:center; height:1000px;"> <div style="background: #e7c1d7; position:relative;width:600px;height:1000px;margin-left:auto;margin-right:auto;"> <div id="txt_1" style="position:absolute; left:49px; top:67px; width:499px; height:140px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;"> <P class="Normal-P"><span class="Normal-C">L’ébauche d’une nouvelle année pointe son nez....</span></P> <P class="Normal-P"><span class="Normal-C">La tribu vous souhaite des brassées de plaisirs et de bonne humeur,</span></P> <P class="Normal-P"><span class="Normal-C">des paniers remplis de petits et grands bonheurs pour en profiter et en abuser sans modération.</span></P> <P class="Normal-P"><span class="Normal-C">Très bonne et heureuse année 2010.</span></P> </div> <div style="position:absolute; left:48px; top:244px; width:488px; height:488px;"> <img src="wpimages/wp0874501d_0f.jpg" width="488" height="488" border="0" id="pic_1" name="pic_1" title="" alt=""></div> <div style="position:absolute; left:90px; top:-20px; width:479px; height:94px;"> <div id="frag_6" style="text-align:left;"> <html> <head> <script language="JavaScript"> // Placez le nombre de flocons de neige (plus de 30 - 40 non recommandés) var snowmax=35 // Placez les couleurs pour la neige. Ajoutez autant de couleurs comme vous voudrez var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD") // Placez les polices, celle créent les flocons de neige. Ajoutez autant de polices comme vous voudrez var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS") // Placez la lettre qui crée votre flocon de neige (recommandé: *) var snowletter="*" // Placez la vitesse de la descente (gamme recommandée de valeurs de 0,3 à 2) var sinkspeed=2 // Placez la maximal-taille de vos snowflaxes var snowmaxsize=30 // Placez la minimal-taille de vos snowflaxes var snowminsize=10 // Placez la neiger-zone // Placez 1 pour tout-au-dessus-neiger, placez 2 pour la gauche-côté-chute de neige // L'ensemble 3 pour centre-neiger, a placé 4 pour la droit-côté-chute de neige var snowingzone=1 /////////////////////////////////////////////////////////////////////////// // LA CONFIGURATION FINIT ICI /////////////////////////////////////////////////////////////////////////// // N'éditez pas au-dessous de cette ligne var snow=new Array() var marginbottom var marginright var timer var i_snow=0 var x_mv=new Array(); var crds=new Array(); var lftrght=new Array(); var browserinfos=navigator.userAgent var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/) var ns6=document.getElementById&&!document.all var opera=browserinfos.match(/Opera/) var browserok=ie5||ns6||opera function randommaker(range) { rand=Math.floor(range*Math.random()) return rand } function initsnow() { if (ie5 || opera) { marginbottom = document.body.clientHeight marginright = document.body.clientWidth } else if (ns6) { marginbottom = window.innerHeight marginright = window.innerWidth } var snowsizerange=snowmaxsize-snowminsize for (i=0;i<=snowmax;i++) { crds[i] = 0; lftrght[i] = Math.random()*15; x_mv[i] = 0.03 + Math.random()/10; snow[i]=document.getElementById("s"+i) snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)] snow[i].size=randommaker(snowsizerange)+snowminsize snow[i].style.fontSize=snow[i].size snow[i].style.color=snowcolor[randommaker(snowcolor.length)] snow[i].sink=sinkspeed*snow[i].size/5 if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size) snow[i].style.left=snow[i].posx snow[i].style.top=snow[i].posy } movesnow() } function movesnow() { for (i=0;i<=snowmax;i++) { crds[i] += x_mv[i]; snow[i].posy+=snow[i].sink snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]); snow[i].style.top=snow[i].posy if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){ if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} snow[i].posy=0 } } var timer=setTimeout("movesnow()",50) } for (i=0;i<=snowmax;i++) { document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>") } if (browserok) { window.onload=initsnow } </script> <title>Neige :P</title> </head> <body> </body> </html> </div></div> </div> </body> </html> |
|
|
|
|
| 31 |
Général / Un projet de site internet ? / Re:creation site htlm debutant |
sur: le 28-12-2009 a 15:16:10 |
| Commencé par unsicilien, Message par kallimero |
Utilise une feuille de style CSS.
body{ background: url('fond.jpg'); background-repeat: no-repeat; background-attachment: fixed; /*je te conseille d'ajouter cette ligne si tu souhaite que ton fond reste fixe */
}
Donne un peu plus d'information sur ton projet et je te donnerai un prix ! mon mail: kallimero@pc-master.fr |
|
|
| 32 |
Général / Avis ? / Re:Au-cine |
sur: le 28-12-2009 a 10:49:05 |
| Commencé par nicodead, Message par nicodead |
salut, je me joins a Pad pour dire qu'il reste du travail.
-J'ai effectivement une barre de défilement horizontal, ta largeur doit être assez grande.
Beh je comprend pas du tout chez moi ca marche nikel -_- jvais voir chez un pote cette apres-midi voir c'est quoi qui depasse .
- un peu de css sur les liens les rendraient plus sympas
Du CSS , tu veut dire de la coloration ? le css et moi on est pas encore trop ami 
-le design est très "simple" et le contenu n'est pas centré comme ton entête sur les pages "films","livre d'or", etc...
Pour le centrage , je cherche d'ou ca vient mais je trouve pas , ca fait une semaine que je cherche ... et le design , c'est pour ca que j'ai posté dans la rubrique " webdesign " ^^
- chez moi, le chargement des pages (même l'accueil) ne s'arrête jamais !
Ouai je sait mais je sait pas d'ou ca vient non plus -_-'
- systeme de notation par étoiles a revoir...
Systeme de notation entierment a revoir je dirai ^^
- le code est loin d'etre W3C ! des trucs bizarre: <p style="font-size: 10px;"[b] ;="">[/b]
t'as trouvé ca ou ? 
- des pubs....mais bon ça, c'est un choix.
Je voulais quand meme me mettre un peu d'argent dans les poches , je me donne du mal pour le faire , meme quelques centimes c'est deja ca 
- lorsque tu clique sur un film et que son résumé un long, la case dépasse du bloc de contenu général (ex: American history X).
Faut que je revoit les resumé je sait mais c'est pas toujours facile d'abreger .
-absence de meta
Ce probleme a été resolu hier soir ^^ |
|
|
| 33 |
Général / Avis ? / Re:Au-cine |
sur: le 28-12-2009 a 09:41:50 |
| Commencé par nicodead, Message par KB |
salut, je me joins a Pad pour dire qu'il reste du travail. -J'ai effectivement une barre de défilement horizontal, ta largeur doit être assez grande. -le design est très "simple" et le contenu n'est pas centré comme ton entête sur les pages "films","livre d'or", etc... - un peu de css sur les liens les rendraient plus sympas - chez moi, le chargement des pages (même l'accueil) ne s'arrête jamais ! - systeme de notation par étoiles a revoir... - le code est loin d'etre W3C ! des trucs bizarre: <p style="font-size: 10px;" ;=""> - des pubs....mais bon ça, c'est un choix. - lorsque tu clique sur un film et que son résumé un long, la case dépasse du bloc de contenu général (ex: American history X). -absence de meta
Bon courage !!! ;-) |
|
|
| 34 |
Général / Un projet de site internet ? / Re:Besoin d'aide - problème IE |
sur: le 28-12-2009 a 03:01:16 |
| Commencé par Cerber, Message par Cerber |
Validation Output: 11 Errors 1. Error Line 32, Column 20: Attribute "language" exists, but can not be used for this element. <script language="javascript" type="text/javascript"> You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.
How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash. 2. Error Line 57, Column 5: invalid comment declaration: found name start character outside comment but inside comment declaration <!--object,embed{margin:0px!important;} 3. Info Line 53: comment declaration started here ><!--[if IE]> 4. Error Line 57, Column 6: character data is not allowed here <!--object,embed{margin:0px!important;} You have used character data somewhere it is not permitted to appear. Mistakes that can cause this error include: * putting text directly in the body of the document without wrapping it in a container element (such as a <p>aragraph</p>), or * forgetting to quote an attribute value (where characters such as "%" and "/" are common, but cannot appear without surrounding quotes), or * using XHTML-style self-closing tags (such as <meta ... />) in HTML 4.01 or earlier. To fix, remove the extra slash ('/') character. For more information about the reasons for this, see Empty elements in SGML, HTML, XML, and XHTML. 5. Error Line 60, Column 4: "endif" is not a reserved name <![endif]--> 6. Error Line 84, Column 48: NET-enabling start-tag not immediately followed by null end-tag …d="logo"><img src="images/logo.gif"/ alt="free flash template logo"><h1><span
This error may occur when there is a mistake in how a self-closing tag is closed, e.g '.../ >'. The proper syntax is '... />' (note the position of the space). 7. Error Line 84, Column 48: required attribute "alt" not specified …d="logo"><img src="images/logo.gif"/ alt="free flash template logo"><h1><span
The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. 8. Error Line 84, Column 48: end tag for "img" omitted, but OMITTAG NO was specified …d="logo"><img src="images/logo.gif"/ alt="free flash template logo"><h1><span You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">". 9. Info Line 84, Column 20: start tag was here <div id="logo"><img src="images/logo.gif"/ alt="free flash template logo">< 10. Error Line 57, Column 2: XML Parsing Error: Comment not terminated <!--object,embed{margin:0px!important;} 11. Error Line 60, Column 1: XML Parsing Error: StartTag: invalid element name <![endif]--> 12. Error Line 84, Column 46: XML Parsing Error: attributes construct error … id="logo"><img src="images/logo.gif"/ alt="free flash template logo"><h1><sp 13. Error Line 84, Column 46: XML Parsing Error: Couldn't find end of Start Tag img line 84 … id="logo"><img src="images/logo.gif"/ alt="free flash template logo"><h1><sp |
|
|
| 35 |
Général / Un projet de site internet ? / Re:creation site htlm debutant |
sur: le 22-12-2009 a 09:13:17 |
| Commencé par unsicilien, Message par KB |
salut! le background-repeat:no-repeat n'est pas du html mais du css. Le css se place directement dans tes pages html ou dans une feuille de style a part. Concrètement, pour ton arrière plan, on fait ça:
| <body style="background:url('fond.jpg') no-repeat"> |
|
| ou le plus simple j aurai aime savoir le prix pour un site complete avec designe etc merci en php |
| En sachant que tu écrit aussi "manque de moyen (argent) " je crois que ca va être hors budget pour toi ! lol Si tu veux un prix, tu dois détaillé ton projet afin qu'un devis puisse être établi. |
|
|
| 36 |
Technique - programmation / HTML / CSS / XHTML / filezilla |
sur: le 17-12-2009 a 23:59:12 |
| Commencé par arti, Message par arti |
Bonsoir à tous,
je suis novice en la matière.
Voilà mon problème, mon hébergeur est 50webs.com et mon ftp filezilla. Toutes mes pages sont correctement répertoriées: -bureau --mon_site ---site - pages html et style.css - css - js -img - touts les gifs (relatifs à la lightbox) - images (avec toutes mes images .jpg)
Je vais dans filezilla, je respecte l'arborescence, il accepte mes pages html, mon style.css MAIS il ne télécharge pas mes images, seulement les dossiers qui restent vides.
Mon code est correct, je travaille avec dreamweaver CS3 et quand je vérifie sur mon navigateur aucun soucis (sauf avec la lightbox mais je parlerai du problème plus tard )
Voilà, si quelqu'un sait m'aider, j'ai peut être mal configuré filezilla, c'est peut être tout simplement 50webs qui a un petit soucis, mais bon j'essaye quand même depuis 9h du mat'... je suis à bout 
une bonne soirée à vous et merci d'avance |
|
|
| 37 |
Technique - programmation / HTML / CSS / XHTML / Re:Centrer un menu |
sur: le 14-12-2009 a 15:09:15 |
| Commencé par zonda, Message par zonda |
Merci KB ; mais étant débutant là je cale : que désigne-ton par "le CSS" de mon menu ?
J'ai maintenant ceci dans head :
<style> #navcontainer { margin:auto; width: 1000px; } #navlist ul{ position:relative; width:950px; margin:auto } </style>
Mais sans résultat. J'imagine que la syntaxe n'est pas correcte ? peux-tu me dire ce qui ne va pas ? |
|
|
| 38 |
Petites annonces / Recrutement bénévole / Recrutement developeur PHP très performant |
sur: le 07-12-2009 a 18:50:05 |
| Commencé par Alex59, Message par Alex59 |
Bonjour,
Je suis le webmaster du site http://www.apprendre-informatique.com et je recherche un petit groupe excellent développeur en PHP, afin de participer à la création d'un projet.
Le design est prêt : http://www.alpes-creation.com (nom de domaine utilisé pour la présentation et les test) l'ancien site
Spécifications techniques :
- Structure arborescente - Hébergement - Moteur de recherche - Site avec un Intranet - Commerce en ligne (vente de tshirt par exem) - Nommer chaque page dans la balise TITLE par des titres parlant - Remplir les balises META pour les descriptions et les mots clés de chaque page - Enregistrer les pages avec des noms parlant pour les URL en ligne - Préciser la date de création et des mises à jour sur la page d'accueil, voir toutes les pages - Pouvoir revenir sur l'accueil en cliquant sur le logo de n'importe quelle page du site - Appliquer les styles CSS pour les mises en page et présentations
Contrainte : – Suivre la charte graphique déjà établie - Création de trois type d'utilisateurs : Membres, modérateurs, admin
Contenu : -CMS – Forum – Email (lien contact)
Equipe : Je suis seul au design pour le moment (travail déjà effectué) + deux personne extrêmement compétente en langage dynamique.
Délai :
2 mois + 1 mois de béta.
Aucune rémunération pour la création et le dev du site, les rémunération viennent a la fin du travaille, quand on touchera plus avec adsense. ATTENTION : NE VENEZ PAS POUR FAIRE LE SITE POUR LARGENT
Pour toute personne intéressé, n'hésitez pas à me laisser un message perso, je peux vous fournir le cahier des charges par mail. |
|
|
| 39 |
Technique - programmation / HTML / CSS / XHTML / CSS: padding |
sur: le 07-12-2009 a 10:43:17 |
| Commencé par davbo, Message par davbo |
Bonjour
j'ai un souci avec le padding CSS. Du moins je remarque que FireFox et IE l'interprete differement:
je defini une zone avec une largeur donnee (340px): si j'ajoute un padding de 10px, ma zone fait finalement 350 pix dans IE6 mais reste bien a 340px dans FireFox. Est-ce normal ?
Voici le code CSS:
#section1{ background-color: #858585; height: 180px; width: 340px; margin: 20px; padding: 10px; border: 1px dotted white; }
#section2{ background-color: #858585; height: 180px; width: 340px; margin: 20px; padding: 0px; border: 1px dotted white; }
et le HTML:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>css</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="t.css" rel="stylesheet" type="text/css" />
</head>
<body> <div id="section1"> section 1 </div>
<div id="section2"> section 2 </div>
</body>
Merci pour votre aide ! DavBO |
|
|
| 40 |
Général / Discussions générales / Re:Image Zoomée |
sur: le 01-12-2009 a 16:03:07 |
| Commencé par Tetsuro, Message par klimbo |
Bonjour, Vous pouvez en faire grâce à CSS et voici le code à insérer en head <style> img#zoom:hover { width:x; height:y; } </style> et le code à insérer dans body: <img src="C" id="zoom" width="A" height="B"> Quelque explications: X: représente la largeur du zoom Y:représente la hauteur du zoom A:représente la largeur de l'image sans zoom B:représente la hauteur de l'image sans zoom C:le nom et/ou adresse complet de l'image (url) Pour tout renseignement supplémentaire n'hésitez pas à me contacter. Cordialement BELMIR Najib |
|
|
| 41 |
Technique - programmation / HTML / CSS / XHTML / Re:Problème Lightbox |
sur: le 29-11-2009 a 19:22:03 |
| Commencé par lolomtp34, Message par iCreaWeb |
Bonsoir,
Vous parlez de ce script >> Lightbox 2
Vérifiez que tous les éléments soient présents : - appel des scripts javascript (lightbox et avant prototype) - appel des styles CSS (feuille de style séparée) ou intégrés à votre feuille de style générale.
Sans oublier l'attribut rel="lightbox"
@ bientôt. |
|
|
| 42 |
Technique - programmation / HTML / CSS / XHTML / Aide [Design extensible] |
sur: le 29-11-2009 a 00:57:20 |
| Commencé par mister-gwada97one, Message par mister-gwada97one |
Salut! Avec un ami, on a créé un design, mais il n'est pas bien codé. Regardez ici: http://imagik.fr/view-rl/169642 A gauche et à droite ne sont pas extensibles, et le footer se place mal. Je crois que tout viens du css.
Le code html:
<body> <!-- Header ---> <a href="#"><div id="header"></div></a> <div id="connexion"></div> <div id="cadre"> <div id="menu_gauche"> <p> <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" border="0" align="middle" /></a> </p> </div> <div id="news"> <p>Texte</p> </div> <div id="inscription"> </div> <!-- Fin Header --->
<div id="barre"></div> <div id="barre_gauche">
<p>Texte</p> </div>
<div id="fond_texte"><div id="texte">
<p style="margin-bottom:6px;margin-left:6px;color:#000;"> Texte ici<br /> <br /> <br /> Tu autem, Fanni, quod mihi tantum tribui dicis quantum ego nec adgnosco nec postulo, facis amice; sed, ut mihi videris, non recte iudicas de Catone; aut enim nemo, quod quidem magis credo, aut si quisquam, ille sapiens fuit. Quo modo, ut alia omittam, mortem filii tulit! memineram Paulum, videram Galum, sed hi in pueris, Cato in perfecto et spectato viro. <br /> <br /> </p>
</div><div id="texte_bas"></div></div> <!-- Footer ---> <div id="footer"><p style="text-align:center;color:#FFF;"> Footer </p></div>
</div> </body> |
|
LE CSS:
body { background-color: #ace4e8; color: #000000; background-image:url(images/index_01.gif); background-repeat:repeat-x; font-size:13px; font-family:Estrangelo Edessa; } div#header { background-image:url(images/header.gif); background-repeat: no-repeat; width: 737px; height: 213px; padding: 0; position:absolute; left:0px; top:1px; } div#connexion { background-image:url(images/index_06.gif); background-repeat:no-repeat; position:absolute; width: 125px; height: 19px; padding: 0; left: 736px; top: 194px; } div#cadre { background-image:url(images/cadre.png); background-repeat:no-repeat; position:relative; width: 970px; height: 939px; padding: 0; left: 200px; top: 206px; float:inherit; float:left; } div#menu_gauche { background-image:url(images/Menu_gauche.gif); background-repeat:no-repeat; width: 183px; height: 164px; position:absolute; left: 11px; top: 10px; border-bottom-color:#000; text-align: left;
} div#barre_gauche { background-image:url(images/barre01_gauche.gif); background-repeat:no-repeat; background-color:#007385; width: 183px; min-height:665px; position:relative; left: 11px; top: 218px; text-align: left; float:left; height: 589px;
}
div#fond_texte { background-image:url(images/fond_body.gif); background-repeat:no-repeat; background-color:#64c9d8; min-height::678px; width: 766px; position:absolute; left: 194px; top: 218px; border-bottom-color:#000; text-align: left; margin-left: auto; margin:auto; float:left; height: 665px;
} div#texte { background-image:url(images/texte.gif); background-repeat:no-repeat; background-color:#FFF; width: 737px; min-height:554px; position:relative; left: 15px; top: 15px; border-bottom-color:#000; text-align: left; color:#000; float:left;
}
#p { margin-bottom:6px; margin-left:6px; color:#000; } div#texte_bas { background-image:url(images/texte_bas.gif); width: 737px; height: 16px; position:relative; left: 15px; top: 10px; border-bottom-color:#000; clear:left; }
#footer { background-image:url(images/footer.gif); position:relative; width:969px; height:37px; clear:both; left: 0px; top: 916px; } div#news { background-image:url(images/News_milieu.gif); position:absolute; width:558px; height:164px; left: 206px; top: 10px; } div#inscription { background-image:url(images/inscription_droite.gif); position:absolute; width:183px; height:164px; top:10px; left: 775px; } div#barre { background-image:url(images/barre.gif); position:absolute; width:969px; height:34px; top:178px; left:0px; }
p { margin-bottom:6px; margin-left:6px; color:#FFFFFF; margin-right:6px; } |
|
Quelqu'un peut m'aider svp ? Merci d'avance.
Cordialement, Kévin |
|
|
| 43 |
Technique - programmation / HTML / CSS / XHTML / Re:Et problème de css sur Opera... |
sur: le 18-11-2009 a 14:35:08 |
| Commencé par aliasboubou, Message par Lilian |
Bonjour,
il faut mettre un attribut flottant sur les li de votre ul pour qu'ils viennent se coller les uns aux autres
style="float:left" sur votre li.
Merci de votre retour. |
|
|
| 44 |
Technique - programmation / HTML / CSS / XHTML / [Résolu]Mais d'ou vient l'érreur ? |
sur: le 31-10-2009 a 21:29:52 |
| Commencé par sarah69100, Message par sarah69100 |
Bonjour,
Voila je débute dans la création de site web et je dois rendre un site web sans érreures dans 48h...Le problème c'est qu'une érreur persiste quand je passe mon site au Validator W3c. Il me marque les choses suivantes :
"Line 14, Column 51: document type does not allow element "a" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "pre", "address", "fieldset", "ins", "del" start-tag
<a href="file:///E:/site_internet/test_5bis.html#"><h1 class="gt2">Esprit9</h1></a>
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
Line 14, Column 67: document type does not allow element "h1" here; missing one of "object", "ins", "del", "map", "button" start-tag
…E:/site_internet/test_5bis.html#"><h1 class="gt2">Esprit9</h1></a>
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). "
Et le début de mon code est le suivant :
<link rel="stylesheet" type="text/css" media="screen" href="ecran.css" /> </head> <body>
<a href="file:///E:/site_internet/test_5bis.html#"><h1 class="gt2">Esprit9</h1></a>
<ul id="navigation"> <li><a href="file:///E:/site_internet/test_5bis.html#" title="Acceuil">Acceuil</a></li> <li><a href="file:///E:/site_internet/3eme_page.html#" title="Bureau">Le bureau</a></li> <li><a href="file:///E:/site_internet/4eme_page.html#" title="Inscription">Inscription</a></li> <li><a href="file:///E:/site_internet/2eme_page.html#" title="Musique">Musique</a></li> </ul>
Merci d'avance pour votre précieuse aide !
|
|
|
| 45 |
Webmastering / Référencement / Format des META TAGS |
sur: le 29-10-2009 a 23:54:31 |
| Commencé par kimble89, Message par kimble89 |
Bonjour, J'ai téléchargé la version d'essai de Expression Web 3 et je constate qu'un nouveau format de META TAGS est appliqué automatiquement. En fait le nom du TAG est placé à la fin de la balise Voila ce que ça donne: <meta content="" name="title" /> <meta content="" name="description" /> <meta content="" name="keywords" /> <meta content="" name="author" /> <meta content="" name="robots" /> <meta content="" name="Revisit-after" /> <meta content="" name="GENERATOR" /> <meta content="" name="ProgId" /> <meta content="" name="owner" /> <meta content="fr" http-equiv="Content-Language" /> <style type="text/css">
Qu'en pensez-vous ? Quelqu'un a t il une explication ? L'interrogation principale : Les moteurs de recherches vont ils s'y retrouver ?
Merci de votre aide Kimble |
|
|
| 46 |
Technique - programmation / HTML / CSS / XHTML / menu vertical compbatible IE et firefox |
sur: le 19-10-2009 a 14:52:41 |
| Commencé par edephoto7star, Message par edephoto7star |
Salut à tous je suis entrai de réaliser un menu verticale aui ne se présente pas de la méme manière sous firefox que sous internet expplorer. Une personne pourrait m'aider à comprendre le bug et son origine. je joint le code source :
<body > <!-- début conteneur faq--> <div id="fichefaq"> <h2>Foire aux Questions </h2> <div id="navcontainer"> <ul> <li><a href="#"><span class="textparticulier">Animaux</span></a></li> <li><a href="#"><span class="textentreprise">Végétaux</a></li> </ul> </div> </div> <!-- fin conteneur faq-->
</body>
code source css :
#fichefaq { width: 480px; margin: 0 auto; background-color:#fff; }
#fichefaq h2 { margin-top:0px; margin-bottom:0px; background-color: color:#fff; height:30px; }
/* #navcontainer { width: 100%; border: 1px solid green; } */
#navcontainer { width: 100%; border-right: 1px solid green; padding:0 0 10px 0; background-color:#90bade; color:#333;
} #navcontainer ul { margin: 0; padding: 0; list-style: none; border:none;
} #navcontainer li { border-bottom:1px solid #90bade; margin:0px; height:20px;
} #navcontainer a { display: block; padding: 5px 5px 5px 0.5em; text-decoration:none; background-color: #cccccc; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; width:100%; } html>body#navcontainer li a { width: auto; } #navcontainer li a:hover { border-left: 10pxsolid #1c64d1; border-right: 10px solid #5ba3e0; background: #eee ; text-decoration: none; }
/code] |
|
|
|
|
| 47 |
Technique - programmation / HTML / CSS / XHTML / Menu horizontal déroulant FF - IE |
sur: le 16-10-2009 a 17:50:35 |
| Commencé par khany, Message par khany |
Bonjour ! Je pense qu'il y a beaucoup de questions sur la manière différente de FF ou IE de réagir ! J'arrive preque au bon résultat grâce à mes recherches sur le NET mais, j'ai quand même besoin d'une aide de votre part, je suis encore assez débutante.
Alors, voici ce que la page test donne sous FF :
http://www.khanysims.be/photos/sous-FF.bmp
Sous IE8 :
http://www.khanysims.be/photos/sous-IE8.bmp
et le code CSS :
#nav {margin-top: 20px; background-color: #FDF6DC; height:100px; font-family: Comic Sans MS; font-weight: bold; font-size: medium; } #nav, #nav ul {padding: 0; margin: 0; list-style: none;} #nav a {display: block; width: 10em; text-decoration: none; color: #006600; padding: 2px} #nav li {float: left; width: 10em; text-decoration: none } #nav li ul {position: absolute; width: 10em; left: -999em; background: #FCEBB8; text-decoration: none} #nav li:hover {left: auto; color: #000099; text-decoration: overline} #nav li:hover ul {left: auto; text-decoration: none} #nav li:hover ul, #nav li.sfhover ul {left: auto; text-decoration: none}
|
|
j'ai essayé avec des text-decoration: none partout pour avoir le même sous IE mais, nada ! Evidemment, c'est le rendu sous FF qui m'intéresse.
Merci de votre aide Khany |
|
|
| 48 |
Technique - programmation / HTML / CSS / XHTML / Re:Police de caractères perso sur page web |
sur: le 06-10-2009 a 12:55:17 |
| Commencé par Pierre787, Message par lefou |
C'est exact, le navigateur va chercher ses polices sur le système, mais il est possible de lui préciser d'utiliser un fichier de font et donc de mettre une police personnalisée.
Pour ce faire, il faut utiliser @font-face.
Exemple : <style type="text/css"> @font-face { font-family:Garamond; src:url(garamond.eot), url(garamond.pfr); } </style>
|
|
Le problème est qu'il n'est pas valable sur tous les navigateurs (ou n marche pas correctement) : voir http://css.mammouthland.net/font-css-polices-caracteres.php#font-face
De plus attention aux questions juridiques : en utilisant font-face il est alors facile de télécharger la police or une police est soumise à des droits !!!! Je ne pense pas que tu puisses utiliser la garamont de ton exemple : même si elle est sur ton poste par défaut, cela ne te donne pas le droit de la diffuser. |
|
|
| 49 |
Technique - programmation / HTML / CSS / XHTML / Re:Police de caractères perso sur page web |
sur: le 06-10-2009 a 12:13:27 |
| Commencé par Pierre787, Message par Lilian |
C'est exact, le navigateur va chercher ses polices sur le système, mais il est possible de lui préciser d'utiliser un fichier de font et donc de mettre une police personnalisée.
Pour ce faire, il faut utiliser @font-face.
Exemple : <style type="text/css"> @font-face { font-family:Garamond; src:url(garamond.eot), url(garamond.pfr); } </style> |
|
|
| 50 |
Technique - programmation / HTML / CSS / XHTML / Re:Probleme iframe en ligne |
sur: le 02-10-2009 a 11:30:47 |
| Commencé par Alkija, Message par Lilian |
Bonjour,
Normalement ce code devrait très bien fonctionner ? je ne vois pas le soucis, peux-tu être plus précis ?
Les frames sont généralement déconseillées, on les remplace par des div et des inclusions de code en PHP ... car un div peut avoir un comportement d'une frame en lui mettant le style CSS adapté.
Merci par avance. |
|
|
| 51 |
Technique - programmation / HTML / CSS / XHTML / Menu CSS qui clignotte ... |
sur: le 28-09-2009 a 14:00:26 |
| Commencé par pika28, Message par pika28 |
Bonjour à tous,
Je commence par me présenter, je suis un ti webmasteur en herbe et je réalise quelques site à droite à gauche.
J'ai une problématique, je dois réaliser un menu vignette de 3 x 3 photos, voir exemple en ligne sur www.concept-deco.eu, mais après deux essais de code différents, toujours le même problème les photos clignotent au lieu de se masquer quand le passe au dessus.
Le but est que la photo se cache quand je passe au dessus au benefice d'un texte qui décrit la photo, l'ensemble cliquable bien sur...
Merci d'avance
<div id="index-texte-1"> <br />Ceci est le texte <br />de la photo N°1. </div> <div id="index-photo-1"> <a class="menu-1" href="1.html"><img src="images/index-1.jpg" alt="Image 1" /></a> </div>
|
|
#index-photo-1 a.menu-1 { position: absolute; left: 0px; top: 0px; width: 240px; height: 160px; } #index-photo-1 a:hover.menu-1 { visibility: hidden; } #index-texte-1 { position: absolute; left: 0px; top: 0px; width: 230px; height: 150px; border: 5px; border-style: ridge; border-color: #a90101; background:#a90101; }
|
|
|
|
|
| 52 |
Technique - programmation / HTML / CSS / XHTML / Re:pb mise en ligne |
sur: le 24-09-2009 a 21:35:47 |
| Commencé par treizias, Message par eba |
Dans tes déclarations css des autres pages:
| <link rel="stylesheet" media="screen" type="text/css" title="Design" href="..\design.css" /> |
|
essaie de mettre : href="../design.css |
|
|
| 53 |
Technique - programmation / HTML / CSS / XHTML / Re:pb mise en ligne |
sur: le 24-09-2009 a 20:35:23 |
| Commencé par treizias, Message par treizias |
je mets la le code au cas se serait une mauvaise écriture
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="..\design.css" /> |
|
|
| 54 |
Général / Un projet de site internet ? / Aide: création d'un site à but commercial |
sur: le 21-09-2009 a 16:30:30 |
| Commencé par big_boss159, Message par big_boss159 |
Bonjour,
Nous sommes 2 programmeurs amateurs, voulons créer notre propre site pour mettre en vente nos créations en matière de jeu vidéo.
Alors voilà, nous faisons des jeu vidéo en 3D avec des petits scénario, nous savons tous les 2 programmer en C++ et modéliser/animer des objets en 3D mais en matière de html, css, java ... nous n'y connaissons rien, juste des notions de bases futiles.
Nous utilisons actuellement un hébergeur gratuit (style: free) et IziSpot comme éditeur web (un logiciel OpenSource de la ligné de Dreamweaver), nous voulons créer un portail payant (via paypal) pour pouvoir télécharger nos jeux, mais hélas, nous savons point comment.
Si quelqu'un aurait l'amabilité de nous aider, nous lui serions très reconnaissants.
PS: ce que nous voulons avant tout, c'est de publier nos travaux, de sorte que tous le monde puissent en profiter.
Cordialement. |
|
|
Fin des résultats Revenir à l'index du forum.
| |
|
|