[RÉGLÉ] 5 modules sur une même ligne

[Robert44]

Bonjour à tous.

J'ai créé un template de toute pièce mais suis confronté à un problème qui m'échappe. Je souhaiterais positionner 4 ou 5 modules cote a cote. Ces modules font 200px x 200px. J'ai donc positionné des lignes de modules que j'ai appelé c1, c2 et c3 avec le paramètres width=1000px

A l'intérieur de chacune de ces lignes, j'ai des modules (c11, c12, etc...). Avec ces éléments, j'ai donc mes modules l'un en dessous de l'autre et pas l'un a coté de l'autre alors que j'ai bien un position:float..

Lorsque dans le css j'ajoute #c11{ float:left; width:20%;}, mon module disparaît tout simplement. Je n'y trouve pas d'explications et ce que je trouve dans les forums ne règle pas mon problème.

Voici le lien du site : http://www.pilotezvotrevie.fr/index.php?lang=fr



Merci de votre aide.
Cordialement.

[Robert44]

Re : 5 modules sur une même ligne

Petit retour.. Personne n'a d'idée?

[cater58]

Re : 5 modules sur une même ligne

Bonjour,

Il faut que tu donne des largeurs fixes à tes modules pour qu'il puisse ce position par rapport a une div "maitre" et bien sur ajouter des marges extérieurs

[ced1870]

Re : 5 modules sur une même ligne

salut
perso je dirais que tu as un souci car tu ne définis qu'une partie des blocs et en plus ils sont vides de contenu.
Essaies de mettre 5 blocs uniquement, en leur donnant une classe :

.blocaligned {float:left; width:20%}

et en html :

<div id="c_11" class="blocaligned">un test de contenu</div>
<div id="c_12" class="blocaligned">un test de contenu</div>
<div id="c_13" class="blocaligned">un test de contenu</div>
<div id="c_14" class="blocaligned">un test de contenu</div>
<div id="c_15" class="blocaligned">un test de contenu</div>

ou alors ajoutes leur une hauteur en css pour les tests
CEd

[Robert44]

Re : 5 modules sur une même ligne

Alors, j'ai mis les classes mais seulement sur 4 blocs. (ma première ligne ne contiendra que 4 blocs). ajouté une hauteur à chacun de ces blocs et le .place (= la classe). Et je n'ai pas mieux (J'ai bien mis un module dans chacun pour le test, le problème viendrait-il de ce module?). J'ai mis d'autres modules à la place pour tester (contenus personnalisés) et pas mieux ce qui me fait dire que ce n'est pas la faute du module.
Peut être ai je encore squeezé un truc?

[cater58]

Re : 5 modules sur une même ligne

Regarde le tuto de ced sur la création de template il me semble qu'il y a quelque chose sur ce que tu veux faire

[ced1870]

Re : 5 modules sur une même ligne

hé bien tes blocs sont bien alignés comme tu le souhaites
le truc c'est que tu ne le vois pas ....
dépublies tes galeries bizarres qui foutent le bordel, commence juste avec les éléments sur lesquels tu veux agir

[Robert44]

Re : 5 modules sur une même ligne

Bonjour. Alors merci bcp j'ai réussi à résoudre le problème avec vos conseils et un peu de bidouillage. Le résultat est satisfaisant. Merci bcp

[ced1870]

Re : 5 modules sur une même ligne

merci de passer ton sujet en Réglé alors