La Communauté Webmaster

Tous les résultats pour

style css

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

Code:

<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

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

Citation:

et voici le css:

Citation:

#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

14	Technique - programmation / HTML / CSS / XHTML / Problème avec un block css	sur: le 25-02-2010 a 20:57:15
Commencé par michaelzaccharie, Message par michaelzaccharie
Bonjour. Je suis en train de lire le tutoriel sur le XHTML et CSS du "Siteduzéro", tout en réalisant une commande de site que je dois rendre ce week-end. J'utilise dreamweaver. Je suis bloqué car je ne parviens pas à centrer un block de texte. J'ai bien appliqué toutes les instructions, dont la définition de la largeur du block. Il est bien centré dans la fenêtre "création" du logiciel, mais pas dans les navigateurs. Voici l'url de la page html : http://membres.multimania.fr/nmike3/mazava%20prod/skie/sitev2/index.html, et celui du fichier css : http://membres.multimania.fr/nmike3/mazava%20prod/skie/sitev2/styles.css Pourriez-vous m'aider svp? Merci!

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 !

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 ?

Code:

<!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.

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:

Code:

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 :

Code:

4- dans le fichier "style-ie.css" tu mais uniquement la ou les propriétés qui provoque le prob sous IE exemple:

Code:

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;
}

Code:

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.

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,

Code:

<!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">

</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

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:

Citation:

Citation:

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.

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:

Code:

<body>

<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>


<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>

<div id="footer"><p style="text-align:center;color:#FFF;">
Footer
</p></div>

</div>
</body>

LE CSS:

Code:

   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

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 :

Code:

<body >
   
   <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>

   

</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]

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 :

Code:

#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

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

Citation de: Lilian le le 06-10-2009 a 12:13:27

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.

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

Code:

<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>

Code:

#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;
}

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:

Code:

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.