18073 sujets

Questions générales et questions de débutants

Menu base line

Bonjour,
J'ai créer un menu principal que je n'arrive pas aligner avec le bottom Smiley eek
voici le code:

<div id="containermenup">
        <ul id="menup">
          <li id="active">
            <a href="#" id="current">nothing</a></li>
          
          <li>
          <a href="#">Quoi </a></li>
          <li>
          <a href="#">rien</a><a href="#">Pourquoi</a></li>
          <li>
          <a href="#">Contact</a></li>
		  
          
        </ul>
    </div>


et css

#menup
{
margin: 0;
padding: 0 0 0  100px;
width: 400px;
height: 40px;
font-family:Arial, Helvetica, sans-serif;
font-size: 1.1em;
letter-spacing: 0.7pt;
float:left;
color : #555555;
vertical-align:text-bottom;





}

#menup ul, #menup li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
vertical-align:text-bottom;

}

#menup a:link, #menup a:visited
{

line-height: 40px;
font-weight: bold;
margin: 0 0 0 10px;
text-decoration: none;
color: #555555;
vertical-align:bottom;



}

#menup a:link#current, #menup a:visited#current, #menup a:hover
{

background: transparent;
color: #A233C4;
padding-bottom: 0;
border-bottom : 2px solid #A233C4;

}

#menup a:hover { color: #A233C4;
 }


Smiley decu


Est-ce que quelqu'un voit pourquoi je n'arrive pas à aligner en bas...
merci Smiley confus
Salut,

Je ne suis pas expert, mais ayant déjà eu ce genre de problème, je l'ai contourné avec le padding, j'ai modifié ton code pour que cela affiche, je pense ce que tu veux.

#menup
{
margin: 0;
padding-right: 5px;
width: 400px;
height: 40px;
font-family:Arial, Helvetica, sans-serif;
font-size: 1.1em;
letter-spacing: 0.7pt;
color : #555555;
vertical-align: bottom;  /* celui-la il faut voir avec son container */
background-color: lime; 
overflow: hidden;  /* pour voir la limite du padding-top de #menup ul, #menup li, a supprimer ensuite */
}

#menup ul, #menup li
{
margin: 0;
padding-top: 8px;
display: inline;
float: right;
list-style-type: none;
}

#menup a:link, #menup a:visited
{

line-height: 40px;
font-weight: bold;
margin: 0 0 0 10px;
text-decoration: none;
color: #555555;
}

#menup a:link#current, #menup a:visited#current, #menup a:hover
{

background: transparent;
color: #A233C4;
padding-bottom: 0;
border-bottom : 2px solid #A233C4;

}

#menup a:hover { color: #A233C4;
}
Bonjour loicdu,

Pourrais-tu donner l'url d'une page complète ? Pour l'instant :

a écrit :
J'ai créer un menu principal que je n'arrive pas aligner avec le bottom

Est-ce que quelqu'un voit pourquoi je n'arrive pas à aligner en bas...


...Est sans doute très clair pour toi, mais à peu peu près inutilisable pour t'aider Smiley cligne

A tout hasard, une remarque : ce point de la FAQ du forum sur vertical-align pourrait peut-être dissiper quelques confusions fréquentes sur cet élément (un tutoriel va bientôt paraître à ce sujet).
Modifié par Laurent Denis (15 Aug 2005 - 08:20)
Sujet clos
Aller à