Discussion :

[nims]

Bonjour,

J'ai un soucis avec ce code:

Code :

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

1
2
 
$('div#tabs-1').height(200);

Sur IE7, il ne fonctionne pas.
J'ai essayé avec style(...), css(...) mais sans succès.

Lorsque je place le height dans le style de ma div ca fonctionne, donc pas de probleme html/css je pense...

une idée?

Merci d'avance pour votre aide


Edit:
Il semblerai que jquery passe mal... au lieu d'utiliser le height j'ai testé en ajoutant une class à la div mais sans succès...

[arthuro45]

Bonjour,

tu as tenté comme ça :

Code :

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

1
2
 
$('div#tabs-1').css({"height":"200px"});

[nims]

Oui.

Je viens de trouver.
Il semblerait que ce soit le style de jquery ui qui m’empêche de redimensionner ma div...

La div que je ne parviens pas à modifiée fait partie d'un tab jquery.
C'est tabs-1.

jquery doit modifier ma div après mon style => d'où l'impossibilité de changement...

une idée?

[gwinyam]

En effet, c'est ce que fait jQuery UI, il modifie l'apparence de ta page pour faire des tabs après le chargement de ta CSS et du coup en écrase la description. Enfin si t'as bien respecté l'évènement DOM ready de jQuery.

Pour modifier quand même le style graphique de ton tabs :
- soit tu génères avec le theme roller le thème dont tu as besoin : http://jqueryui.com/themeroller/
- soit tu modifies les propriétés CSS dans le fichier de ton thème actuel (à tes risques et périls) qui sont .ui-tabs et .ui-tabs-nav, pour celui sélectionné, tu dois aussi impacter ui-tabs-selected

Je te recommande la première méthode pour plus de propreté.

[nims]

merci pour l'information !

C'est ce que j'ai fait !