...mais c'est parce que je débute: donc j'ai un peu de mal à nommer précisement le sujet. Je préfère une image qui parlera d'elle même: upload/2704-pogtacmigby.gif



En cliquant sur l'image (le poing), celle-çi elle apparait plus grande sur la droite du doc. Avec une infobulle je peux arriver à faire ce tour de magie.
dans ce cadre de 577 px max.

Au final, j'ai bidouillé un truc immonde en css pour arriver à ce genre de présentation globale ! mais je me suis finalement cassé la nénétte pour rien puisque ce truc n'est pas du tout valide...

Donc, voici ma question:
Comment faire cette présentation uniquement en css ?

A vous lire,
Gilles
Fais péter le code, mon Gilou Smiley biggrin

(Euh, exkuz, je suis d'humeur joviale ce matin)

Aurai tu l'amabilité de coller ici le code de ta page, ou de donner un lien qui y mène. D'avance merci. Smiley cligne
Modifié par Numero 6 (26 Oct 2005 - 08:17)
hihi je me fais rarement appeler "mon Gilou", mais c'est plutôt très plaisant !! Smiley langue

Et bien mon code est simplissime mais d'un cracra épouvantesque:

 dl.table-display
{
width: 120px;
height: 40px;
margin: 0px;
padding: 0px;
font-family: georgia, times, serif;
}

.table-display dt
{
width: 450px;
height: 40px;
float: left;
margin: 0px;
padding: .5em;
border-top: 1px dashed #999;
font-weight: bold;
}

/* hack de commentaire avec un antislash pour ie5 mac \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 90px;
height: 40px;
margin: 0px;
padding: .5em;
border-top: 1px dashed #999;
text-align: center;
}



Ainsi, je suis parti de là: http://pompage.net/pompe/listesdefinitions/ chapitre "Donner à une liste de définitions l'apparence d'une table" pour finir par ma présentation (sus-présentée) accidentelle, mais, nonobstant le cracra, me plait, somme toute.


Gilles
Modifié par Igor (26 Oct 2005 - 11:33)
oups et houla: mon code n'apparait pas comme il faut.... désolé.
édit par Igor: réparé Smiley cligne
Modifié par Igor (26 Oct 2005 - 11:38)