probleme CSS onglets

probleme CSS onglets - HTML/CSS - Programmation

Marsh Posté le 05-09-2007 à 12:49:26    

Bonjour j'ai un bloc d'onglet dans une page et j'ai le probleme suivant :
si le nombre d"onglet est long, il y en a qui passent a la ligne
 
Du coup ca laisse un grand vide blanc  entre la longueur de la 2e rangée et celle de la 1re.
 
J'aimerais donc :
- soit mettre la 2e rangée d'onglets au dessus de la 1re
- soit mettre un fond d'un couleur quelconque pour virer ce blanc tout moche.
 
Une idée ?
 
code CSS:
 

Code :
  1. .Interface #ongletMenu
  2. {
  3. width:100%;
  4. }
  5. .Interface #ongletMenu ul
  6. {
  7.     margin: 0px;
  8. padding: 0px;
  9.     list-style-type: none;
  10.     font-family: Arial, Helvetica, sans-serif;
  11.     font-size: 12px;
  12. }
  13. .Interface #ongletMenu li
  14. {
  15.     padding-left: 8px;
  16.     background: url('../Template/Images/left.gif') no-repeat left top;
  17.     float: left;
  18. }
  19. .Interface #ongletMenu a
  20. {
  21.     padding-right: 10px;
  22.     padding-bottom: 4px;
  23.     padding-top: 5px;
  24.     text-decoration: none;
  25.     color: #666633;
  26.     float: left;
  27.     display: block;
  28.     background: url('../Template/Images/right.gif') no-repeat right top;
  29.     white-space:nowrap;


 
code HTML (c'est un template)

Code :
  1. <div id="ongletMenu">
  2. <ul>
  3.  <li ><a href="{URL}">{LIEN}</a></li>
  4.                 <li ><a href="{URL}">{LIEN}</a></li>
  5.                 <li ><a href="{URL}">{LIEN}</a></li>
  6. </ul>
  7. </div>

Reply

Marsh Posté le 05-09-2007 à 12:49:26   

Reply

Marsh Posté le 10-09-2007 à 10:37:08    

- soit mettre un fond d'un couleur quelconque pour virer ce blanc tout moche.
 
Tu mets toute ta liste d'onglets dans une div ,  à laquelle tu affectes un background de la couleur que tu veux.. ce qui te permet en plus de faire un contraste visible avec les "boutons à cliquer" que représentent les onglets, ce qui généralement est plus joli.
 
Ceci dit, j'ai un peu le même problème : en 1280*1024 aucun prob, mais si je passe en 1024, il y a un onglet qui passe à la ligne ... aucun prob de couleur et background; ce que je voudrais c'est forcer les onglets à rester sur une seule ligne, et que si la fenêtre du navigateur est trop petite ben il faut scroller horizontalement ...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed