Problème de menu
soha
-
soha -
soha -
Salut à tous,
J'espère que les fêtes se sont bien passées pour tout le monde, mais, ça y est de retour devant les écrans.
Alors tout ça pour dire aux secours car je n'arrive pas à créer une barre de menu horizontale toute simple avec ma feuille css.
ma feuille css ressemble à ça :
#menu {
float:left;
width:1100px;
background-color:#CCFFFF;
font-size: 13pt;
}
#menu ul {
margin:0;
padding:10px 10px 0 50px;
}
#menu li {
display:inline;
margin:0;
padding:0;
}
#menu a {
float:left;
margin:0;
padding:10 0 0 4px;
text-decoration:none;
}
#menu a span {
float:left;
display:block;
padding:0px 85px 6px 6px;
color:#666;
}
et mon code xhtml à ça :
<div id="menu">
<ul>
<li><a href="http://www..fr" title="HOME"><span>HOME</span></a></li>
<li><a href="http://www..fr/prestations.html" title="PRESTATIONS"><span>PRESTATIONS</span></a></li>
<li><a href="http://www..fr/materiel.html" title="MATERIEL"><span>MATERIEL</span></a></li>
<li><a href="http://www..fr/tarifs.html" title="TARIFS"><span>TARIFS</span></a></li>
<li><a href="http://www..fr/temoignages.html" title="TEMOIGNAGES"><span>TEMOIGNAGES</span></a></li>
<li><a href="http://www..fr/contact.html" title="CONTACT"><span>CONTACT</span></a></li>
</ul>
</div>
et en ligne mon site me présente une colonne sans couleur de fond avec mes titres, et tenez-vous bien, des puces !
je ne comprends plus rien, pour la survie de mon pc svp...
un grand merci a tous
bonne journée
J'espère que les fêtes se sont bien passées pour tout le monde, mais, ça y est de retour devant les écrans.
Alors tout ça pour dire aux secours car je n'arrive pas à créer une barre de menu horizontale toute simple avec ma feuille css.
ma feuille css ressemble à ça :
#menu {
float:left;
width:1100px;
background-color:#CCFFFF;
font-size: 13pt;
}
#menu ul {
margin:0;
padding:10px 10px 0 50px;
}
#menu li {
display:inline;
margin:0;
padding:0;
}
#menu a {
float:left;
margin:0;
padding:10 0 0 4px;
text-decoration:none;
}
#menu a span {
float:left;
display:block;
padding:0px 85px 6px 6px;
color:#666;
}
et mon code xhtml à ça :
<div id="menu">
<ul>
<li><a href="http://www..fr" title="HOME"><span>HOME</span></a></li>
<li><a href="http://www..fr/prestations.html" title="PRESTATIONS"><span>PRESTATIONS</span></a></li>
<li><a href="http://www..fr/materiel.html" title="MATERIEL"><span>MATERIEL</span></a></li>
<li><a href="http://www..fr/tarifs.html" title="TARIFS"><span>TARIFS</span></a></li>
<li><a href="http://www..fr/temoignages.html" title="TEMOIGNAGES"><span>TEMOIGNAGES</span></a></li>
<li><a href="http://www..fr/contact.html" title="CONTACT"><span>CONTACT</span></a></li>
</ul>
</div>
et en ligne mon site me présente une colonne sans couleur de fond avec mes titres, et tenez-vous bien, des puces !
je ne comprends plus rien, pour la survie de mon pc svp...
un grand merci a tous
bonne journée
Configuration: Mac OS X Safari 532.5
1 réponse
-
Hello,
pour enlever les puces, ajoute simplement
list-style-type:none;
dans #menu
Et, pour la couleur de fond, peut-être devrais tu essayer de mettre le
display:block;
ailleurs. Je pense qu'il serait mieux dans #menu que dans #menu a span.
Mais je ne suis pas sûr !-
merci beaucoup c est cool de ta part de répondre
j ai fait ce que tu m as dit pour les puces, et ca aussi c est cool
en revanche mon principal problème est que mon menu est censé être une barre horizontale
ca marche sur firefox, IE et safari
mais chrome je ne sais plus quoi faire
j ai une immonde colonne centrée au milieu de ma page avec mes liens
pourtant mon code ne me parait pas faux
je désespère
je vais commencer à faire de la contre pub contre chrome, je pense que c est ma seule solution ;-)
je cherche un site avec une barre simple de menu horizontale sur chrome, pour essayer de trouver la faille
motivation, motivation
-
