Informática by Marcos Delgado 4ºB

/* Menú horizontal ----------------------------------------------- */ #menu ul { margin:0; list-style:none;} #menu li {display:inline;margin:0;padding:0;} #menu a { float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSbHHmIRiWFrbpbhsEI3EDJaMTsi9FnKhXnbjF8sPUFveyeJoV_GWaj45C2nvIF9_jfFUg3j0eoYBflEdw1xJUERwOYEkA5_21KMEfBlvdA09jN0IeWevcr6fUTHOKnwwm53e1JDiJtzrN/s128/lefttabbed-red.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;} #menu a span {float:left;display:block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisdp_K9Rbhs9d-5jvM3VkXohrJ0gQuwVYD0ANo71SNE5dF2MbGX0xaTkGt7omv7-jF0ZuMvRFwCmMJFzF9Z3HgJzzCeDLOjXJYn380IKUQY-mrt4SsSwvVbhjZJLRvEmf4aWeN3a-uraw/s1600/tabbedred.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;} #menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;} #menu a:hover span {color:#fff;} #menu a:hover {background-position:0% -27px;} #menu a:hover span {background-position:100% -27px;} .clear {clear:left} /* Fin del menú */