Facu escribió:Hola! nesecito ayuda! Como hago para poner 3 o 4 imagenes en un mismo "Renglon" y que cada una tenga un titulo en chiquito arriba o abajo y una breve descripcion...
Por favor ayuda! estoy trabado con esto y no le encuentro la vuelta..
Hola:
Hay varias maneras de hacerla, y una de ellas es crear en la hoja de estilo una capa como por ejemplo:
#galeria{float:left;background-color:#000000;width:900px;}
#galeria li{display:inline;float:left;width:126px;padding:5px;margin:15px;text-align:center;border-right:#FF0000 solid 2px;border-bottom:#FF0000 solid 2px;}
#galeria h3{font-size:1.1em;color:red;font-weight:bold;text-decoration:none;text-align:center;}
Y despues ir a la página en cuestión y poner una lista
<div id="galeria"><h3>Galería de Fotos</h3>
<ul>
<a href="#">[contenido no disponible]
<span>mi casa</span></a>
<a href="#">[contenido no disponible]
<span>Estrellas</span></a>
<a href="#">[contenido no disponible]
<span>La Luna</span></a>
<a href="#">[contenido no disponible]
<span>El Sol</span></a>
</div>
Lógicamente antes habré puesto en la carpeta objetos las imagenes correspondientes con la anchura adecuada para que todas tengan la misma anchura. (como ejemplo 126px de ancho que es también lo que le puse en la hoja de estilo)
El fondo de la capa sería negro, con un borde rojo por la derecha y por abajo, el titulo de la imagen estaría abajo sobre el borde rojo de abajo
Como le digo hay otras formas también, de esta manera puede poner las imagenes que desee y ellas irán acomodándose .
De esta manera , si yo quisiera que al pinchar en una imagen me lleve a verla en tamaño mas grande dejo ya puestp practicamente el enlace, crearía una página donde solo estuviese la imagen en grande y donde tengo la lista pondría en vez de la almohadilla (donde dice <a href="#") la ruta de esa página en donde tengo la imagen en grande
Saludos