no funciona!

juan_14nob · #1 (**permalink**) 08/08/2011, 09:35

holaaa. por que no funciona el link ???

Código HTML:

Ver original<html>
<head>
 
<!--[if IE 8]>
<style type="text/css">
#footer1 {
    left:50px;
}
</style>
<SCRIPT LANGUAGE="Javascript">
alert("pruebaaa");
</SCRIPT>
<![endif]--> 
 
<link rel="stylesheet" href="css/index.css" media="screen" type="text/css" />
</head>
<body>
 
 
</body>
<divs ...>
 
</html>

buenas, no pongo todo el codigo porque no lo veo necesario. mi problema esta con el comentario condicional para los IE. lo mas curioso es que el alert en internet explorer si funciona, pero el codigo css no se modifica para nada..

Karmac · #2 (**permalink**) 08/08/2011, 10:16

Prueba con:

Código css:

Ver original#footer1 {
    left: 50px !important;
}

Saludos.

ArturoGallegos · #3 (**permalink**) 08/08/2011, 10:18

no te modifica nada porque lo estas poniendo al inicio y después una hoja de estilos que sobre escribe al código que esta en tu comentario condicional

recuerda que en css hay niveles de prioridad e importancia

si pones

body{color:#f00;} y mas abajo body{color:#fe0;} la ultima regla sobre escribe a la primera por lo que tu texto se vera amarillo y no rojo

por otro lado también es importante declarar un doctype valido para que tu pagina funcione correctamente... así como debes escribir un código valido con respecto al doctype

juan_14nob · #4 (**permalink**) 08/08/2011, 10:43

muchas graciass!!!!

juan_14nob · #5 (**permalink**) 08/08/2011, 11:51

Cita:

Iniciado por Ag666

no te modifica nada porque lo estas poniendo al inicio y después una hoja de estilos que sobre escribe al código que esta en tu comentario condicional

recuerda que en css hay niveles de prioridad e importancia

si pones

body{color:#f00;} y mas abajo body{color:#fe0;} la ultima regla sobre escribe a la primera por lo que tu texto se vera amarillo y no rojo

por otro lado también es importante declarar un doctype valido para que tu pagina funcione correctamente... así como debes escribir un código valido con respecto al doctype

tengo un problema al poner <!--[if IE]> si me cambia el estilo pero al poner <!--[if IE 8]> no me cambia nada

, corregi las demas cosas.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Home</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<script src="jquery-1.5.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/index.css" media="screen" type="text/css" />
 
 
<style type="text/css">
 
 
.style1 {
    margin-top: 0px;
}
 
 
</style>
<!--[if IE 8]>
 
<style type="text/css">
#opciones-menu ul li a{
    text-align: center;
    color:blue;
    font-family:Trebuchet MS;
    text-decoration:none;
}
</style>
<![endif]--> 
 
</head>
<body>
 
</body>
</html>

Karmac · #6 (**permalink**) 08/08/2011, 14:20

¿Que versión de IE estas utilizando? Esa claúsula es solo para IE8. Si quieres seleccionar todas las versiones inferiores a IE8 utiliza lo siguiente:

Código HTML:

<!--[if lt IE 8]>Inferiores a IE8<![endif]-->
<!--[if lte IE 8]>Inferiores o iguales a IE8<![endif]-->

Saludos.

juan_14nob · #7 (**permalink**) 08/08/2011, 14:22

Cita:

Iniciado por Karmac

¿Que versión de IE estas utilizando? Esa claúsula es solo para IE8. Si quieres seleccionar todas las versiones inferiores a IE8 utiliza lo siguiente:

Código HTML:

<!--[if lt IE 8]>Inferiores a IE8<![endif]-->
<!--[if lte IE 8]>Inferiores o iguales a IE8<![endif]-->

Saludos.

Hola karmac, utilizo IE8..

Karmac · #8 (**permalink**) 08/08/2011, 14:37

Ni idea, quizá sea por el navegador… prueba forzando los estilos con !important

Código:

#opciones-menu ul li a{
    text-align: center !important;
    color:blue !important;
    font-family:Trebuchet MS !important;
    text-decoration:none !important;
}

juan_14nob · #9 (**permalink**) 08/08/2011, 15:08

Cita:

Iniciado por Karmac

Ni idea, quizá sea por el navegador… prueba forzando los estilos con !important

Código:

#opciones-menu ul li a{
    text-align: center !important;
    color:blue !important;
    font-family:Trebuchet MS !important;
    text-decoration:none !important;
}

no, no hay forma..

dimas18 · #10 (**permalink**) 08/08/2011, 21:58

como me estuve dando duro una tarde por el dichoso ie, me sirvio la leyenda !important,

Muchas gracias

Saludos