Padding o margin en explorer

Triby · #1 (**permalink**) 14/12/2008, 19:44

Hola, amigos, estoy tratando de adaptar el jQuery.imageMenu para hacerlo vertical y en Firefox se ve correctamente, pero no en explorer, me agrega un espacio en blanco (padding o margin).

Subi una prueba en: http://www.calzadogx3.com/error-explorer/
Y aqui esta la imagen de como se ve en ambos navegadores:

Agradezco de antemano la ayuda.

Null_ · #2 (**permalink**) 14/12/2008, 20:42

prueba agregandole un margen de cero pixeles (si no resulta, un padding) al ul, ya que no veo ningun estilo para el la etiqueta <ul>

Cita:

ul#vmarks {margin:0px;}

suerte

Triby · #3 (**permalink**) 15/12/2008, 14:20

Gracias por el intento Null_, los estilos de ul se aplican a traves de la id vmarks y no va por ahi la cosa.

Despues de varios intentos llegue a la conclusion de que no es margin o padding, sino posicion y la solucion por ahora fue poner posicion relativa -16 px a la izquierda para los li. Lo mas raro de todo es que cuando la trabajo localmente me aparece el mensaje de script bloqueado y se ve todo bien, hasta que permito la ejecucion del script.

Si alguien puede ver ese ejemplo en explorer 6 y me dice el resultado se lo agradeceria mucho.

Aresillo · #4 (**permalink**) 15/12/2008, 14:43

Tus órdenes son deseos... Tu prueba en IE6

Un saludo!!

Aresillo!!

masterojitos · #5 (**permalink**) 15/12/2008, 14:47

puedes hacerlo sencillo, comparando en que navegador y version estas...... y segun ello, le das un espacio o ancho de espacio determinado.

suerte.

Triby · #6 (**permalink**) 15/12/2008, 16:19

Gracias, Aresillo, me estas ahorrando muchos dolores de cabeza y creo que seran los mismos 16 pixeles. (Edito: Ya vi la otra modificacion que necesito en IE 6 para que al cargar se vea como quiero.)

Gracias, masterojitos, de hecho esa es la idea, con javascript ajustare la posicion para IE 6 y 7, espero que el 8 no tenga necesidad de estos detalles.

JoseAlejandro_Realza · #7 (**permalink**) 06/02/2009, 19:57

Hola que tal, disculpe mi pregunta, pero si yo quisiera el menu de las imagenes horizontales y no verticales como podria hacerlo?

Triby · #8 (**permalink**) 06/02/2009, 20:30

Lo puedes descargar del sitio Web del autor: http://ldbglobe.fried-rice.net/publi...ery.imageMenu/

JoseAlejandro_Realza · #9 (**permalink**) 06/02/2009, 22:03

Muchas Gracias hermano =)

Seria posible generar esas imagenes por una consulta como lo hicimos para la galeria de imagenes?

Lo intente de esta forma y no me da

Codigo

Código PHP:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"> 
<head> 
    <title>Prueba de menu vertical</title> 
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> 
<style type="text/css"> 
body { background-color:#ccc; } 
#vmarks { 
        margin:0px; 
        padding:1px; 
        width:175px; 
        height:400px; 
        background:#616161; 
        list-style:none; 
        overflow:hidden; 
} 
#vmarks li { 
        width:175px; 
        height:43px; 
    margin:0px; 
    padding:0px; 
        border-top:1px solid #fff; 
        border-bottom:1px solid #fff; 
} 
#vmarks li .menuOptionHover, #vmarks li a { 
        display:block; 
        width:175px; 
        height:100px; 
        text-indent:-8000px; 
} 
#vmarks-1 { background:url(http://www.enmaracay.net/Galerias/don%20omar/s_1.jpg); } 
#vmarks-2 { background:url(http://www.enmaracay.net/Galerias/don%20omar/s_2.jpg); } 
#vmarks-3 { background:url(http://www.enmaracay.net/Galerias/don%20omar/s_4.jpg); } 
#vmarks-4 { background:url(http://www.enmaracay.net/Galerias/don%20omar/s_3.jpg); } 
#vmarks-5 { background:url(http://www.enmaracay.net/Galerias/don%20omar/s_1.jpg); } 
#vmarks-6 { background:url(http://www.enmaracay.net/Galerias/don%20omar/s_2.jpg); } 
#vmarks-7 { background:url(http://www.enmaracay.net/Galerias/don%20omar/s_4.jpg); } 
#vmarks-8 { background:url(http://www.enmaracay.net/Galerias/don%20omar/s_3.jpg); } 
</style> 
    <script src="jquery.js" type="text/javascript"></script> 
    <script src="jquery.imageVert.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('#vmarks').ImageVert({'saveOnClick':false,'keepOpen':false,'init':-1,'click':myClick}); 
    function myClick(e) { 
        document.location = e; 
    } 
}); 
</script> 
</head> 
<body> 
 
<p> 
  <?  
//conectamos a la base  
$connect= mysql_connect("localhost","usuario","contraseña"); 
 
//Seleccionamos la base  
mysql_select_db("enmaracay_artistas",$connect); 
 
//hacemos las consultas  
$resulta= mysql_query("select * from generos order by generos Desc", $connect);  
$totalregistros=mysql_num_rows($resulta); 
$dato = array(); 
while($row=mysql_fetch_array($resulta))  
    $dato[] = $row; 
{  
 
 
} 
?> 
</p> 
<p> 
  <?  
// Aqui muestras las imagenes: 
foreach($dato as $datos) { 
    echo "<ul id=\"vmarks\">\n"; 
    echo  "<li><a href=\"index.php?id=Artistas=genero&{$datos['generos']}\" id=\"vmarks-1\">{$datos['generos']}</a></li>\n" 
    echo "</ul>\n"; 
} 
?> 
</p> 
 
</body>