28172 sujets

CSS et mise en forme, CSS3

Mettre des divs côte à côte [Résolu]

Bonjour,

Je sais que mon problème va paraitre bateau pour certains, néanmoins le CSS est mon talon d'achille.

Alors voilà mon problème, j'ai une galerie constituée comme suit :
S'il n'y a qu'une seule résidence à montrer :


<h5>Année</h5>
<div class="programme">
<p>Ville : Nom de la ville</p>
<p>Résidence : Nom de la Résiendece</p>
<a "sert pour une slimbox"><img href="image de la résidence.jpg"/></a>
<p>informations complémentaires</p>
<div>


S'il y a plusieurs résidences à montrer :


<h5>Année</h5>
<div class="groupe">

<div class="programme">
<p>Ville : Nom de la ville</p>
<p>Résidence : Nom de la Résiendece</p>
<a "sert pour une slimbox"><img href="image de la résidence.jpg"/></a>
<p>informations complémentaires</p>
</div>

<div class="programme">
<p>Ville : Nom de la ville</p>
<p>Résidence : Nom de la Résiendece</p>
<a "sert pour une slimbox"><img href="image de la résidence.jpg"/></a>
<p>informations complémentaires</p>
</div>

<div>


Voilà, mon but est, dans le cas où il y a plusieurs résidences, mettre les class "programme" côté à côte.




body #global #page .groupe {
	position:static;	
}

body #global #page .groupe .programme {
	position:static;	
	float : left;	
	width : 50%;
}


J'avais essayé ça, et mille autres choses, mais jamais ça n'a fonctionné.

Pour information, la structure globales :

<body>
<global>
<page>
=> le contenu
</page>
</global>
</body>

Pour y jeter un oeil,
c'est à cette adresse

C'est un peu pressé car j'arrive vers ma deadline très bientôt.
Alors je vous remerci par avance pour votre aide ! =)
Modifié par TheEnder (30 Apr 2009 - 02:05)
Salut.

Si tu fais juste ça, ça ne marche pas ? :


.groupe .programme {
	float : left;	
	width : 50%;
}


et pour le footer :


clear: both;

Modifié par Otto Didact (28 Apr 2009 - 16:27)
J'avais déjà testé cette solution.
Voilà le rendu.

http://www.jean-paillard-promotion.com/apercu.JPG

Concernant le "clear : both;"

Si je met ça dans mon footer, ça l'efface.

NB : le design est un peu spécial (pas de moi)

La page est comme suit :

<body>
<banniere>image de la bannière<banniere>
<header>menu déroulant</header>
<global>
<page>
=> le contenu
</page>
<finpage>image pour la fin de page (arrondi le bas de page)</finpage>
<footer>contient le blabla de pied de page (mentions légales etc)</footer>
</global>
</body>

Je joins un lien vers la feuille de style au cas où ça pourrait aider :
Feuille de style

PS : désolé pour l'image un peu cracra, c'est le rush en ce moment et j'ai pas eu l'tps de faire plus joli ^^ (en bas à droite : "id = footer")
Modifié par TheEnder (29 Apr 2009 - 02:43)
Bien sûr que je peux !

Et c'est d'ailleurs avec plaisir =)
Car là était bien la solution !

Tu as fait de moi un homme comblé (enfin bien heureux d'avoir réglé son problème en tout cas ^^).

Merci beaucoup.
Et désolé si je n'ai pas trouvé avant la solution sur le site.
C'est pas toujours évident de tomber sur l'article ou l'astuce adéquat.

Encore merci et bonne journée !
Modifié par TheEnder (29 Apr 2009 - 02:49)
Sujet clos
Aller à