Imagenes con hover dentro de Div horizontal

Iniciado por hegispok, 31 Enero 2016, 14:08 PM

0 Miembros y 1 Visitante están viendo este tema.

hegispok

¡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:

<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>



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:

echo '<div id="info">';
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!