CSS BaseLink y enlaces adicionales dentro de una división

Tengo la siguiente estructura:

<div class="boxLayer">
<a href="a.html"></a>
<div class="text">Result</div>
<div class="additionalLink"><a href="b.html"></a></div>
</div>

.boxLayer{
position: relative;
float:left;
height:28px;
width:100%;
border-top: 1px solid #cccccc;
background-color: #fff;
}

.boxLayer a {
display:block;
height:100%;
width: 100%;
background: white;
}

.boxLayer a:hover{
background-color: #ffeecc;
}

La idea es tener un cuadro con un texto que se muestra en el lado izquierdo de este cuadro y un enlace adicional en el lado derecho del cuadro. Cuando paso el mouse sobre el cuadro, se muestra el color de fondo del cuadro, también cuando paso el mouse sobre el texto o el segundo enlace. Logré crear el cuadro, pero cuando agrego el texto o el enlace, no se muestra el efecto de desplazamiento del cuadro.

preguntado el 03 de mayo de 12 a las 11:05

1 Respuestas

No estoy seguro de que esta sea tu respuesta.

por favor revise el violín:

.boxLayer {
    position: relative;
    height:auto;
    float:left;
    width:100%;
    border-top: 1px solid #cccccc;
    background-color: #fff;
}

.boxLayer:hover {
    background-color: #ffeecc;
}
<div class="boxLayer">
    <a href="a.html" class="firstLink"></a>
    <div class="text">Result</div>
    <div class="additionalLink"><a href="b.html">&nbsp;</a></div>
</div>

Respondido 25 Abr '18, 10:04

Gracias por la respuesta, pero el texto y el enlace deberían aparecer dentro del cuadro: fesp

tu, pero no es posible llamar al enlace de la caja - fesp

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.