XHTML y line-height

hshadow · #1 (**permalink**) 15/10/2008, 11:30

Hola a todos.

Mi problema radica en que usando xhtml strict no puedo asignarle line-height a una a (link). Probé quitando el encabezado del DOCTYPE y ahí si pude asignarlo.

La pregunta es:

¿Como se hace para asignar un line-height menor al que le corresponde a un elemento por defecto en xhtml strict?

Ya se que puedo poner los links con posision absoluta o algo así; pero tanto como para poder reducir codico en el html y en el css.

Gracias de antemano.

Mikmoro · #2 (**permalink**) 15/10/2008, 12:02

Cita:

Iniciado por hshadow

Mi problema radica en que usando xhtml strict no puedo asignarle line-height a una a (link). Probé quitando el encabezado del DOCTYPE y ahí si pude asignarlo.

¿No puedes asignarlo, o no funciona? ¿en qué navegador?

Hay que explicarse mejor para recibir ayuda.

hshadow · #3 (**permalink**) 15/10/2008, 14:41

Cita:

Iniciado por Mikmoro

¿No puedes asignarlo, o no funciona? ¿en qué navegador?

Hay que explicarse mejor para recibir ayuda.

Hola y gracias por tu tiempo.

No funciona en ningun navegador.

Puedo asignar un line-height mayor al que tiene por defecto pero no menor.

Mira esto:

Código HTML:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
a{
line-height:5px;}
</style>
</head>

<body>
<a href="#">asdf</a><br />
<a href="#">asdf</a><br />
<a href="#">asdf</a>
</body>
</html>

Ahora quitale el doctype y veras a lo que me refiero.

Por eso preguntaba como hago para poner un line-height menor al por defecto y que me lo tome, en xhtml strict.

Gracias

Mikmoro · #4 (**permalink**) 15/10/2008, 15:31

Es que lo estás haciendo mal: ahí quien tiene el alto de línea es el "BR", no el "a". Prúebalo así:

Cita:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
a {
line-height:5px;
display: block;
}
</style>
</head>
<body>
<a href="#">asdf</a>
<a href="#">asdf</a>
<a href="#">asdf</a>
</body>
</html>

hshadow · #5 (**permalink**) 16/10/2008, 07:51

Perfecto. Gracias.