Como hacer esto?

[praetor2004]

Y si usás éste codigo, yo lo uso para mis galerias de imagenes y funciona bien (ojo que en IE 6.0 no funciona el img:hover, tendrias que buscar una solucion alternativa en otro lado) en Firefox y Opera. Juega con los margin y padding de acuerdo al espacio que tengas.

Obviamente tienes que crear una lista desordenada para ello.

Código:

#gallery{
    padding: 10px;
    width: 500px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}

#gallery ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#gallery li{
    display: inline;
    margin: 0px;
    padding: 0px;
}

#gallery h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
margin-top: 20px;
}

#gallery img {
margin: 5px;
padding: 2px;
border: 1px solid #CCCCCC;
}

#gallery img:hover{
margin: 5px;
padding: 2px;
border: 1px solid #C50E0E;
background-color: #EFD41E;
}