Foros del Web » Creando para Internet » CSS »

Ayuda con css en explorer.por favor

Estas en el tema de Ayuda con css en explorer.por favor en el foro de CSS en Foros del Web. Por favor,necesito ayuda por que el a:hover no me funciona en explorer y en mozilla si.Despued de probar mil historias no me ha funcionado.Paso por ...
  #1 (permalink)  
Antiguo 12/12/2007, 13:18
 
Fecha de Ingreso: diciembre-2007
Mensajes: 11
Antigüedad: 10 años
Puntos: 0
Ayuda con css en explorer.por favor

Por favor,necesito ayuda por que el a:hover no me funciona en explorer y en mozilla si.Despued de probar mil historias no me ha funcionado.Paso por encima de los enlaces y no se me despliean las imagenes.No se que hacer.Alguien puede ayudarme,El codigo es el siguiente:
Código HTML:
<DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<head>

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Fotos de Amigos</title>


  <meta name="krrt" content="">

  <style type="text/css">
a {color:#111;}
a:hover {}
a:visited {color:#111;}
/* slides styling */
.photo {width:100%; height:600px; background:url(lbox/back.jpg) no-repeat center center; text-align:left; position:relative;}
.photo dl {font-size:0.9em; position:absolute; width:400px; top:100px; left:100px;}
.photo dl dt {font-family:"times new roman", serif;font-size:1.8em; margin-bottom:2em;}
.photo dl dd {font-family:verdana, arial, sans-serif;padding:0; margin:0; line-height:1.7em; margin-bottom:2em; font-size:11px;}
.photo dl dd:first-letter {font-weight:bold;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:720px; height:auto; position:relative; z-index:10;}
.photo ul.topic li {display:block; width:240px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:239px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}
.photo ul.topic li a ul, .photo ul.topic li ul {display:none;}
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}
.photo ul.topic li a:hover ul, .photo ul.topic li:hover ul {display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd url(lbox/close.gif) no-repeat right top; width:1200px; padding:10px 10px; border:2px solid #aaa;}
.photo ul.topic li a:hover ul li, .photo ul.topic li:hover ul li {display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}
.photo ul.topic li a:hover ul li a, .photo ul.topic li:hover ul li a {display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}
.photo ul.topic li a:hover ul li a img, .photo ul.topic li:hover ul li a img {display:block; width:100px; height:75px; border:5px solid #eee;}
.photo ul.topic li a:hover ul li a img.large, .photo ul.topic li:hover ul li a img.large {position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}
.photo ul.topic li a:hover ul li a:hover, .photo ul.topic li:hover ul li a:hover {white-space:normal; position:relative;}
.photo ul.topic li a:hover ul li a:hover img, .photo ul.topic li:hover ul li a:hover img {position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}
.photo ul.topic li a:hover ul li a:hover img.large, .photo ul.topic li:hover ul li a:hover img.large {position:absolute; display:block; width:0; height:0;  overflow:hidden; border:0;}
.photo ul.topic li:hover ul li a:focus, .photo ul.topic li:hover ul li a:active,
.photo ul.topic li a:hover ul li a:active {position:static; outline:0;}
.photo ul.topic li:hover ul li a:focus img, .photo ul.topic li:hover ul li a:active img, .photo ul.topic li a:hover ul li a:active img {position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;}
.photo ul.topic li:hover ul li a:focus img.large, .photo ul.topic li:hover ul li a:active img.large, .photo ul.topic li a:hover ul li a:active img.large {position:absolute; left:230px; top:24px; width:640px; height:480px; padding:0; background:#000; border:4px solid #fff; z-index:10;}
  </style>
</head>


<body background= "img/fondo_imaxes.JPG">
               <?php

function Conectarse()

{

$db_host="localhost";

$db_nombre="carrete_es_db";
$db_user="carrete";
$db_pass="";


$link=mysql_connect($db_host, $db_user, $db_pass);
echo $link ;

mysql_select_db($db_nombre ,$link);


return $link;

}
                    ?>
<div class="photo">
<dl style="left: 100px; width: 495px; top: 100px; height: 358px;">

  <font color="white"> <dt><b>Fotos </b>
    <i>de </i>
Amigos do caurel</dt>

  <dd>Aqui podedes atopar fotografias de amigos do Caurel.</dd>

  <dd>Se tes fotos que desexes que aparezan aqu&iacute;
,faimo saber por correo en [email protected]</dd>

  <dd>Podes pulsar nas imaxes para agrandalas.<br>

NOTE: Alg&uacute;ns navegadores pode que non visualicen
correctamente as fotos.Acons&eacute;llovos Firefox..</dd>

  <dd>Estas fotograf&iacute;as te&ntilde;en varios
autores,todos eles amigos do Caurel.</dd>


  <dd>Para cerrar as fotografias aumentadas pulsa na 'X' .<b><br>

Podes
ter alg&uacute;n problema co explorer.Se non das cambiado de
foto,preme no enlace <br>

Se usas Explorer,recom&eacute;ndoche <a title="Descarga o Firefox " target="_new" href="http://tools.google.com/firefox/toolbar/bundle/intl/es/install.html?hl=es&amp;ai=BQ13Pn-Q0R_WQEIGIwQGT-ciyDNGe8hfFq_b-AcWNtwEAEAEg6ZrKBDgBUIKsiPr7_____wFg1bXXguwIoAG1lcj9A7IBFnd3dy5kaWZ1bmRlZmlyZWZveC5jb23IAQHaAT5odHRwOi8vd3d3LmRpZnVuZGVmaXJlZm94LmNvbS9kZXNjYXJnYXItbW96aWxsYS1maXJlZm94LWdyYXRpc4ACAagDAw&amp;gclid=CN6Gmrft0I8CFQ4iQgodAQwDAQ"><font color="white"> Firefox
(seguridade,rapidez, configuraci&oacute;n)</font></a> </b><br>

  </dd>

  </font>
</dl>

<ul class="topic">

  <li><a class="set" href="#Portraits">Espeolox&iacute;a<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>

             <?php
Conectarse()  ;

     $sql = " SELECT id, nome, observacions FROM imax where tipo= 'espeleo'";
     $result = mysql_query($sql);
     $row = mysql_fetch_array($result);

         while ($row = mysql_fetch_array($result))
            {
       echo" <li><a href='#'".$row["id"]." foto'><img src='".$row["nome"]."' alt='' title=''><img class='large' src='".$row["nome"]."' alt='' title=''></a></li>";


            }
    ?>
    </ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]--> </li>

  <li class="topic"><a class="set" href="#Landscapes">Esmorga<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>
               <?php
Conectarse()  ;

     $sql= " SELECT id, nome, observacions FROM imax where tipo= 'esmorga'";

     $result = mysql_query($sql);
     $row = mysql_fetch_array($result);
         while ($row = mysql_fetch_array($result))
            {              $fotos++;

       echo" <li><a href='#'".$fotos." foto'><img src='".$row["nome"]."' alt='' title=''><img class='large' src='".$row["nome"]."' alt='' title='".$row["observaciones"]."  '></a></li>";

            }
    ?>
    </ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]--> </li>

  <li class="topic"><a class="set" href="#Birds">Esmorga<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>

      
    </ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]--> </li>

  <li class="topic"><a class="set" href="#Birds"/>Varias<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>

      
    </ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]--> </li>

