combinaison de div inline et block

combinaison de div inline et block - HTML/CSS - Programmation

Marsh Posté le 26-09-2003 à 10:00:10    

Salut,
 
je suis en train de réécrire un bout de page web qui fait album photos. Jusqu'à présent, j'utilisais une table pour aligner les photos, et j'ai voulu passer aux divs.
 
Le principe était simple: j'avais un div qui englobait le tout (en gros, il remplace la table elle-même). Et dedans, chaque photo et le link qui va bien sont encapsulés dans un div que j'ai marqué inline, de manière à les voir s'aligner simplement sans prise de tête avec retour de ligne automatique.
 
Le problème est le suivant: tant qu'il n'y a qu'une seule information élémentaire affichée (une image ou un bout de texte), le système marche très bien. Mais une image + le link en dessous et c'est le bordel. Normal me direz vous, c'est de l'inline et plus un bloc, ils se comportent donc comme tels.
 
Alors est-ce que garder ma table dans ce cas précis est correct ou essayer d'empiler des divs vous paraît mieux? (d'un point de vue algo, la seconde méthode est plus simple, mais c'est tout).

Reply

Marsh Posté le 26-09-2003 à 10:00:10   

Reply

Marsh Posté le 26-09-2003 à 10:05:05    

drasche a écrit :

Salut,
 
je suis en train de réécrire un bout de page web qui fait album photos. Jusqu'à présent, j'utilisais une table pour aligner les photos, et j'ai voulu passer aux divs.
 
Le principe était simple: j'avais un div qui englobait le tout (en gros, il remplace la table elle-même). Et dedans, chaque photo et le link qui va bien sont encapsulés dans un div que j'ai marqué inline, de manière à les voir s'aligner simplement sans prise de tête avec retour de ligne automatique.
 
Le problème est le suivant: tant qu'il n'y a qu'une seule information élémentaire affichée (une image ou un bout de texte), le système marche très bien. Mais une image + le link en dessous et c'est le bordel. Normal me direz vous, c'est de l'inline et plus un bloc, ils se comportent donc comme tels.
 
Alors est-ce que garder ma table dans ce cas précis est correct ou essayer d'empiler des divs vous paraît mieux? (d'un point de vue algo, la seconde méthode est plus simple, mais c'est tout).


 
Si tu as par exemple une table de 20 photos / 20, pour moi, ça reste une table. Donc, moi je dirais table.  

Reply

Marsh Posté le 26-09-2003 à 10:07:14    

pense aux float ;)

Reply

Marsh Posté le 26-09-2003 à 10:25:35    

j'y ai pensé mais vu que les floats sortent du flux normal et que j'ai quand même d'autres choses sur ma page, ben ça fout un peu le bordel ou alors j'ai raté un truc avec les floats :/

Reply

Marsh Posté le 26-09-2003 à 10:56:01    

ça ne fout pas obligatoirement le bordel. Les floats restent dans leur conteneur.
 
Ici, les vignettes sont en float : http://www.alsacreations.com/realisations.php


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 26-09-2003 à 11:00:22    

il me vient 2-3 idées qu'il faudra que je teste, je pense bien pouvoir arriver à faire ce que je voulais (sinon vous aurez de mes nouvelles :D)
 
Merci à tous :hello:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed