elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.


 


Tema destacado: 4n4lDetector v1.3: herramienta de análisis estático de malware


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Imagenes con hover dentro de Div horizontal
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Imagenes con hover dentro de Div horizontal  (Leído 654 veces)
hegispok

Desconectado Desconectado

Mensajes: 7


Ver Perfil
Imagenes con hover dentro de Div horizontal
« en: 31 Enero 2016, 14:08 »

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


« Última modificación: 31 Enero 2016, 14:13 por hegispok » En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines