etiqueta de anclaje dentro de ul antes de li

Estoy agregando una etiqueta de anclaje dentro de ul y dentro de la etiqueta de anclaje estoy agregando li. Pero cuando probé esto en el validador html me da error. ¿Hay una forma adecuada de lograr esto?etiqueta de anclaje dentro de ul antes de li

<!DOCTYPE html> 
<html> 
<head> 
<title>Title</title> 
</head> 
<body> 
<ul> 
<a href="#"><li>Click one</li></a> 
<a href="#"><li>Click one</li></a> 
<a href="#"><li>Click one</li></a> 
</ul> 
</body> 
</html>

Fuente

2012-07-11 2619

Usted debe poner <li> etiquetas fuera de las etiquetas <a> no al revés.

Fuente

2012-07-11 10:36:56

Sé que debería pero quiero que se pueda hacer clic en todo el elemento li. ¿Cómo puedo hacer que se pueda hacer clic colocando li afuera? – 2619

Convertir a éstos:

<ul> 
    <li><a href="#">Click one</a></li> 
    <li><a href="#">Click one</a></li> 
    <li><a href="#">Click one</a></li> 
</ul>

Debido li siempre debe tener un padre de ul, que es la causa de su error. Pero creo que querías que se pudiera hacer clic en tu li completo, por lo que este estilo de CSS lo arreglará.

ul li a { display:block; }

Eso lo mostrará.

Fuente

2012-07-11 10:36:59

El conjunto li estará habilitado si que el estilo de la li a, así:

ul li a { 
    float: left; 
    margin: 5px; 
    padding: 5px; 
    background: red; 
}

Fuente

2012-07-11 11:27:43

Esta pregunta es muy antiguo, pero quiero añadir algo a ella:

Este CSS también debería vigor el elemento de anclaje debe tener el mismo ancho y alto que el li principal, lo que también lograría el efecto deseado.

ul li a { 
    width:inherit; 
    height:inherit; 
}

Fuente

2018-01-11 17:30:24

etiqueta de anclaje dentro de ul antes de li

Respuesta

Cuestiones relacionadas