mise en page avec des <div> - HTML/CSS - Programmation
Marsh Posté le 25-07-2005 à 20:42:52
un code ou une page pour voir ce que ca donne pourrai peut-etre je dit bien peut-etre nosu aider ^^
Marsh Posté le 26-07-2005 à 13:43:03
typiquement, comme les posts de forum. Ils utilisent des tableaux pour aligner le nick et le message. Mon problème à moi, ça correspondrait au fait que ton nick soit juste en dessous du mien et non pas aligné avec ton texte.
Marsh Posté le 26-07-2005 à 13:44:49
Un conteneur qui englobe ton champ texte et ton champ image, que tu répètes pour chaque nouvel item, ca ferait pas l'affaire?
Marsh Posté le 26-07-2005 à 14:07:10
Ce que ça donne de base :
Voilà ce que ça donne si j'utilise des float dans ma css :
Et voici le code concerné :
Citation : <div class="index_article_ga"> |
Marsh Posté le 26-07-2005 à 14:08:03
Onesque a écrit : Un conteneur qui englobe ton champ texte et ton champ image, que tu répètes pour chaque nouvel item, ca ferait pas l'affaire? |
J'ai essayé mais ça n'a rien changé.
Marsh Posté le 26-07-2005 à 14:11:12
Pour chacun de tes blocs, tu crées un conteneur. Dans le conteneur, deux div cote à cote, à la même hauteur.
Puis tu refermes ton conteneur, t'en ouvres un autre, et tu recommences.
edit : suite à ton post du dessus : si, ca doit marcher, c'est sûr. C'est dans ta feuille de style que ca doit pas aller alors
Marsh Posté le 26-07-2005 à 14:16:18
Bon, je suis un boulet, il manquait un </div> dans mon conteneur global. Merci pour votre aide
Marsh Posté le 25-07-2005 à 18:27:40
Je passe mes tables en div et je rencontre un problème : j'ai un tableau de deux colonnes et de nombreuses lignes de différentes hauteurs (le contenu est généré par du php). Pour schématiser, dans la partie à gauche il y a du texte et à droite une image de taille fixe.
J'ai donc fait un div de largeur fixe pour le texte et un div également de largeur fixe pour l'image. Vu que les hauteurs sont variables, je ne peux pas trop jouer dessus.
Pour la première ligne, tout se passe bien, tout est bien aligné. Le problème, c'est la deuxième ligne. Le texte est en dessous de l'autre zone de texte mais la deuxième image remonte et va se coller sous la première. Elle ne se retrouve donc pas alignée avec le deuxième texte.
Savez-vous comment je peux régler ça ?