hola buenas, estoy haciendo una pagina, que bueno la parte central de la pagina ES UN DIV...y yo tengo que mostrar las imagenes las cuales... las ubique en una tabla... con classes etc
la pagina es de venta de ropa... (mi primer pagina) y bueno la ropa no sera siempre la misma la que aparecera en la parte central... de eso me encargo,, lo q es PHP... busqueda en mysql...php entre el html....etc
pero como ven con css... no ando bien.... me guio con tablas.. ya q posicionar divs...tendria q verlo como seria, podrian corregirmelo
La idea es que con javascript al posicionarme sobre la imagen aparezca el div ese que tiene el carrito de compra, la descripcion y el precio por medio de display:""
este es el codigo
Código PHP:
<html>
<head>
<title>aaaaaaaaaaaaaaaa
</title>
<style type="text/css">
div { border:1px solid black; }
.infront {
background-color:#ff9900;
width:100px;
height: 100px;
position: relative;
z-index: 1;
}
.behind {
background-color:#eeeeee;
width:200px;
height: 60px;
position: relative;
z-index: 2
}
</style>
</head>
<body>
ddddddddddddddddddddddd
<table width="100%" cellspacing="0" cellpadding="0" border="2" align="center">
<tr>
<td width=200 valign="top">ccccccccccccccccccccccc
<!--NAVEGADOR LATERAL IZQUIERDO-->
</td>
<td width=80% valign="top">hhhhhhhhhhhhhhhhhhhhhhh
<table align="center" width=100% height=100%>
<tr>
<td><div class="infront"><img src="a.jpg"></div><div class="behind"><table><tr><td>nombre producto</td><td rowspan="2"><img src="cr.jpg"></td></tr><tr><td>precio</td></tr></table></div>
</td>
<td><div class="infront"><img src="a.jpg"></div><div class="behind"><table><tr><td>nombre producto</td><td rowspan="2"><img src="cr.jpg"></td></tr><tr><td>precio</td></tr></table></div>
</td>
</tr>
<tr>
<td><div class="infront"><img src="a.jpg"></div><div class="behind"><table><tr><td>nombre producto</td><td rowspan="2"><img src="cr.jpg"></td></tr><tr><td>precio</td></tr></table></div>
</td>
<td><div class="infront"><img src="a.jpg"></div><div class="behind"><table><tr><td>nombre producto</td><td rowspan="2"><img src="cr.jpg"></td></tr><tr><td>precio</td></tr></table></div>
</td>
</tr>
</table>
<!--CUERPO PRINCIPAL-->
</td>
<td width=200 align=center valign="top">hjjjjjjjjjjjjjjjjjjjj
<!--LATERAL DERECHO-->
</td>
</tr>
</table>
</body>
</html>
este es la pagina....(lo que importa es lo central... lo azul es el encabezado, menu y la otra parte..eso no importa)
asi es como se ve esta pagina...q hice...
asi es como quiero q quede masomenos..
saludos