Centrar imagenes horizontalmente

[alexk]

bueno... se me ocurre...

Código css:

#perfilgalfotoheader {
background:url(img/header_box.png) repeat-x;
width:640px;
height:30px;
/*overflow:auto;*/
}
 
#perfilgalfotocenter {
background:#FFFFFF;
/*width:680px;*/
width:800px;
/*height:230px;
overflow:auto;*/
}
 
.foto{ width:160px; float:left;}
 

Código html:

<div id="perfilgalfoto">
    <div id="perfilgalfotoheaderleft"></div>
    <div id="perfilgalfotoheaderright"></div>
    <div id="perfilgalfotoheader">
        <p>Galeria de imagenes</p>
    </div>    
    <div id="perfilgalfotocenter">
        <div class="foto">
            <p><img src='imgusuarios/usuario1/fantasy_art_scenery_wallpaper_alex_popescu_01.jpg' width='160' height='160'/></p>
            <p><a href="subirfoto.php">Subir nueva imagen</a> - Borrar imagenes</p>
        </div>
        <div class="foto">
            <p><img src='imgusuarios/usuario1/fantasy_art_scenery_wallpaper_alex_popescu_01.jpg' width='160' height='160'/></p>
            <p><a href="subirfoto.php">Subir nueva imagen</a> - Borrar imagenes</p>
        </div>
        <div class="foto">
            <p><img src='imgusuarios/usuario1/fantasy_art_scenery_wallpaper_alex_popescu_01.jpg' width='160' height='160'/></p>
            <p><a href="subirfoto.php">Subir nueva imagen</a> - Borrar imagenes</p>
        </div>
        <div class="foto">
            <p><img src='imgusuarios/usuario1/fantasy_art_scenery_wallpaper_alex_popescu_01.jpg' width='160' height='160'/></p>
            <p><a href="subirfoto.php">Subir nueva imagen</a> - Borrar imagenes</p>
        </div>
        <div class="foto">
            <p><img src='imgusuarios/usuario1/fantasy_art_scenery_wallpaper_alex_popescu_01.jpg' width='160' height='160'/></p>
            <p><a href="subirfoto.php">Subir nueva imagen</a> - Borrar imagenes</p>
        </div>
        <div class="foto">
            <p><img src='imgusuarios/usuario1/fantasy_art_scenery_wallpaper_alex_popescu_01.jpg' width='160' height='160'/></p>
            <p><a href="subirfoto.php">Subir nueva imagen</a> - Borrar imagenes</p>
        </div>
        <div class="foto">
            <p><img src='imgusuarios/usuario1/fantasy_art_scenery_wallpaper_alex_popescu_01.jpg' width='160' height='160'/></p>
            <p><a href="subirfoto.php">Subir nueva imagen</a> - Borrar imagenes</p>
        </div>
    </div>
</div>
<div id="perfilgalfotofooter">
</div>
 

basta con encerrar a la foto+descripcion en un solo div... darle un ancho y flotarlo a la izquierda... y el resto flotara... hasta que llege al limite del ancho del div padre y se colapsa solito... asi que si du div tiene 160px de ancho cuando llege a 800px (160*5) del div padre se colapsa chao y suerte!...