Hola, a ver quien me echa una mano. Estoy haciendo una web, con xhtml y css, habia pensado en hacer una hoja css para cada pagina, ya que aunque era todo similar, habia cosas muy parecidas que iban a cambiar de aspecto y por eso pense en hacer varias, pero me han convencido de lo contrario, entonces estoy reestilando las cosas que van a ser diferentes en la hoja común, pero he aqui mi problema, en la pagina que os voy a dejar, en el menú me deja un margen izquierdo que no va, y que en su etiqueta css correspondiente no lleva, pero debe cogerla de otro sitio y por más vueltas que le he dado no consigo ver donde esta el problema. A ver si cuatro ojos (o los que sean) ven más que dos.
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> Codigo CSS:
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;
}