Div dentro de enlace

[lunita87]

Quiero hacer que un div sea un enlace y no solo el texto, pero me da fallo, me dice que un div no puede anidar dentro de un enlace, como puedo hacerlo???

Código HTML:

<div style="height:30px; width:100%;"><a href="../principal/trabajos.aspx"><div class="botones">+ trabajos</div></a></div> 

[hades87]

al enlace ponle la propiedad display: block y te debería pillar todo.

Sino puedes mirar este tutorial

[kseso?]

Hola Lunita
Un elemento que por definición es de línea (como el enlace) no puede contener elementos de bloque (como son los div´s)
Así que tienes que cambiar de planteamiento.
Hacer que un div tenga en su interior el enlace que lo ocupe por completo y haga que todo el div se comporte como el enlace.

Algo así: (editado para jugar un poco con css)

Código css:

<style type="text/css">
* {margin:0;padding:0; border:0; position: relative;}
#contenedor {
width: 600px;
margin: 0 auto;
background: #444;
padding: 10px;
color: #cdcdcd;
}
.div_enlace {
width: 10em;
height:5em;
}
a {
display: block;
width: 100&#37;;
height: 100%;
text-decoration: none;
background: #777;
}
a:hover {background: #f60;}
.div_enlace span {
position: absolute;
top: 1.8em;
left: 5px;
font-size: 1em;
color: #777;
}
.div_enlace:hover span {
color:#cdcdcd;
border: 1px inset #444;
background: #444;
}
</style>
 

y en el html

Código html:

<div id="contenedor">
    <div class="div_enlace">
        <a href="#" tittle="un enlace gordo"></a>
        <span>Yo no soy enlace</span>
    </div>
</div>
 

Un saludo

Para los 174