</ul>

<br class="clear">

</div>

</body>
</html> 

////PORFAVOR NO SE QUE MAS HACER//
muchas gracias

Última edición por webosiris; 12/12/2007 a las 15:02 Razón: agrego bbcode..
  #2 (permalink)  
Antiguo 12/12/2007, 13:49
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Re: Ayuda con css en explorer.por favor

Hola, bienvenido al Foro :)

lo que tienes en el código es un laberinto... entendés todo lo que pusistes?
Si la respuesta es no, solo te queda una cosa: simplificalo.
.. y por favor cuando postees código, usa bbcode para que se coloree...

PD: entre la maraña de código veo que usas li:hover... eso no te va a funcionar el ie6 ya que solo soporta hover en los enlaces... ademas usas unas tablas entre los li y demás que no entiendo...
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #3 (permalink)  
Antiguo 13/12/2007, 10:40
 
Fecha de Ingreso: diciembre-2007
Mensajes: 11
Antigüedad: 10 años
Puntos: 0
Re: Ayuda con css en explorer.por favor

Hola de nuevo ,perdona por mi ignorancia en css,pero e probado a quitar los li y no me funciona,me podrias decir como puedo hacer que esto funcione en explorer.Son los estilos de un desplegable que muestra unas fotos.Gracias

.photo {width:100%; height:600px; background:url(lbox/back.jpg) no-repeat center center; text-align:left; position:relative;}
.photo dl {font-size:0.9em; position:absolute; width:400px; top:100px; left:100px;}
.photo dl dt {font-family:"times new roman", serif;font-size:1.8em; margin-bottom:2em;}
.photo dl dd {font-family:verdana, arial, sans-serif;padding:0; margin:0; line-height:1.7em; margin-bottom:2em; font-size:11px;}
.photo dl dd:first-letter {font-weight:bold;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:720px; height:auto; position:relative; z-index:10;}
.photo ul.topic li {display:block; width:240px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:239px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}
.photo ul.topic li a ul, .photo ul.topic li ul {display:none;}
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}
.photo ul.topic li a:hover ul, .photo ul.topic li:hover ul {display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd url(lbox/close.gif) no-repeat right top; width:1200px; padding:10px 10px; border:2px solid #aaa;}
.photo ul.topic li a:hover ul li, .photo ul.topic li:hover ul li {display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}
.photo ul.topic li a:hover ul li a, .photo ul.topic li:hover ul li a {display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}
.photo ul.topic li a:hover ul li a img, .photo ul.topic li:hover ul li a img {display:block; width:100px; height:75px; border:5px solid #eee;}
.photo ul.topic li a:hover ul li a img.large, .photo ul.topic li:hover ul li a img.large {position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}
.photo ul.topic li a:hover ul li a:hover, .photo ul.topic li:hover ul li a:hover {white-space:normal; position:relative;}
.photo ul.topic li a:hover ul li a:hover img, .photo ul.topic li:hover ul li a:hover img {position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}
.photo ul.topic li a:hover ul li a:hover img.large, .photo ul.topic li:hover ul li a:hover img.large {position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}
.photo ul.topic li:hover ul li a:focus, .photo ul.topic li:hover ul li a:active,
.photo ul.topic li a:hover ul li a:active {position:static; outline:0;}
.photo ul.topic li:hover ul li a:focus img, .photo ul.topic li:hover ul li a:active img, .photo ul.topic li a:hover ul li a:active img {position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;}
.photo ul.topic li:hover ul li a:focus img.large, .photo ul.topic li:hover ul li a:active img.large, .photo ul.topic li a:hover ul li a:active img.large {position:absolute; left:230px; top:24px; width:640px; height:480px; padding:0; background:#000; border:4px solid #fff; z-index:10;}
</style>
</head>
  #4 (permalink)  
Antiguo 13/12/2007, 10:42
 
Fecha de Ingreso: diciembre-2007
Mensajes: 11
Antigüedad: 10 años
Puntos: 0
Re: Ayuda con css en explorer.por favor

puedes ver el codigo en http://usuarios.lycos.es/krrt/Fotos.php [[[MUCHAS GRACIAS]]]
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 16:26.