Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
5530 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  combinaison de div inline et block

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

combinaison de div inline et block

n°523727
drasche
Posté le 26-09-2003 à 10:00:10  profilanswer
 

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

mood
Publicité
Posté le 26-09-2003 à 10:00:10  profilanswer
 

n°523732
Hermes le ​Messager
Breton Quiétiste
Posté le 26-09-2003 à 10:05:05  profilanswer
 

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.  

n°523733
gizmo
Posté le 26-09-2003 à 10:07:14  profilanswer
 

pense aux float ;)

n°523744
drasche
Posté le 26-09-2003 à 10:25:35  profilanswer
 

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

n°523781
sibelius
Vous êtes sûr ?
Posté le 26-09-2003 à 10:56:01  profilanswer
 

ç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
n°523788
drasche
Posté le 26-09-2003 à 11:00:22  profilanswer
 

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:


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  combinaison de div inline et block

 

Sujets relatifs
[CSS] inline et width sur un div[TurboC] Combinaison mode texte/mode graphique
[CSS] Inverse de "display : block;" ? [résolu][HTML/JS] Combinaison de touche pour déclancher un submit
[CSS] Explications sur un display block[C/C++] inline ds les templates
inline en Cphplib templates : block dans un block
Comment empecher la combinaison ALT+F4DHTML - afficher sur click un block div & decalerle reste
Plus de sujets relatifs à : combinaison de div inline et block


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)