pseudo tableau ?

**php_de_travers** · 29/10/2006, 19h43

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 :

+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 ?

**Joe-La-Boule** · 29/10/2006, 20h58

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

!

**php_de_travers** · 29/10/2006, 21h17

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.

**php_de_travers** · 29/10/2006, 21h30

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...

**php_de_travers** · 29/10/2006, 21h47

Code :

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

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 ?

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

HA pou moi c'est ok

! bien vu et bonne chance

!

**Bisûnûrs** · 29/10/2006, 22h04

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 HTML :

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

<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 HTML :

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

<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.

**Joe-La-Boule** · 29/10/2006, 22h21

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

!

bien vu nounours

!

**Bisûnûrs** · 29/10/2006, 22h28

@antony59370 : Je n'ai d'ailleurs pas compris où tu voulais en venir avec ton PHP pour le 2/.

**Joe-La-Boule** · 29/10/2006, 22h32

En fait je pensais qu'il voulais definir une infobulle selon un statut

!
Ca ma induit en erreur desolé

!

**php_de_travers** · 29/10/2006, 22h45

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 :

This Page Is Valid XHTML 1.0 Transitional!

et même

This Page Is Valid XHTML 1.0 Strict!