li dentro de a

PedroDesing · #1 (**permalink**) 21/11/2010, 09:29

Hola, es valido meter un <li> dentro de <a>?

Gracias.

goplus · #2 (**permalink**) 21/11/2010, 10:28

Claro, eso se utiliza para hacer una lista con enlaces, ejemplo;

<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Acerca de</a></li>
<li><a href="#">Contacto</a></li>
</ul>

solo debes ingresar las etiquetas <a> y </a> dentro de las etiquetas <li></li>

jomaruro · #3 (**permalink**) 21/11/2010, 11:52

Hola:

Las etiquetas <li> deben ir dentro de etiquetas <ul>.

Cita:

Iniciado por goplus

solo debes ingresar las etiquetas <a> y </a> dentro de las etiquetas <li></li>

goplus, fíjate bien en lo que pregunta (li dentro de a) y tu le respondes a dentro de li

Saludos.

PedroDesing · #4 (**permalink**) 21/11/2010, 12:05

ya se que las li van dentro de las ul, y tb q puedo meter un a dentro de un li. Mi preguntas es q si puedo meter un li dentro de un a.

Muchas gracias

C2am · #5 (**permalink**) 21/11/2010, 13:51

Me parece que para una correcta sintaxis no se debería ya que te quedaría algo como esto:

Código HTML:

Ver original<ul>
<a><li></li></a>
<a><li></li></a>
<a><li></li></a>
</ul>

¿Por qué quieres meter un <li> dentro de un <a>?
Sobre si es válido, prueba pasar el validador

PedroDesing · #6 (**permalink**) 21/11/2010, 14:26

claro yo pregunto por la sintaxis esa, no se si es muy correcta metiendo el li dentro.

Lo que gano con meter el li dentro y no al reves, es la superficie que consigo cambiar de color en el estado :hover, con el li puedo conseguir una superficie mayor usando padding y tal incluso meter una img con background en el hover del li.

Gracias.

kseso? · #7 (**permalink**) 21/11/2010, 16:30

los únicos elementos que pueden ser hijos directos de "ul" son los "li" y ya dentro de ellos cualquier otra etiqueta, da lo mismo que de bloque que de línea.
Y un enlace "a" no puede contener a un "li" ni a ningún otro elemento de bloque, al menos en xhtml Strict. De memoria no se si con alguna otra especificación de doctype lo admitirá. Debería consultarlo.

C2am · #8 (**permalink**) 21/11/2010, 17:02

Pero igual puedes hacer lo del hover con la sintaxis correcta.
De última dale al <a> un display: block y puedes darle el ancho y alto que quieras.

kseso? · #9 (**permalink**) 21/11/2010, 17:15

Cita:

Iniciado por PedroDesing

Lo que gano con meter el li dentro y no al reves, es la superficie que consigo cambiar de color en el estado :hover, con el li puedo conseguir una superficie mayor usando padding y tal incluso meter una img con background en el hover del li.

Esta parte se me pasó
No tiene porqué dar medidas al li, ni es recomendable.
Es preferible que sea el propio enlace el que marque el tamaño, y así toda la superficie recibe el foco

Código HTML:

Ver original<!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" xml:lang="es" lang="es-es">
<head>
<title>Kseso? jugando con css</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<style type="text/css">
* {margin:0; padding:0; outline: none; position: relative;}
html, body {
  height: 100%;
  background: #f5f5f5;
  font-size: 1em;
  font-family: garamond, serif;
}
ul {list-style-type: none;}
ul li {float:left; border: 1px solid #CC0000; margin: 0 5px;}
ul li a {display: block; padding: 50px 200px; background: #f5f5f5; color: #444; text-decoration: none;}
ul li a:hover {background: #444; color: #f5f5f5;}
</style>
</head>
<body>
  <ul>
      <li><a href="#">Enlace 1</a></li>
      <li><a href="#">Enlace 1</a></li>
  </ul>
</body>
</html>

Fíjese que son los li los que tienen el borde, pero no tienen asignado nada que relativo al tamaño.

PedroDesing · #10 (**permalink**) 22/11/2010, 03:28

Muy interesante, muchas gracias a todos por las aclaraciones.

Estoy estudiando con los manuales de http://www.librosweb.es/ que me parecen muy buenos. Alguna otra recomendación?

Muchas gracias de nuevo, en este foros sois unas máquinas!

PD: En mi tierra, llamar a alguien "máquina" es algo bueno (no quiero mal entendidos jejjeje).

Dalvenjha · #11 (**permalink**) 22/11/2010, 06:07

=D sin más que decir:

http://www.youtube.com/watch?v=F06zJWyXHCQ