Foros del Web » Creando para Internet » CSS »

Problemas CSS en etiqueta A con IExplorer

Estas en el tema de Problemas CSS en etiqueta A con IExplorer en el foro de CSS en Foros del Web. Wooolas !! A ver si sabeis pq me pasa esto !! Tengo codigo css : .txt12-RECUADRO { font-family: Georgia, "Times New Roman", Times, serif; font-size: ...
  #1 (permalink)  
Antiguo 28/12/2004, 05:21
 
Fecha de Ingreso: diciembre-2003
Mensajes: 27
Antigüedad: 14 años
Puntos: 0
Problemas CSS en etiqueta A con IExplorer

Wooolas !!

A ver si sabeis pq me pasa esto !!

Tengo codigo css :

.txt12-RECUADRO {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #BF3D13;
background-color: #F7E7E2;
border: 1px solid #BF3D13;
font-weight: bold;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}


Y quiero aplicarlo a una etiqueta <a href ...>. Bien, esto me funciona en firefox pero no en explorer. El resultado final en firefox y explorer tendría que ser este:



En firefox se me ve de coña, pero en internet explorer se me ve así:



Pues bien, éste es el código en el que aplico el estilo creado... ahí va:

<a class="txt12-RECUADRO" href="javascript:void(null);" onClick="toggle('OFERTA3x');">Allotjament rural i de muntanya</a>

Si quito la etiqueta A y hago eso mismo pero con una etiqueta div o span me funciona de coña, pero ese texto ha de ser un link así que lo he de hacer en la etiqueta A.

Bueno espero que alguien me pueda echar una mano, pq llevo un buen rato probando y probando y no hay nada que hacer. Muuchas GRACIAS

Un saludo

Hormigaz
  #2 (permalink)  
Antiguo 05/01/2005, 05:17
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Hola

Tomé tu código y lo pegué en una página vacia, lo probé en ambos navegadores y se me ve igual en los dos.

Solo agregué una <p> por motivos de validar el código, pero aun sin ella, se veía bien, aquí te dejo la páginita de prueba que hice.

Código:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
<style type="text/css" media="screen">
	* {
		border: 0px;
	}
	.txt12-RECUADRO {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #BF3D13;
		background-color: #F7E7E2;
		border: 1px solid #BF3D13;
		font-weight: bold;
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 10px;
	}
</style>
<title>Cualquier cosa</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<p><a class="txt12-RECUADRO" href="javascript:void(null);" onclick="toggle('OFERTA3x');">Allotjament rural i de muntanya</a></p>
</body>
</html>
Felicidad
__________________
¡ hey, hou, hou, hey !
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:01.