28173 sujets

CSS et mise en forme, CSS3

je suis entrain de faire un site web de vidéo et les dites vidéos s'affichent depuis php mais au lieu de les aligner les une à côtés des autres elles s'aligne l'une en dessous de l'autre or j'ai utiliser display inline block.
voici mon code
<?php 	
			require_once('includes/incfiles/connexion.inc.php');
			$req=mysql_query("SELECT * FROM clip WHERE alaune='oui' and active='oui' ORDER BY id DESC LIMIT 6");
 
		;?>
			<p style="margin-left:10px; font-size:14px; font-weight:bold; text-transform:uppercase;">Videos a la une<br/><br/></p>
		  	<?php while($resultat=mysql_fetch_array($req)){   
    		?>
			
				
				   	<div style="display: inline-block; margin:0 auto; width:300px; box-shadow: 1px 1px 12px #555; border-radius:3px; background-color:#fff; height:300px;">
				        <p class="moovie" style="margin: 5px 0 0 0px; padding:0 5 0 5px;"><img src="<?php echo $UP; ?>images/icones/<?php echo "moovie.png"; ?>"/></p>
				            <a href="<?php echo $UP; ?>htdocs/vue/?lire=<?php echo md5($resultat['id']); ?>">
							    <iframe width="300" height="166" src="<?php echo $resultat['lien'] ;?>" frameborder="0" allowfullscreen></iframe>
				            </a>
				                <br/><br/><b style="color:#61a0f5; text-align:left; font-size:14px; margin: 5px;">Titre : <?php echo $resultat['titre'] ;?></b><br/><br/>
				                <b style="color:#61a0f5; text-align:left; font-size:14px; margin: 5px;">Artiste : <?php echo $resultat['artiste'] ;?></b> 
				                <b style="color:#61a0f5; text-align:right; font-size:14px;"></b><b style="color:#000;"><?php echo $resultat['annee'] ;?></b> 
					
				</div><br/>
			<?php } ?>


comment faire?
Bonjour Sghislain,

Haaaa ce fameux display: inline-block; !

Je ne vais pas te mentir mais ton code je l'ai à peine survolé mais déjà je peux te dire qu'il te serait bénéfique d'aller jeter un coup d'oeil ici.

Hé oui la disposition inline-block est très tatillonne sur les espacements.

Quand t'auras réglé ça... Après si t'as encore des soucis n'hésite pas refaire un come-back Smiley smile