Version complète: sur le forum Webmaster Hub : Onglet
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
bolo
bonjour

j'essaye de faire un menu avec des onglets mais a l'envers dc tête en bas

voici ma page

http://www.independza.com/client/laEntrepr...ml/menuTab.html

sad.gif

j'ai essayé de suive le tuto sur pompage.Net
sarc
Euh, moi je n'ai qu'une série de liens, pas d'onglets présents... :/

Donc j'aurais du mal à t'aider la biggrin.gif

PS : ou alors j'ai pas compris la question... biggrin.gif
bolo
normalement on devrais voir les onglets mais les images sont coupées

CODE
 #header li {
     float:left;
     background:url("../images/select_Grand.gif") no-repeat right top;
     margin:0;
     padding:0;
     }
     
    #header a {
     display:block;
     background:url("../images/selectPetit.gif") no-repeat left top;
      padding:5px 15px;
    }
sarc
tu as un id='current'... Mais ya pas de current dans ta feuille de style ?!

EDIT : donne l'url du tutoriel que tu utilises pour y voir un peu clair dans ce que tu fais stp... wink.gif
bolo
bien sur
http://www.pompage.net/pompe/portescoulissantes/
Dudu
Je pense qu'il parle de cet article de Pompage qui est la traduction officielle d'un article de référence de Alistapart wink.gif

Déjà il faudrait que tu modifies les "right top" et "left top" car c'est çà qui va determiner si tes onglets vont avoir la tête en haut ou en bas.

Et effectivement, quitte à ce que tu recopies l'exemple final, copies aussi la CSS associée, c'est vrai qu'il manque le "current" et pas d'autres choses.

Les onglets sont ici et , sarc wink.gif


[edit] çà sent le grillé, pour le lien vers Pompage biggrin.gif [/edit]
bolo
CITATION
Je pense qu'il parle de

je suis un fille

en fait j'aurais du mettre bottom

je suivis le tuto et lors du premier exmple on parler pas encore de current blink.gif

et pourtant dans leur exemple , les images étaient visibles IMSTP6.gif
Dudu
CITATION(bolo @ mercredi 20 avril 2005, 07h05)
je  suis un fille
*

un fille ? ou une garçon ? tongue.gif En tous cas je le saurais, mes excuses (et mes hommages), madame/mademoiselle smile.gif


CITATION(bolo @ mercredi 20 avril 2005, 07h05)
je suivis le tuto et lors du premier exmple on parler pas encore de current  blink.gif

et pourtant dans leur exemple , les images étaient visibles  IMSTP6.gif
*
Prends plutôt l'exemple final si tu tiens à reprendre leur méthode, tu auras moins de problèmes pour tes tests wink.gif
bolo
ok je fais toutes les modifications et je vous montre le super résultat

merci smile.gif
bolo
bon j'ai fais les modifications
je vois les onglets en bas mais bon c'est pas super top sad.gif sad.gif
bolo
Bon j'ai cherché un peu , en fait les deux images ne confondent pas , j'ai du rater un épisondes
Dudu
Si tu remets les onglets tête en haut çà se confond ? unsure.gif
bolo
ca marche maintenant comme vous pouvez le voir

mon seul souci et de pouvoir raprocher mes onglers de mon bandeau
Dudu
Ben c'est collé à ton bandeau.

Le problème c'est que ton bandeau intègre une bande blanche inutile en bas. Donc supprimes-là (ou bien mets une petite bordure en dessous du bandeau). C'est pas toi qui a fait le bandeau ?

Sinon margin:0 0 -13px; dans #header h1 à la place du margin précédent et de ses quatre 0. Au passage, quand t'as tous les côtés à 0, c'est moins lourd d'écrire margin: 0; tout court.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.