Programación Web y Scripting > CSS / SASS / LESS
Css Diferencias Ie/firefox
Kyrylys:
Hola, ante todo un saludo.
Ahora mismo estoy programando una pagina web para Firefox y para IE (lo siento usuarios de Opera, Safari, Konqueror etc.. - tal vez en un futuro no muy lejano la adapte pero por ahora no son prioridad), el problema es que las pseudo-claseses de a: de la css Firefox las ignora de base, solo las acepta una vez estan visited; sin embargo con IE van bien desde el primer momento. (O_O que raro, IE haciendo caso a la 1ª...).
He respetado la secuencia LoVe/HaTe : Link, Visited, Hoover, activE.
La Css esta como documento aparte y se la llama, las declaraciones de a: están al principio de todo y el resto va bien.
Si podeis decirme en qué está fallando os lo agradeceré un montón.
Gracias de antemano.
--- Código: Text --- <!--------------------------- ESTILO.CSS -------------------------------------><style> <!------------estilo de botones-------->A:link {text-decoration:none;color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size: 10px;}A:visited {text-decoration:none;color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size: 10px;} A:hoover {text-decoration:none;color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:10px;} A:active {text-decoration:none;color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:10px;}
Pd: de momento solo hay esta declaración para todos los links, antes tenia otra definida en una clase diferente pero por diseño la quite.
EDITO: me sucede también algo curioso con hr, si le defino el color en la css (tanto color como background-color) firefox lo ignora, pero si le defino color en la propia etiqueta
--- Código: Text ---<hr color="#codigo_color"/> me lo respeta tanto IE como Firefox.
EDITO de nuevo (que dia XD) resulta que acabo de subir la página al servidor para hacer una prueba y me ignora la css tanto en IE como en Firefox, pero la cargo en localhost y en IE me va bien.... @_@
alguien sabe qué puede esar lledo mal?
ArKaNtOs:
--- Citar ---EDITO de nuevo (que dia XD) resulta que acabo de subir la página al servidor para hacer una prueba y me ignora la css tanto en IE como en Firefox, pero la cargo en localhost y en IE me va bien.... @_@
alguien sabe qué puede esar lledo mal?
--- Fin de la cita ---
tal vez si nos mostraras como usas link te podamos ayudar mejor ;)
en el caso de lo que comentas del hr prueba esto, aunque creo que asi lo hiciste:
<!--xc1--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>XCODE </td></tr><tr><td id='XCODE'><!--exc1-->.....
<style type="text/css">
<!--
hr {
color: #ff0000;
}
-->
</style>
</head>
<body>
<hr/>....<!--xc2--></td></tr></table><div class='postcolor'><!--exc2-->
en el caso de A, no es necesario que pongas :link, tambien no se escribe :hoover sino :hover
ejemplo:
--- Código: Text --- <html><head><title>Untitled</title><style type="text/css"><!--a { color: #00005f; text-decoration: none;} a:visited{ color: #ff3300;} a:hover{ color: #009bf5; text-decoration: underline;}--></style> </head><body><a href="#">asdasd</a></body></html>
Kyrylys:
gracias por responder, lo del hoover si que es una gamba xdxd
a que te refieres con como uso los links?
bueno tengo un menu, que en realidad es una tabla con un tr y tantos td como links se meten, separados por otro td en blanco.
en el td de texto lo que hago es poner un link con
--- Código: Text ---<a href> , y le paso una variable "link" por php que juntará con otra variable de idioma abierta en sesion, y segun el idioma en el que estes cambiará dinámicamente el menú.
lo que pretendo es que los links estén siempre con letra blanca -ya que el fondo es rojo- y no se altere en ninguno de sus estados.
como no se si me explico ahi te va un ejemplo de una de las celdas del menu ^^, lamento no poder ponerlo más estructurado
--- Código: Text --- <table border="0" cellpadding="0" cellspacing="0"><tr> <td width="2px"></td><td bgcolor="#990000" align="center"> <a href="main.php?link=inicio"> <?php if ($idioma=="cast") {echo ("<i> Inicio </i>");} if ($idioma=="eng") {echo ("<i> Home </i>");} if ($idioma=="eusk") {echo ("<i> Hasiera </i>");} if ($idioma=="alem") {echo ("<i> Beginn </i>");} ?></a></td></tr></table>
para eso referencio en el
--- Código: Text ---<head> la dichosa css, pero a este paso voy a tener que incrustarla : S
(bueno realmente lo que hago es en un documento php llamar a la css y luego al menu)
respecto a lo de poner o no poner :link, he visto en muchos sitios que aconsejan ponerlo y además en el orden love/hate porque sino -dicen- dan problemas.
mañana corrijo lo del hoover ;)
ArKaNtOs:
mmmmm a lo que me refería con link, es a algo como esto:
<!--xc1--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>XCODE </td></tr><tr><td id='XCODE'><!--exc1--><LINK REL=StyleSheet HREF="mihoja.css" TITLE="blabla" TYPE="text/css"><!--xc2--></td></tr></table><div class='postcolor'><!--exc2--> o si usas @import, checa que lo hagas bien
y lo que mencionas de love/hate, nunca lo habia escuchado :P
por cierto el codigo que muestras, no me sirve de nada si quieres que te ayude, deberias mostrar como estas linkeando tu hoja de estilos y parte de tu hoja de estilos ;)
Kyrylys:
ah, vale perdona no te entendí muy bien ^^
mira lo tengo asi:
tengo un documento(estilo)en php que dice:
--- Código: Text ---<?phprequire("STYLES/estilo.css");?> aqui llama a la Css.
y ese documento es llamado a su vez dentro del main.php
en la parte de
--- Código: Text --- <head> llamo al estilo asi:
--- Código: Text ---<head><title>Mi página</title><?phprequire("icono.php");require("metatags.php");require("estilo.php");require("scripts.php");?> y dentro del body llamo a los distintos módulos
--- Código: Text ---<?phpecho("<!---------------MAIN--------------------------->");require("top.php");require("menu.php"); =========< este es modulo del menu, donde se declara el ejemplo de ayerrequire("barras.php");require("fondo.php");//require("body.php");require("footer.php");echo("<!-------------END MAIN----------------------------->");?>
no creo que sea problema del linkado de la css porque otros modulos - pej: footer- lo recogen sin problemas. voy a reparar lo del hoover a ver si era eso.
un saludo y muchas gracias ^^
Navegación
[#] Página Siguiente
Ir a la versión completa