Discussion :

[lelectronique.com]

Bonsoir,

un problème tout simple mais je ne trouve pas ou changer cela
j'ai intégré des onglets sur une page web http://docs.jquery.com/UI/Tabs j'ai fait des liens dans les onglets et le texte apparait comme du texte normal alors que sans les onglets le texte du lien apparait en orange
que dois je modifier afin de revoir ce lien cliquable car là personne va le voir sauf google
merci d'avance
bonne soirée
ludo

[danielhagnoul]

Bonsoir.

Si je comprends bien, c'est un simple problème de CSS.

La documentation et les démonstrations sur les Tabs sont ici : http://jqueryui.com/demos/tabs/#default

Vous pouvez changer totalement le look des Tabs en choisissant un thème (Choisir un thème dans l'onglet Gallery et éventuellement le modifier dans l'onglet RollYourOwn.) avant de charger la librairie, voir : http://jqueryui.com/themeroller/

[lelectronique.com]

merci pour votre réponse très utilse votre page mais je n'ai pas résolu mon problème
je joint des images pour etre plus clair
sans les onglets j'ai çà

ce qui permet de bien voir les liens dès que je met les onglets j'obtiens çà

je ne comprends pas trop pourquoi mais lien devienne noir

[onirisme]

Bonjour,

Comme te l'a préciser "danielhagnoul" c'est un problème de CSS.

Si tu utilises le framework CSS jQuery UI, il faut que tu modifies la feuille de style est plus particulierrement l'attribut class "ui-widget-content a".

Tu peux également ajouter un élément lié à ta feuille de style personnelle. Voici le code généré par un ui tab :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<div id="tabs-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
    <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus.
    Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum
    quam ullamcorper ante. Etiam aliquet massa et lorem. </p>
</div>

Dans ta feuille de style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
#tabs p a{color:#ff8000;}/*Remplacer #tabs par l'id de ton contener "tabs"*/

[lelectronique.com]

merci beaucoup pour votre aide cela fonctionne très bien maintenant que j'ai le nom du style à modifier
bonne soirée