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

 

 


Tema destacado: Usando Git para manipular el directorio de trabajo, el índice y commits (segunda parte)


+  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 1,820 veces)
hegispok

Desconectado Desconectado

Mensajes: 7


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

¡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 pm por hegispok » En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
imagenes dentro de un post en wordpress
Desarrollo Web
OssoH 1 2,050 Último mensaje 26 Abril 2012, 09:51 am
por OssoH
Wordpress. Cambiar tamaño de imagenes dentro del post
Programación General
OssoH 0 1,786 Último mensaje 22 Abril 2013, 01:04 am
por OssoH
CAMBIO DE IMAGENES DENTRO DE .EXE « 1 2 »
Ingeniería Inversa
knight_d7 13 7,928 Último mensaje 27 Mayo 2013, 22:23 pm
por knight_d7
[jQuery] Script para cambiar imágenes con hover
Desarrollo Web
Linton 3 4,573 Último mensaje 5 Abril 2014, 14:33 pm
por alan++
¿Pueden ver tu información dentro de imágenes?
Seguridad
Meta 5 4,014 Último mensaje 31 Marzo 2022, 22:20 pm
por Meta
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines