2011-05-18 3 views
0

Je veux avoir un menu qui se compose de 6 onglets, dont 4 sont visibles à un point donné. J'aimerais utiliser javascript pour contrôler la fenêtre d'affichage de cette balise div. Je ai actuellement 4 onglets montrant, mais je ne vois pas les autres onglets sur le côté droit au-delà de la fenêtre (je devrais les voir étant donné la largeur de l'onglet) ... est overflow:hidden pas ce que je devrais faire?CSS Horizontal Menu

#sub-navigation .tabs { 
position: absolute; 
overflow: hidden; 
float: left; 
width: 808px; 
left: 34px; 
} 
+0

Je suis un peu peu clair. Faites-vous défiler les onglets à gauche et à droite avec javascript pour voir les cachés? Sinon, un débordement caché cacherait ce qui n'est pas affiché à l'intérieur de 808px. – Dan

+0

Un peu vague ... JSFiddle? –

+0

Aller à besoin de voir plus que cela pour diagnostiquer cela. – wdm

Répondre

0

overflow: hidden cachera tout contenu en dehors de la zone du conteneur. Si vous souhaitez que le contenu en dehors de la zone du conteneur soit visible, vous devez utiliser overflow: visible.

De votre question, il est difficile de dire exactement ce que vous essayez de faire.

0

Il semble que vous combiniez les onglets avec leurs parents. Par votre question je m'attendrais à quelque chose comme ceci:

<ul> // position:absolute; width:808px; 
    <li></li> // float:left; width:?; margin:?; 
</ul>