28212 sujets

CSS et mise en forme, CSS3

[CSS] - Centrage vertical d'images aléatoires...

Salutations,

Sur mon book photo ( http://mathieu.charreyre.net ), j'ai décidé de remplacer l'intégralité des tables par du CSS.
Tout s'est bien passé, sauf sur la page d'acceuil, ou le centrage vertical des photos aléatoires ne se fait pas...

Voici un bout du code en question :
<!-- Partie incluse par le fichier homepict.php !-->

<style type="text/css">
<!--
#HomeBlock {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	border: #F00 solid 0px;
	width: 780px;
	padding: 0px 0px 0px 0px;
	background-color: #000000;
	color: #721741;
	font-size: 10px;
	z-index: 1;
}

#HomeContent {
	float: left;
	border: 0px;
	width: 660px;
	height: 500px;
	z-index: 1;
}

#HomeContent a:hover {
	color: #FFF;
}

#HomeContentItem {
	margin-top: 5px; /* Marge superieure des images aleatoires de la home */
	height: 100%;
	vertical-align: middle;
	text-align: center;
	z-index: 1;
}

#HomeContentItem img {
	border: 5px solid white;
	display: block;
}

#HomeBlockMargin {
	float: right;
	width: 120px;
	border: 0px;
	font-size: 9px;
	font-weight: bold;
	z-index: 1;
}
	
.MarginItem {
	float: left;
	width: 120px;
	z-index: 1;
}

.MarginItem a {
	color: #FFF;
	font-size: 8px;
}

.MarginItem a:hover {
	color: #721741;
}
-->
</style>

<div id="HomeBlock">
	<div id="HomeContent">
        <div id="HomeContentItem">
        <?php
        
        // Chemin
        $path = "pict/photos/thumbs/";	// Dossier des vignettes
        $pathbig = "pict/photos/";		// Dossier des photos
        
        // Lageur max. de l'image de l'image
        // $width_max = 1024;
        
        // Init. du compteur
        $count =0;
        
        // OpenDIR
        $dir = @opendir($path) or die("Impossible d'ouvrir le dossier $path");
        
        // Boucle de lecture du dossier
        while($file = readdir($dir))
        {
         if(!is_dir($file) && $file != "." && $file != ".." && $file != ".DS_Store")
         {
          $count ++;
          }
        }
        
        // Definition de l'ensemble
        $tab=glob($path."{*.gif,*.GIF,*.jpg,*.JPG,*.jpeg,*.JPEG,*.png,*.PNG}", GLOB_BRACE);
        
        // Affichage aléatoire de l'image //
        shuffle($tab);
        
        // Definition de l'absolue de Tab
        $tab2 = current($tab);
        
        // Definition de la version haute def. de l'image
        $tab1 = substr_replace(current($tab), 'pict/photos/', 0, 23);
    
(...)
        
		echo '<a href="wm.php?path='.$tab1.'&amp;wm=pict/wm2.png" target ="_blank"><img src="wm.php?path='.$tab2.'&amp;wm=pict/wm.png" title="Photo aleatoire..." alt="Photo aleatoire..." /></a>';
		
(...)
        
        // Fermeture du dossier
        closedir($dir);
        
        ?>
        </div>
    </div>
    <div id="HomeBlockMargin" align="left">
    	<div class="MarginItem" align="left"><? include $adsense; ?></div>
        <div class="MarginItem" align="left"><? include $link; ?></div>
        <div class="MarginItem" align="left"><? include $exifhome; ?></div>
    </div>
</div>

(...)

<!-- Fin de partie incluse par le fichier homepict.php !-->


Avez-vous la moindre idée du pb ?

A vous lire,
Sujet clos
Aller à