28220 sujets

CSS et mise en forme, CSS3

[Résolu] Problème d'alignement de texte CSS

Salut à tous, et pour commencer, bonne année Smiley cligne

Sur mon site (oui c'est free mais il déménage bientot !) http://atmocorp.free.fr j'ai crée un menu (qui était avant avec des tableaux...no comment) en CSS avec des liste
Problème, malgrès un text-align: left, mon texte est centré Smiley decu
Je voudrais juste lui mettre un padding-left (ou margin-left pour le texte, je sais plus) en fait, mais pour tester, j'ai mis text-align: left, comme ça je suis sur de voir si il s'aligne ou pas... malheureusement, il s'aligne pas à gauche !

Je vous poste mon CSS :

.lienmenu {
list-style-type: none;
}

.lienmenu2 {
font-family: verdana;
font-weight: bold;
text-align: left;
color: white;
text-decoration: none;
}


et le code de mon menu :

<img src = "Images/menu-1.jpg" align="right" alt="Le site" />

<ul class="lienmenu">

<li><a class="lienmenu2" href = "index.php?page=news">- Accueil</a></li>
<li><a class="lienmenu2" href = "index.php?page=staff">- Staff</a></li>
<li><a class="lienmenu2" href = "http://ichigocorp.free.fr/BleachCorp-Forum/index.php">- Forums</a></li>
<li><a class="lienmenu2" href = "index.php?page=irc">- Chan Irc</a></li>
<li><a class="lienmenu2" href = "index.php?page=parte">- Partenaires</a></li>
<li><a class="lienmenu2" href = "index.php?page=liens">- Liens</a></li>

</ul>


Quelqu'un a-t-il une idée ?
Merci d'avance !

j'espère pouvoir vous aider dans d'autres topic grace à mes maigres compétences !
Modifié par Isshin (12 Jan 2006 - 09:47)
Eh ben ya des progrés a faire! Smiley cligne Mais on est tous passé par là pour la plupart, et on progress tout le temps.
La propriété text-align ne s'applique qu'a des élément de type block( p ,ul...)
A ne pas confondre avec vertical-align qui lui s'applique a des élément en ligne (span, a...) et a des td.

Si l'attribution de ta class est unique dans ta page, applique à ton ul
un id plutôt

donc essayes la chose suivante et regarde les commentaires.




#lienmenu {text-align: left;}

#lienmenu li {list-style: none;} les propriété de liste ne s'appliquent qu'aux élément dont display vaut list-item (li) 

#lienmenu a { /*pour que cela ne s'applique qu'à tous les liens de cette liste et eviter class= a chaque liens*/
font: verdana, sans serif; /* ne pas oublier le sans-serif*/
font-weight: bold;
color: white;
text-decoration: none;
}
}


et puis le html

ul id="lienmenu"
Modifié par Hermann (11 Jan 2006 - 19:24)
OK peut-être mais j'ai vu marqué ça je ne sais plus, peut-être sur un bouquin de Meyer d'ailleurs. Mais si c'est la cas c"est pas tres logique etant donné qu'elle est heritée.
Je l'ai vu plusieurs fois attribué a UL
Mais j'ai aussi deja vu un display:list-item attribué à celui-là.
Enfin... tu as peut-être raison
Modifié par Hermann (11 Jan 2006 - 19:33)
Merci Hermann pour ton aide, en effet, une id unique, c'est quand même plus "beau" dans le code Smiley biggrin

J'ai simplement remplacé le test-align par un padding-left, et les liens de mon menu son décalés comme il faut

Prochaine étape, virer ces maudits tableaux de mon système de news, je sens que je vais bien mamuser ! ^_^
Sujet clos
Aller à