Imprimir Página - Imagenes con hover dentro de Div horizontal

¡Buenas! Llevo un par de días intentando hacer esto pero no me sale, no paro de buscar información por ahí pero nada, espero que me podáis ayudar ;D

La cosa es que quiero meter imágenes para que al pasar el ratón por encima de cada imagen aparezca cierta información, y las imagines estén en horizontal.

Por ahora tengo las imágenes en horizontal, pero a la hora de hacer un div para que aparezcan imágenes, no me aparece en horizontal. Quizás la cosa se complica al usar una base de datos pero, es necesario.

Aquí un trozo del código:

Código:

	<div id="a">
		<div id="b">
			<?php
				include 'connection.php';

				$query = "SELECT * FROM tabla1";

				$result = mysqli_query($conn, $query)or die(mysqli_error($conn));
	
				while($row = mysqli_fetch_Array($result)) {

					echo '<div id="info">';
					echo '<img src="'.$row["Imagen"].'">';
					echo '</div>';
				}
			?>
		</div>
	</div>

Código:

div#a{
	width:full;
	height:1000px;
	overflow:auto;
}

div#b{
	width: 2000px;
	height: 90px;
}

div#info{

}

div#info:hover{
	opacity: 0.4;
}

Sin el trozo:

Código:

echo '<div id="info">';

Código:

echo '</div>';

Salen las imágenes de la base de datos en horizontal perfectamente, pero claro, para hacer que aparezcan las letras en las imágenes necesito (creo) un div por cada foto, y al poner el div, las fotos salen en vertical y yo las quiero en horizontal y así cuando se vaya llenando la pantalla vayan apareciendo mas filas.

Espero que me puedan ayudar.
¡Saludos!

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: hegispok en 31 Enero 2016, 14:08 pm