28234 sujets

CSS et mise en forme, CSS3

[Résolu] Display:inline-block n'aligne pas mes trucs

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
Sujet clos
Aller à