Alignement a la ligne des div

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Alignement a la ligne des div

miriam

bonjour,

j'ai un soucis d'alignement de mes div : il s'agit d'images + texte heneres dynamiquement(php).
je veux afficher 3 div par ligne.

Code :

#Business
{ width: 560px; margin: 10px auto; padding: 5px; }
#Business img
{ border: 0; }
#Business .Image
{
width: 160px;
background-color:#fff;
float: left;
padding-right: 8px;
padding-left: 8px;
display: block;
}
hr{ clear: both; visibility:hidden;}

le soucis est que le div num4 ne revient pas forcement à la ligne(en fonction de la taille des precedents) : il s'affiche en dessous du 3 si le 2 st plus long.

avez vous une idee ? (j'ai essaye avec un hr avec clear: borh, mais ca donne rien)

merci

Publicité

xtof_83

Freeride Spirit

On peu avoir les CSS des 4 div

et le code HTML généré...enfin une partie

miriam

ah ... erreur de manip, je pensais l'avoir mis :

<table id="Business">
<tr>
<td> <h1>Gas station life</h1>

<div class="Image">
texte1
</div>
<div class="Image">
text2 test2 test2 test2
</div>

<div class="Image">
image + text3
</div>
<div class="Image">
image + text4
</div>
<div class="Image">
image + text5
</div>

<div class="Image">
image + texte6
</div>
<div class="Image">
image + texte7
</div>
<div class="Image">
image + texte8
</div>
<h1>Services</h1>

<div class="Image">
image + texte1
</div>
<hr />
</td></tr></table>

xtof_83

Freeride Spirit

1_ Merci de mettre entre balise [code]

2_ ben dis donc les 4 div ont fait des enfants...

3_ Mais pourquoi ce mixe de table/div qui n'a pas lui d'être.

miriam

je n'ai pas dit que j'avais que 4 div, mais je veux afficher 3 par ligne.

si je met un div global à la place du tableau, ça change rien à mon probleme.

Code :

<table id="Business">
<tr>
<td> <h1>Gas station life</h1>
<div class="Image">
texte1
</div>
<div class="Image">
text2 test2 test2 test2
</div>
<div class="Image">
image + text3
</div>
<div class="Image">
image + text4
</div>
<div class="Image">
image + text5
</div>
<div class="Image">
image + texte6
</div>
<div class="Image">
image + texte7
</div>
<div class="Image">
image + texte8
</div>
<h1>Services</h1>
<div class="Image">
image + texte1
</div>
<hr />
</td></tr></table>

xtof_83

Freeride Spirit

table n'a quand même rien à foutre là

Sinon met un clear:both tout les 3 div et probléme réglé...

miriam

merci pour ta réponse, j'ai effectue testé comme ça et ça marche.
mais mon probleme est que tout est génére de façon dynamique, un coup il y a 4 images, un autre 2 ou 9 ... Y a t il une façon de le faire automatique ?
(c'est vrai pour le tableau, ...)
merci

xtof_83

Freeride Spirit

Ben toi tu veux tout les 3 div...

Donc ouais ça doit pas etre dur à implémenter, un petit modulo ou autres...

Shinuza

This is unexecpected

xtof, toujours la pour sauver la gente féminine

Message cité 1 fois

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

xtof_83

Freeride Spirit

Shinuza a écrit :

xtof, toujours la pour sauver la gente féminine

Merde j'avais même pas vue....la honte sur moi... :pfff:

Sinon j'aurais direct donné les réponses à ces futurs soucis.... :sol:

FORUM HardWare.fr

Programmation

HTML/CSS

Alignement a la ligne des div

Sujets relatifs
Argent facile ? Quelques a ligne a lire...	parcourir ligne par ligne une selection
[VBA] [Excel] Chercher la première ligne après un graphique	Afficher la cellule dans 1 textbox par intersection ligne & colonne
Imprimer Une seule ligne ?	Parsage de forum en ligne :: acceptable ?
[java3D] choisir l'epaisseur d'une ligne	Batch windows - Supprimer/modifier une ligne d'un fichier
filet qui va pas au bout de la ligne sur FF et ses copines	alignement à droite, au milieu et à gauche sur la même ligne
Plus de sujets relatifs à : Alignement a la ligne des div

Page générée en 0.037 secondes