Problemas CSS en etiqueta A con IExplorer

Hormigaz · #1 (**permalink**) 28/12/2004, 05:21

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

PatomaS · #2 (**permalink**) 05/01/2005, 05:17

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