design richfaces tabpanel

Bonjour,

Voilà j'utilise richfaces tabpanel pour afficher des onglets, tout marche bien sauf le design des onglets qui n'a rien à voir avec les exemples sur exadel:
http://livedemo.exadel.com/richfaces...s/tabPanel.jsf

code du tabpanel:

Code:

---

1 2 3 4 5 6

<rich:tabPanel switchType="ajax" style="border:0" headerSpacing="0px" headerAlignment="left"> <rich:tab label="Général" style="border:0" > <table> ... un tableau html...</table> </rich:tab> </rich:tabPanel>

---

voici le résultat que j'obtiens dans l'image ci-jointe.

Quel est le problème et comment le résoudre svp?

Merci :P

tu peux essayer le style par défaut sans redéfinir: style,headerSpacing, headerAlignment

Merci de me répondre.
J'ai essayé ça et c'est toujours le même résultat.

vérifie avec firebug le style appliqué, tu as du peu être redéfinir une classe de style qui impacte tabPanel

C'est une super idée, avec firebug j'ai trouvé qu'il y avait une image vide qui s'incère entre chaque entete d'onglet:

Code:

---

1 2	<img height="1" alt="" src="/TestParam/a4j/g/3_3_0.GAimages/spacer.gif.jsf" style="width: 0px; border: 0pt none;">

---

Ci-joint une image du code html traduit à partir de ma page jsf.
On dirait que cette image vient de richfaces, côté CSS je n'ai rien trouvé sur cette image.

Comment faire pour la supprimer? Merci.

quelle est ta version richfaces? et le code corrigé de ta page

c richfaces 3.3.0 GA et mon code n'est pas corrigé j'ai juste lu le code html généré et le css qui va avec

prend la dernière version stable, 3.3.3.Final.

Désolée pour cette absence dans le forum.

J'ai téléchargé et intégré richfaces 3.3.3 final mais le résultat est le même.