Autor Tema: Css Diferencias Ie/firefox (Leído 5140 veces)

Kyrylys · « **en:** Miércoles 13 de Diciembre de 2006, 12:19 »

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

 
&#60;!--------------------------- ESTILO.CSS -------------------------------------&#62;
&#60;style&#62;
 
&#60;!------------estilo de botones--------&#62;
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

&#60;hr color=&#34;#codigo_color&#34;/&#62;
 

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?

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:
</div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>XCODE </td></tr><tr><td id='XCODE'>.....
<style type="text/css">

</style>
</head>
<body>
<hr/>....</td></tr></table><div class='postcolor'>

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:
</div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>XCODE </td></tr><tr><td id='XCODE'><LINK REL=StyleSheet HREF="mihoja.css" TITLE="blabla" TYPE="text/css"></td></tr></table><div class='postcolor'> o si usas @import, checa que lo hagas bien
y lo que mencionas de love/hate, nunca lo habia escuchado

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;?php
require(&#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;?php
require(&#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;?php
echo(&#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 ayer
require(&#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 ^^

ArKaNtOs

amigo me mostraste un montón de código, que no esta relacionado en nada con lo que preguntas, lo único que muestras que se necesita es el require del estilo.css, bueno por lo visto ya encontré el meollo del problema, por lo que no te agarra al subirlo al internet:

require("STYLES/estilo.css"); lo mas seguro, que tu problema es debido a que tu carpeta no se ha de llamar STYLES todo en mayúsculas si tu carpeta tiene diferente el nombre como por ejemplo Styles, lo mas seguro es que esto no funcione, ahora, en mi pequeña experiencia sobre php, nunca he usado el require sobre archivos hojas de estilo

, lo mejor para mi gusto es que para añadir con link, porque no pruebas asi

, de todos modos, al parecer no es una hoja de estilos cambiante

Kyrylys

si, el nombre de la carpeta es STYLES
gracias probare a linkarlo directamente en el documento principal.
la cosa es que toda la css me la coge sin problemas a excepcion de las declaraciones referentes a los links y no se porque...

ArKaNtOs

entonces seria bueno que mostraras el documento css, ya que puede estar interfiriendo alguna clase con otra

Kyrylys

Bueno ya está arreglado.
no es cosa de nada, más que de brujeria digital ^^
resulta que lo que le debía de estar interfiriendo es el comentario que puse antes de las declaraciones

Código: Text

 
&#60;!--------------------------- ESTILO.CSS -------------------------------------&#62;
&#60;style&#62;
 
&#60;!------------estilo de botones--------&#62;
A:link {
text-decoration:none;(...)
 

si el que dice: estilo de botones.

pues resulta que quitándolo funciona a la primera

tanto en ie como en firefox.
está subido al servidor y funciona.

ArKaNtOs muchas gracias por haberte tomado la molestia, de verdad.

SoloCodigo

Autor Tema: Css Diferencias Ie/firefox (Leído 5140 veces)

Kyrylys

Css Diferencias Ie/firefox

ArKaNtOs

Re: Css Diferencias Ie/firefox

Kyrylys

Re: Css Diferencias Ie/firefox

ArKaNtOs

Re: Css Diferencias Ie/firefox

Kyrylys

Re: Css Diferencias Ie/firefox

ArKaNtOs

Re: Css Diferencias Ie/firefox

Kyrylys

Re: Css Diferencias Ie/firefox

ArKaNtOs

Re: Css Diferencias Ie/firefox

Kyrylys

Re: Css Diferencias Ie/firefox