Os dejo la hoja entera de CSS y el codigo html de la pagina en cuestion.
Muchas gracias.
Epero vuestra ayuda ya que voy algo retrasada con el trabajito
Codigo HTML:
Código HTML:
<html> <body> <div id="contenedor"> <div id="grupo"> <div id="cabecera"> <div id="logo"><a href="Home.html"><img src="Imagenes/logo.png" /></a></div> <div id="enlace"><a href="Contacto"><img src="Imagenes/arroba.png" /></a></div> </div> <div class="banda"> <a href="ilustracion.html"><span>Diseño e Ilustración</span></a> <ul class="menud"> <li><a href="#">Atrapando Recuerdo</a></li> <li><a href="#">Receta Mágica para la Ilustración</a></li> <li><a href="#">Diccionario del Corazón</a></li> <li><a href="#">La Magia Hecha Papel</a></li> <li><a href="#">El Vuelo Mágico de un Sueño</a></li> </ul> </div> </div> </div> </body> </html>
Código:
body { background-image: url(Imagenes/fondoweb.gif); } #contenedor { margin: 0 auto; } #grupo { width:1040px; height:768px; background-image: url(Imagenes/homefondo.png); background-color: #ede0e5; background-repeat:no-repeat; margin: 0px auto; padding-top: 20px; } #cabecera { background-image: url(Imagenes/cabecera.png); background-repeat:no-repeat; width: 1000px; height: 150px; text-align:center; margin-bottom: 20px; margin-left: 19px; } img { border: 0px; } #logo { float:left; border: 0px; margin-left:20px; margin-top: 10px; border: none; } #enlace { float:right; margin-top: 90px; margin-right: 37px; border: 0px; } ul { list-style-type:none; } .menu li a { color: #fff; text-decoration:none; font-family: "Typo Upright BT"; font-size: 24px; display: block; float: left; width: 299px; height: 32px; text-align: center; background-image: url(Imagenes/link.png); background-repeat: no-repeat; background-position:center; padding-top: 3px; margin-left: 8px; margin-right: 15px } .menu a:link { color: white; text-decoration:none; font-size: 24px; font-family: "Typo Upright BT"; border: 0px; } .menu a:visite { background-image: url(Imagenes/visite.png); color:#802247; } .menu a:hover { background-image: url(Imagenes/hover.png); color: #802247; } .menu a:active { background-image: url(Imagenes/active.png); color:#802247; } #aptexto { font-family:"Typo Upright BT"; margin-top: 80px; margin-left: 100px; font-size: 36px; width: 410px; float:left; text-align:center; color: #802247; } #hada { float:right; margin-right: 57px; margin-top: 25px; } /*Ilustración y Diseño*/ .banda span { text-decoration:none; font-family: "Typo Upright BT"; background-image:url(Imagenes/bandatitulo.png); display:block; background-repeat:no-repeat; background-position: center; height: 60px; text-align: center; margin-bottom: 20px; } .banda a span { font-size: 36px; color:#FFF; } .menud li a { text-decoration:none; font-family: "Typo Upright BT"; font-size: 24px; display: block; text-align: center; height:35px; background-image: url(Imagenes/menudlink.png); background-repeat: no-repeat; background-position:center; padding-top: 4px; margin-bottom: 20px; width: 1010px; margin-right: 40px; } .menud a:link { color: #802247; text-decoration:none; font-size: 24px; font-family: "Typo Upright BT"; border: 0px; } .menud a:visite { background-image: url(Imagenes/menudvisite.png); color:#fff; } .menud a:hover { background-image: url(Imagenes/menudhover.png); color: #802144; } /*Maquetación Web*/ .menuw { float:right; margin-right: 80px; } .menuw li a { text-decoration:none; font-family: "Typo Upright BT"; font-size: 24px; display: block; text-align: center; height:38px; background-image: url(Imagenes/menuweblink.png); background-repeat: no-repeat; background-position:center; padding-top: 5px; margin-bottom: 10px; width: 190px; } .menuw a:link { color: #fff; text-decoration:none; font-size: 24px; font-family: "Typo Upright BT"; border: 0px; } .menuw a:visite { background-image: url(Imagenes/menuwebvisite.png); color:#802247; } .menuw a:hover { background-image: url(Imagenes/menuwebhover.png); color: #802144; } .menuw a:active { background-image: url(Imagenes/menuwebactive.png); color: #802144; }