Problème CSS

Marsh Posté le 01-09-2005 à 01:18:43

Salut tlm!

Voila, j'ai décidé de changer mon site et de n'utiliser que les CSS et seulement dans certains cas les tableaux
Mais voila, j'ai un problème :
je définis un style comme ceci :

Code :

.element_menu {
padding-right:3px;
padding-left:2px;
margin-right:2px;
vertical-align:middle;
border:1px;
border-color:#FFFFFF;
border-style:solid;
display:inline;
font-size:15px;
}
.bloc_menu {
width:800px;
border:1px;
border-color:#FFFFFF;
border-style:solid;
font-weight:bold;
display:block;
padding-top:3px;
padding-bottom:3px;
margin-left:2px;
}

Je définis dans ma pages HTML :

Code :

<div class="bloc_menu" align="center">
<div class="element_menu"><a href="index.php"><img src="images/home.gif" width="18" height="16" border="0" alt="Accueil" align="top"></a></div>
<div class="element_menu"><a href="groupe_etranger.php" title="Groupes étrangers">Groupes étrangers</a></div>
<div class="element_menu"><a href="groupe_etranger.php?francais=oui" title="Groupes Francais">Groupes français</a></div>
<div class="element_menu"><a href="divers.php" title="Dossiers">Dossiers</a></div>
<div class="element_menu"><a href="chronique.php" title="Chroniques">Chroniques</a></div>
<div class="element_menu"><a href="report.php" title="Live reports">Live reports</a></div>
<div class="element_menu"><a href="livre_dor.php" title="Livre d'or">Livre d'or</a></div>
<div class="element_menu"><a href="#" title="Liens">Liens</a></div>
<div class="element_menu"><a href="#" title="Multimédia">Multimédia</a></div>
<div class="element_menu"><a href="#" title="Contact">Contact</a></div>
</div>

Mais entre Internet Explorer et Netscape, ils ne m'affichent pas la même chose dans le sens ou j'ai l'impression que netscape met par défaut des espaces entre chaque div, du coup ca me décale tout car le contenu ne rentre plus en 800px.

Voila, est-ce que quelqu'un sait de quoi ca peut venir??

Merci d'avance!

Reply

Marsh Posté le 01-09-2005 à 01:18:43

Reply

Marsh Posté le 01-09-2005 à 05:44:17

jvois pas ou tu vois que tu utilises vraiment les CSS là :
un menu c'est une liste de liens
et on ne mets pas d'images dans menu, mais du texte. à quoi elles ressembles tes images, elles ont quelque chose de particulier, je suis sur à 90% que tu peux tout passer en texte et styler en CSS.

donc ton menu en HTML ressemblera à ceci :
<ul id="menu">
<li><a href="">texte</a><li>
<li><a href="">texte</a><li>
<li><a href="">texte</a><li>
<li><a href="">texte</a><li>
</ul>

Reply

Problème CSS

Sujets relatifs:

Leave a Replay