Obtenir les onglets pour aller à la droite?

Voici ce que je l'ai fait jusqu'à présent:Obtenir les onglets pour aller à la droite?

<html> 
<head> 
<style> 

/* Tabs */ 
#navlist { 
     padding: 3px 0; 
     margin-left: 0; 
     border-bottom: 1px solid #778; 
     font: bold 12px Verdana, sans-serif; 
     /* WARNING: when using font-size/font-family instead of font, 
      do not forget to set line-height:normal otherwise 1px more is shown 
      between tabs and their bottom line in IE8 and FF3.6 */ 
} 

#navlist li { 
     list-style: none; 
     margin: 0; 
     display: inline; 
} 

#navlist li a { 
     padding: 3px 0.5em; 
     margin-left: 0px; 
     border: 1px solid #778; 
     border-bottom: none; 
     background: #DDE; 
     text-decoration: none; 
} 

#navlist li a:link { color: #448; } 
#navlist li a:visited { color: #667; } 

#navlist li a:hover { 
     color: #000; 
     background: #AAE; 
     border-color: #227; 
} 

#navlist li a#current { 
     background: white; 
     border-bottom: 1px solid white; 
} 
</style> 
</head> 
<body> 
       <div id="navcontainer"> 
         <ul id="navlist"> 
            <li><a id="current" href="#">Col1</a></li> 
            <li><a href="#">Col2</a></li> 
            <li><a href="#">Col3</a></li> 
          </ul> 
       </div> 
</body> 
</html>

Et il est enregistré à http://jsbin.com/uvako3/2. Merci pour votre aide

Source

2010-11-12 Jonathan

+1 Un excellent exemple de simple HTML + CSS pour faire des onglets. J'ai ajouté un petit commentaire dans votre code parce que je me suis cogné la tête 2 heures avant de découvrir ce qui était le problème dans IE8/FF3.6. –

Il suffit d'ajouter text-align: right; au #navlist css.

Explication: Vous faites vos éléments de liste en ligne éléments. Cela leur fait suivre les règles générales qui s'appliquent au texte. Ainsi, en définissant simplement l'alignement du texte, vous spécifiez où les éléments en ligne sont alignés.

Source

2010-11-12 19:16:53 poke

yup cela fera l'affaire. –

Obtenir les onglets pour aller à la droite?

Répondre

Questions connexes