pseudo tableau ?

Version imprimable

29/10/2006, 19h43
php_de_travers

pseudo tableau ?

Bonjour,

je souhaiterais pouvoir afficher une liste horizontale d'images (icônes de 50x50 px) + alt avec le sens de l'icône + (plus difficile) un texte correspondant à l'icône :

exemple :
:resolu: +alt ="resolu"
29/10

En clair, mon image "résolu" affiche la date de la solution et le mot résolu dans la balise alt

1/ comment mettre les images à la queue leu leu (display:block, in-line... ?)
2/ comment ajouter un commentaire autre que la balise alt à l'image ?
29/10/2006, 20h58
Joe-La-Boule

pour le 1/ tu fait un tableau de deux colonnes et pour le 2/ ya que php ;) !
29/10/2006, 21h17
php_de_travers

Citation:

Envoyé par antony59370

pour le 1/ tu fait un tableau de deux colonnes et pour le 2/ ya que php ;) !

Des fois, je trouve que xhtml c'est un peu comme s'éclairer à la bougie.
Mais, bon, s'éclairer à la bougie est certainement une solution d'avenir...

Plus sérieusement, j'approfondis le pb car je ne sais pas combien de colonnes aura mon tableau mais 10 au max.

Peut-on dans ce cas forcer 5 tableaux à se mettre côte à côte ?
Je sais, c'est idiot, mais je ne vois pas d'autre solution.
Pour info : je viens de tester display:list-item qui ne fonctionne pas avec des tableaux à mettre à la queue leu leu.
29/10/2006, 21h30
php_de_travers

Pas trop la peine de chercher dans des trucs standards...
Il existe un cours sur xhtml et css "Boîtes bloc, boîtes en ligne et propriété display" qui précise que certains éléments refusent la mise en ligne avec display:inline.
Les div, par exemple.

Dommage...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<table style="float:left;" width="100" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
<table style="float:left;" width="100" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

Techniquement, ça fonctionne super !
Est-ce que c'est académique ?

29/10/2006, 22h01
Joe-La-Boule

HA pou moi c'est ok ;) ! bien vu et bonne chance ;) !
29/10/2006, 22h04
Bisûnûrs

Heu, si j'ai bien compris, je vois pas pourquoi se casser la tête .. Les images sont des éléments inline donc si tu fais :

Code:

<img src="" /><img src="" />

elles se mettront l'une à côté de l'autre et non l'une en-dessous de l'autre.
Ensuite en plus de l'attribut alt tu as l'attribut title pour les images si tu veux.

Ce qui donnerait par exemple :

Code:

<img src="souris.jpg" alt="Souris (23Ko)" title="Souris qui se fait manger par un chat, ha ha" /><img src="chat.jpg" alt="Chat (25Ko)" title="Chat qui se fait manger par une souris, hi hi"/>

Ou alors je n'ai rien compris.
29/10/2006, 22h21
Joe-La-Boule

tiens nounours ma scié il a tout comprit mais en plus simple ;) !

bien vu nounours :mrgreen: !
29/10/2006, 22h28
Bisûnûrs

@antony59370 : Je n'ai d'ailleurs pas compris où tu voulais en venir avec ton PHP pour le 2/.
29/10/2006, 22h32
Joe-La-Boule

En fait je pensais qu'il voulais definir une infobulle selon un statut ;) !
Ca ma induit en erreur desolé :) !
29/10/2006, 22h45
php_de_travers

Pour Bisounours,

ta solution ne permet pas de placer un texte de légende lisible sans survol (alt).
Or, j'en ai besoin.

Entre temps, j'ai testé la solution et les "tobe3 de l'internet", le w3c, ils ont écrit :

Citation:

This Page Is Valid XHTML 1.0 Transitional!

et même

Citation:

This Page Is Valid XHTML 1.0 Strict!

:D
29/10/2006, 22h56
Joe-La-Boule

au moins deux bonne nouvelles contre une tu peut regler ton probleme mais faut tout teter malheureusement comme je le fait sur mon site en ce moment :D !