navegador de paginas CSS

vinyetcarbonell · #1 (**permalink**) 14/04/2016, 03:33

Tengo que hacer este ejercicio y no sé ni por donde empezar.

Dado el siguiente HTML:

<ul class="nav-articulos">
<li class="nav-articulos-prev">
<a href=""><span class="iconLeftArrow"></span>Ver artículo anterior</a>
</li>
<li class="nav-articulos-next">
<a href="">Ver artículo siguiente<span class="iconRightArrow"></span></a>
</li>
</ul>

Indica el CSS necesario para obtener la disposición que se muestra en la imagen nav-articulos.png y el efecto :hover que se muestra en nav-articulos-hover.png.
Importante: Para las flechas deberéis utilizar el sprite flechas.png, tal como está, en una sola imagen.

Construye un archivo HTML con el CSS que propones incrustado en el <head>.

Tengo las imagenes de las flechas, pero no sé cómo adjuntarlas en este correo.

Gracias

xfxstudios · #2 (**permalink**) 14/04/2016, 04:49

sin estas imagenes para oder veer los efectos que te solicitan esta dificil: imagen nav-articulos.png y el efecto :hover que se muestra en nav-articulos-hover.png y si vas a utilizar un sprite debes cargarla como fondo con css y moverla para ajustar a la flecha indicada, pero bueno tambien habria que ver ese sprite, como dije, sin visualizar esos archivos no hay mucho que hacer