Discussion :

[soad029]

Bonjour tout le monde !

Voilà, j'ai un tableau avec comme titres de colonnes ce code là :

Code :

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

1
2
 
$oTV->aColumnsTitle = array('Date' , 'Rubrique', "Sous-rubrique", 'Titre', 'Détail', 'Supprimer la note');

J'aimerai insérer deux petites images l'une en dessous de l'autre juste après certains titre, ces deux images serviront à trier soit croissant ou décroissant s'ils l'ont clic dessus, voici le code qui permet d'insérer juste une image :

Code :

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

1
2
 
$oTV->aColumnsTitle = array('Date <img src = "img/haut.gif"' , 'Rubrique', "Sous-rubrique", 'Titre', 'Détail', 'Supprimer la note');

Je ne vois pas du tout comment je pourrais les mettres dessus-dessous, si quelqu'un à la solution, je suis preneur .

Grand merci d'avance et bonne journée !

[Hug0_76]

Salut,

Pour gérer l'affichage sur une page html tu as la possibilité d'utiliser les propriétés du css.

En ce qui concerne la profondeur dans une page c'est géré par la propriété : z-index: int;

Plus ton entier sera grand (1 - 100) plus il sera prioritaire sur des index inférieurs.
Une image qui a la propriété z-index:1; sera en dessous d'une image qui a la propriété z-index:2;

voila j'espère que tu pourras resoudre ton problème avec ca!
bon courage

[soad029]

Wé trop la classe, ça marche !! Franchement, merci beaucoup !

Le p'tit truc pas parfait encore est l'alignement vertical maintenant, j'ai bien mon titre (date), puis les 2 icones (dessus-dessous) et le code associé, mais les images ne sont pas au même niveau horizontalement, celle du haut est plus à gauche que celle du haut (si je met align ="left" au deux images elle se retrouvent sous le titre)

voici le code :

Code :

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

$oTV->aColumnsTitle = array('Date <a href="listeDesItemAccueil.php?tri=_dateDeMiseEnService_ DESC" ><img src="img/haut.gif" style="z-index: 1" > </a> <a href="listeDesItemAccueil.php?tri=_dateDeMiseEnService_ "> <img src="img/bas.gif" style="z-index: 2" align = "right"> </a>' , 'Rubrique', "Sous-rubrique", 'Titre', 'Détail', 'Supprimer la note');

Est-ce que tu serai comment les aligner horizontalement et aussi comment aligner le titre pile poile au milieu des deux images comme ça "-:", le titre est représenté par le tiret.

Merci encore et bon app' !

[Hug0_76]

Eh bien la réponse se trouve tjs du coté de CSS.
Tu positionnes tes 2 images en absolute et tu décales une images de autant de pixel sur la gauche, la droite le haut ou le bas que tu veux!

Exemple :

<img src="/images/mon_image.gif" alt="Image" width="200" height="150" style="position:absolute;z-index: 1;">

<img src="/images/mon_image.gif" alt="Image" width="200" height="150" style="position:absolute;left:200px;z-index: 2;">

[soad029]

C'est carrément pas mal ces propriétés, par contre j'ai pas l'impression qu'il me positionne par rapport à ma première image, mais plus par rapport à ma page :

[CODE]

Code :

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

<img src="img/haut.gif" width = 10 height = 10 style="position:absolute; z-index:1" >

Code :

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

<img src="img/bas.gif" width = 10 height = 10 style="position:absolute; left:1px; top:1px; z-index:2">

C'est assez casse pied tout ça

[Hug0_76]

Ben sinon tu peux faire ca avec du css pour que cela soit beaucoup plus propre :p!

Et a la place de mettre tout dans style, tu mets class="img1" ou id="img1".