Programación Web y Scripting > CSS / SASS / LESS

 Css Diferencias Ie/firefox

(1/2) > >>

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 --- &#60;html&#62;&#60;head&#62;&#60;title&#62;Untitled&#60;/title&#62;&#60;style type=&#34;text/css&#34;&#62;&#60;!--a { color: #00005f; text-decoration: none;} a:visited{ color: #ff3300;} a:hover{ color: #009bf5; text-decoration: underline;}--&#62;&#60;/style&#62; &#60;/head&#62;&#60;body&#62;&#60;a href=&#34;#&#34;&#62;asdasd&#60;/a&#62;&#60;/body&#62;&#60;/html&#62; 

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 ---&#60;a href&#62; , 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 --- &#60;table border=&#34;0&#34; cellpadding=&#34;0&#34; cellspacing=&#34;0&#34;&#62;&#60;tr&#62; &#60;td width=&#34;2px&#34;&#62;&#60;/td&#62;&#60;td bgcolor=&#34;#990000&#34; align=&#34;center&#34;&#62;      &#60;a href=&#34;main.php?link=inicio&#34;&#62;          &#60;?php if (&#036;idioma==&#34;cast&#34;) {echo                       (&#34;&#60;i&#62;   Inicio   &#60;/i&#62;&#34;);}                   if (&#036;idioma==&#34;eng&#34;)  {echo (&#34;&#60;i&#62;   Home   &#60;/i&#62;&#34;);}    if (&#036;idioma==&#34;eusk&#34;) {echo (&#34;&#60;i&#62;   Hasiera   &#60;/i&#62;&#34;);}    if (&#036;idioma==&#34;alem&#34;) {echo                (&#34;&#60;i&#62;   Beginn   &#60;/i&#62;&#34;);}           ?&#62;&#60;/a&#62;&#60;/td&#62;&#60;/tr&#62;&#60;/table&#62;  

para eso referencio en el
--- Código: Text ---&#60;head&#62; 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 ---&#60;?phprequire(&#34;STYLES/estilo.css&#34;);?&#62;  aqui llama a la Css.

y ese documento es llamado a su vez dentro del main.php
en la parte de
--- Código: Text --- &#60;head&#62;  llamo al estilo asi:

--- Código: Text ---&#60;head&#62;&#60;title&#62;Mi página&#60;/title&#62;&#60;?phprequire(&#34;icono.php&#34;);require(&#34;metatags.php&#34;);require(&#34;estilo.php&#34;);require(&#34;scripts.php&#34;);?&#62;   y dentro del body llamo a los distintos módulos

--- Código: Text ---&#60;?phpecho(&#34;&#60;!---------------MAIN---------------------------&#62;&#34;);require(&#34;top.php&#34;);require(&#34;menu.php&#34;); =========&#60; este es modulo del menu, donde se declara el           ejemplo de ayerrequire(&#34;barras.php&#34;);require(&#34;fondo.php&#34;);//require(&#34;body.php&#34;);require(&#34;footer.php&#34;);echo(&#34;&#60;!-------------END MAIN-----------------------------&#62;&#34;);?&#62; 
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

[0] Índice de Mensajes

[#] Página Siguiente

Ir a la versión completa