Bonjour,
C'est sans doute un truc qui me crève les yeux, mais bon, j'vois pas :
J'ai dans un div (un footer) un menu ( en ul /li ) très court (2 items) et je veux y accoler un simple @moi , lien vers mon site..en gros.
Ceci est généré par le CMF (Modx avec Wayfinder, c'est pour cela que j'emploi des class et non 1 id pour l'UL).
Le div est en flux. seul le wrapper globale de centrage est positionné ds mon template.
Je cherche à obtenir le menu et le txt qui le suit sur la même ligne et centré.
Le rendu fait systèmatiquement un saut de ligne APRES le </ul> au lieu de laisser le tout sur la même ligne...(FF site pas traité pour les IE à ce stade) si je n'impose pas de width à l'UL .menu-f (prend tout le bloc) et si je lui donne une largeur (200px) le menu reste aligné à Gauche et n'est centré comme mon texte de copyright.
Une idée pour me calmer ;° }- ?
Merci de toute suggestions.
les extraits css :
Modifié par elz64 (03 Feb 2007 - 15:13)
C'est sans doute un truc qui me crève les yeux, mais bon, j'vois pas :
J'ai dans un div (un footer) un menu ( en ul /li ) très court (2 items) et je veux y accoler un simple @moi , lien vers mon site..en gros.
<div id="footer">
<!-- Please leave this line intact -->
<ul class="menu-f"><li class="first">
<a href="/modx/mentions-legales.html" title="Mentions Légales">Mentions Légales</a>
</li>
<li class="last">
<a href="/modx/cgv.html" title="CGV">CGV</a>
</li>
</ul> - ©2007 <a href="www.xxxxxxx" title="Voir le site du concepteur</a>
</div>Ceci est généré par le CMF (Modx avec Wayfinder, c'est pour cela que j'emploi des class et non 1 id pour l'UL).
Le div est en flux. seul le wrapper globale de centrage est positionné ds mon template.
Je cherche à obtenir le menu et le txt qui le suit sur la même ligne et centré.
Le rendu fait systèmatiquement un saut de ligne APRES le </ul> au lieu de laisser le tout sur la même ligne...(FF site pas traité pour les IE à ce stade) si je n'impose pas de width à l'UL .menu-f (prend tout le bloc) et si je lui donne une largeur (200px) le menu reste aligné à Gauche et n'est centré comme mon texte de copyright.
Une idée pour me calmer ;° }- ?
Merci de toute suggestions.
les extraits css :
#footer {
clear: both;
background-color: White;
border-top: 1px solid #eee;
padding: 3px 0 3px 0;
margin: 30px 0 0 0;
text-align: center;
}
/* ----- menu footer -----*/
.menu-f{
list-style-type: none;
margin: 0 0 0 0;
padding: 3px 0 0 0;
text-align: center;
float: left;
width: 190px;
}
.menu-f li {
display: inline; }
.menu-f li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;
color: #525252;
text-decoration: none;
padding: 1px 0.6em 0 0;
}
.menu-f li.active a {
color: #990099!important;
}
.menu-f li.active a:hover {
color: #990099!important;
background-color: transparent;
}
.menu-f li a:hover
{
color: #fff;
background-color: #990099;
}Modifié par elz64 (03 Feb 2007 - 15:13)
</> 
