Bonsoir
j'ai un petit problème dans le code de mon menu,
j'ai des images différentes pour chaque puce de mon menu
j'ai mis src dans le xhtml mais les images se positionne mal.
voici mon code xhtml avec une image pour essayer et css
c'est celui du bas.
merci de votre aide.
Modifié par sheitanEB (30 Jan 2008 - 23:55)
j'ai un petit problème dans le code de mon menu,
j'ai des images différentes pour chaque puce de mon menu
j'ai mis src dans le xhtml mais les images se positionne mal.
voici mon code xhtml avec une image pour essayer et css
c'est celui du bas.
merci de votre aide.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>{SITENAME} :: {PAGE_TITLE}</title>
<style type="text/css">
body { background-color:gray; }
/* MENU CATEGORIE GAUCHE */
#cat_gauche { float:left; width:131px; border:#6d7549 2px solid; margin:0; }
#th_menu, #td_menu { margin:0 0 0 -39px; list-style-type:none; }
#testeuh { margin:0; }
#td_menu img { }
#th_menu a {
width:110px;
border:#D3D3D3 2px solid;
display:block;
background-color:#D1D2B6;
padding:3px 0 2px 15px;
color:#4D4D4F;
text-decoration:none;
background-repeat: no-repeat;
font-weight:bold;
}
#th_menu a:hover {
width:110px;
border:#D3D3D3 2px solid;
display:block;
background-color:#d1d2b6;
padding:3px 0 2px 15px;
color:#4D4D4F;
text-decoration:none;
font-weight:bold;
}
#td_menu a {
width:110px;
border-right:2px solid #D3D3D3;
border-left:2px solid #D3D3D3;
display:block;
background-color:#B9B7A3;
padding:3px 0 2px 15px;
color:#4D4D4F;
text-decoration:none;
font-size:12px;
}
#td_menu a:hover {
width:110px;
display:block;
background-color:#d1d2b6;
padding:3px 0 2px 15px;
color:#800000;
text-decoration:none;
font-size:12px;
}
</style>
</head>
<body>
<!-- Menu -->
<table width="135" cellspacing="1" cellpadding="3" border="1" class="forumline">
<tr><td align="center" class="catHead"><span class="cattitle">Menu</span>
</td></tr>
<tr>
<td class="row3" align="left" height="28">
<font size="2"> <b>Sommaire:</b></font></td></tr>
<tr><td class="row1"><small>
<font size="1"> <img src='http://images.imagehotel.net/7dae71c599.png' border=0> <a href="http://espace-bonsai.xooit.info/index.php">Forum</a><br />
<img src='http://images.imagehotel.net/06a2eee56c.png' border=0> <a href="http://espace-bonsai.xooit.info/memberlist.php">Membres</a><br />
<img src='http://images.imagehotel.net/dfcf77d103.png' border=0> <a href="http://espace-bonsai.xooit.info/profile.php?mode=editprofile">Profil</a><br />
<img src='http://images.imagehotel.net/94d5135ce7.png' border=0> <a href="http://espace-bonsai.xooit.info/faq.php">FAQ</a><br />
<img src='http://images.imagehotel.net/d2a8b07fb6.png' border=0> <a href="http://espace-bonsai.xooit.info/search.php">Rechercher</a><br />
<img src='http://images.imagehotel.net/ef82a3f1c4.png' border=0> <a href="http://espace-bonsai.xooit.info/login.php">Connection</a><br />
<img src='http://images.imagehotel.net/785d6cc61f.png' border=0> <blink><a href="http://espace-bonsai.xooit.info/profile.php?mode=register">S'enregistrer</a></blink></small></td></tr>
<tr>
<td class="row3" align="left" height="28"><font size="2"> <b>Outils:</b></font></font></td></tr>
<tr><td class="row1"><small>
<font size="1"> <img src='http://images.imagehotel.net/0447f0b4ed.png' border=0> <a href="http://espace-bonsai.xooit.info/portal.php?pid=11"/>Faire un lien</a><br />
<img src='http://images.imagehotel.net/ef57e472aa.png' border=0> <a href="http://sheitan.mylinea.com/">Annuaire</a><br />
<img src='http://images.imagehotel.net/d66aab9877.gif' border=0> <a href="http://www.carte-des-membres.com/fr/espace-bonsai/">Localisation</a><br />
<img src='http://images.imagehotel.net/3e0b4b5cb0.png' border=0> <a href="http://espace-bonsai.xooit.info/portal.php?pid=5">jeux arcade</a><br />
<img src='http://images.imagehotel.net/4646cba570.png' border=0> <a href=http://download.mozilla.org/?lang=fr&product=firefox-2.0.0.2&os=win>Firefox</a></small></td></tr>
<tr>
<td class="row3" align="left" height="28"><font size="2"> <b>Divers:</b></font></font></td></tr>
<tr><td class="row1"><small>
<font size="1"> <img src='http://images.imagehotel.net/d780be4911.png' border=0> <a href="http://www.livre-dor.net/livre.php?livredor=49715">Livre d'or</a><br />
<img src='http://images.imagehotel.net/e620d6bedd.png' border=0> <a href="mailto:ghettopoincare@hotmail.com">Contact</a></ul></small><br /></td></tr></font></font>
</span>
</td>
</tr>
</table><br />
<!-- Menu -->
<!-- Menu CSS -->
<div id="cat_gauche">
<ul id="testeuh">
<li id="th_menu"><a href="" title="">Sommaire:</a></li>
<li id="td_menu"><img src="http://images.imagehotel.net/7dae71c599.png" alt="" /> <a href="" title="">forum</a></li>
<li id="td_menu"><a href="" title="">membres</a></li>
<li id="td_menu"><a href="" title="">profil</a></li>
<li id="td_menu"><a href="" title="">FAQ</a></li>
<li id="td_menu"><a href="" title="">rechercher</a></li>
<li id="td_menu"><a href="" title="">connexion</a></li>
<li id="td_menu"><a href="" title="">s'enregistrer</a></li>
<li id="th_menu"><a href="" title="">Outils:</a></li>
<li id="td_menu"><a href="" title="">faire un lien</a></li>
<li id="td_menu"><a href="" title="">annuaire</a></li>
<li id="td_menu"><a href="" title="">localisation</a></li>
<li id="td_menu"><a href="" title="">jeux arcade</a></li>
<li id="td_menu"><a href="" title="">firefox</a></li>
<li id="th_menu"><a href="" title="">Divers:</a></li>
<li id="td_menu"><a href="" title="">livre d'or</a></li>
<li id="td_menu"><a href="" title="">contact</a></li>
</ul>
</div>
<br /><br />
</body>
</html>
Modifié par sheitanEB (30 Jan 2008 - 23:55)
).