Problema con Firefox

[phpman]

Buenas, antes de todo decir q de css tengo muy pocos conocimientos, a lo mejor lo q voy a preguntar es una tonteria, no lo se...

Pues al lío, estaba utilizando el siguiente codigo pero el firefox no m lo lee bien (con IE va bien):

Código:

.text2{color:"#FFFFFF";
	font-weight:bold;
	font-size:10;
	font-family:Verdana, Georgia, "Times New Roman", serif;}	
a.enlace2 { 
	color: #FFFFFF; 
	font-weight:bold;
	font-size:10;
	font-family:Verdana, Georgia, "Times New Roman", serif;
	width: 100%; 
	height: 100%; 
	text-decoration: none; 
	background: #FF0000;
} 
a.enlace2:hover { 
	color: #FF0000; 
	font-weight:bold;
	font-size:10;
	font-family:Verdana, Georgia, "Times New Roman", serif;
	text-decoration: none; 
	background: #FFFFFF; 
}

Al poner x ejemplo class=text2 m pone las letras en negro cuando yo las quiero en blanco (#FFFFFF) como pongo en el código. Buscando por las faqs del foro encontre q para mozilla hay q poner los nombre de las clases sin numeros, cambie tex2 por texb, pero sigue mostrandose igual el texto..

Q tengo q cambiar para que funcione bien con el firefox??

Un saludo.

[SiR.CARAJ0DIDA]

probaste sin las comillas?

[xknown]

Sería mejor si pusieras el HTML relacionado, por otro lado prueba poniendo esto:
.text2{
color:"#FFFFFF" !important;
...
}

Saludos

[RoQ]

creo que esto
.text2{color:"#FFFFFF";

deberia ser asi

.text2{color:#FFFFFF;

[phpman]

ya arregle lo del texto, gracias a todos era por lo q me habeis dicho de las comillas, las he quitado y ya sale en blanco, no sabía que tenia que ir sin comillas y como con el IE m iba bien...

Y otra cosa q se me olvido comentar antes, del siguiente código

Código:

a.enlace2 { 
	color: #FFFFFF; 
	font-weight:bold;
	font-size:10;
	font-family:Verdana, Georgia, "Times New Roman", serif;
	width: 100%; 
	height: 100%; 
	text-decoration: none; 
	background: #FF0000;
} 
a.enlace2:hover { 
	color: #FF0000; 
	font-weight:bold;
	font-size:10;
	font-family:Verdana, Georgia, "Times New Roman", serif;
	text-decoration: none; 
	background: #FFFFFF; 
}

Utilizo ese codigo para q al poner el raton sobre una celda de una tabla, las letras cambien de blanco a rojo y el fondo de la celda de rojo a blanco. En IE al poner el raton en cualquier parte de la celda cambia todo el fondo de color y las letras, con firefox solo se cambia el fondo de la celda q ocupa el texto y solo al poner el raton sobre el texto. Sabeis q tengo q modificar para que tenga en firefox el mismo efecto q en IE??

Saludos

[baccxus]

tienes que ponerle diplay:block

, saludos

[PascalC]

a.enlace2 {
display:block;
color: #FFFFFF;
font-weight:bold;
font-size:10px;
font-family:Verdana, Georgia, "Times New Roman", serif;
width: 100%;
height: 100%;
text-decoration: none;
background: #FF0000;
}
a.enlace2:hover {
color: #FF0000;
background: #FFFFFF;
}

No necesitas repetir estilos que se heredan. La unidad de medida (10px) es imprescindible en todos los navegadores que respetan los estandares (o sea todos menos IE).

[phpman]

Gracias a todos, ya consegui q fuera bien, era lo q m habeis indicado

[phpman]

Os voy a preguntar otro problema q tengo con el firefox, no tiene q ver con css pero como no se donde ponerlo y ya q abri un post sobre firefox aprovechare para no abrir otro.

El problema q tengo es q los bordes de las tablas en firefox me salen distintos que en IE para el mismo código.

Con el mozilla los bordes me salen así:



Y quiero q m salgan asi como en el IE:



El código que utilizo es el siguiente:

Código PHP:

  echo "<table bgcolor=\"#FFCCCC\" bordercolor=\"#0000FF\" border=\"1\" cellpading=\"0\" cellspacing=\"0\" width=\"100%\" align=center>";
echo "<tr><td class=\"text\" align=center width=\"20%\" height=20>";
echo "Hola ".$_SESSION['usuario']."!!</td>";
echo "<td class=\"text\" align=center  width=\"60%\">";
echo "<a class=link href=\"control.php\">PANEL DE CONTROL</a></td>";
echo "<td class=\"text\" align=center width=\"20%\">";
echo "<a class=Link href=\"salir.php\">CERRAR SESSION</a>";
echo "</td></tr>"; 
   

¿Que tengo que modificar?

Y perdonar por poner este post aqui, pero no sabia donde ponerlo.

Un Saludo

[Durgeoble]

Código:

.tablaquequieromodificar {
	background-color: #FFCCCC;
	border: #0000FF medium solid;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

y por favor quita las propiedades de la propia tabla, es anticuado, obsoleto, lento, carga la pagina innecesariamente, es dificil de modificar, da problemas, ect...

[phpman]

Iniciado por Durgeoble

Código:

.tablaquequieromodificar {
	background-color: #FFCCCC;
	border: #0000FF medium solid;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

y por favor quita las propiedades de la propia tabla, es anticuado, obsoleto, lento, carga la pagina innecesariamente, es dificil de modificar, da problemas, ect...

Gracias, es q no tengo mucha idea de css , estoy ahora intentando aprender

Por cierto, con esto solo sale el borde de la tabla, para q m aparezcan tb los bordes de las celdas q tengo q poner??

[Durgeoble]

.tablaququieromodificar td {}

en la practica podria substituir al anterior aunque quizas deberias cambiar border #0000ff medium solid; por border: #0000ff thin solid;