Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2787 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  probleme CSS onglets

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

probleme CSS onglets

n°1608474
jokaritaff
Posté le 05-09-2007 à 12:49:26  profilanswer
 

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>

mood
Publicité
Posté le 05-09-2007 à 12:49:26  profilanswer
 

n°1609952
ZeBix
edit &gt; preview
Posté le 10-09-2007 à 10:37:08  profilanswer
 

- 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 ...


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  probleme CSS onglets

 

Sujets relatifs
Problème affichage miniatures VB6Problème lors de la compression d'un fichier...
Problème d'héritage multipleProblème d'import de dll
Bloc CSS décaléPROBLEME STREAM PHP
[PHP] Form a choix d adresse multiple - problemepreg_match et retour chariot ? (problème de base inside)
Probleme excel/vb[CSS] Onglets + Cadre: probleme avec FF
Plus de sujets relatifs à : probleme CSS onglets


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR