28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Voici a quoi ressemble mon jeux de div: upload/6529-cadre.JPG
Le rectangle rouge montre l'endroit ou j'aimerai que les div suivants se placent...

Il y a deux type de div:


.mozaique div
{
border:1px dotted #ada8a5;
float:left;
}

.mozaique .focus
{
	padding:5px;
	margin:5px;
	margin-top:10px;
	margin-bottom:0px;
	width:60%;
	font-family: Arial;
	background-color:#f9fbec;	
}

.mozaique .autre
{
	padding:5px;
	margin-top:10px;
	margin-left:10px;
	width:30%;
	font-family: Arial;
	background-color:#f9fbec;
}


Je croyais avoir saisi le comportement des fenetres flottantes mais la...
Smiley decu

Merci por vos eclairements sur le sujet, ou pourquoi pas une solution^^
Hello

comment est construit l'ensemble ? un ptit bout de code html ? une page en ligne ?
Parceque là je ne vois pas quel bloc correspond à quel style, si c'est une mise en page à 2 colonnes, etc...
Tu pourrais éclaircir ?
merci
Voici mon code html: Smiley cligne

<div class="contenu">	
		<div class="mozaique">
			<div class="focus">
			<h5>Promotion :</h5>
			<img src="/images/marque/logo.png" alt="logo_promotion"/>
				<p>Aujourd'hui en exclusivité vous sont 
				proposés tout une gamme de produit en promotion
				chez notre et votre fournisseur...
				</p>
				<p>Pour en savoi plus consulter le lien suivant.</p>
				<a href="index2.php?page=promotion">Toutes les promos -></a>
			</div>
			
			<div class="autre">
				<h5>Recherche :</h5>
				<p>Vous chercher un type de pièce particulier? C'est ici.</p>
				<a href="index2.php?page=recherche">Rechercher -></a>
			</div>
			
			<div class="autre">
			<h5>Vos chiffres:</h5>
				<p>C'est biento dsfsdf dsqdsqg fsfsdfv fgdgfdfg f</p>
				<a href="index2.php?page=CA">Telecharger -></a>		
			</div>
			
			<div class="autre">
				<h5>Vos chiffres:</h5>
				<p>C'est bientot la fin du semestre si vos chiffre ne sont pas remplis aller y c'est permis!</p>
				<a href="index2.php?page=CA">Telecharger -></a>		
			</div>
		</div>
	</div>


J'espere que ca pourra servir,
A+