AYUDA!!! Problemas con margenes

Serezade81 · #1 (**permalink**) 17/11/2009, 04:45

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;
}

kseso? · #2 (**permalink**) 17/11/2009, 06:25

asigna a cada body un id y defines las particularidades en función de ese id a la clase que te interese y en la página necesaria.

Cita:

y en el css

Cita:

#index .menu {particularidades}

y así sucesivamente para cada página.

Serezade81 · #3 (**permalink**) 17/11/2009, 06:33

lo entiendo, pero el problema es que estoy trabajando con plantillas, y no me deja poner como región editable la etiqueta de body, entonces en las demás paginas esta bloqueada.
Habría otra manera de hacerlo?
Muchas gracias.

alexk · #4 (**permalink**) 18/11/2009, 09:56

?????.....
no entendi bien pero creo que
kseso? #2
pero envez del body create otro div contenedor... y ya... nose ando perdido ultimamente no entiendo naa...