A ver si lo he hecho bien. Gracias.
Código HTML:
<body>
<div id="contenedor">
<div id="grupo">
<div id="cabecera">
<div id="logo"> <a href="#"><img src="Imagenes/Logo Cabecera.png" /></a></div>
<div id="enlace"><a href="#"><img src="Imagenes/Arroba.png" /></a></div>
</div>
<div class="menu">
<ul>
<li><a href="#">Diseño e Ilustración</a></li>
<li><a href="#">Maquetación Web</a></li>
<li><a href="#">Motion Graphics</a> </li>
</ul>
</div>
<div id="hada"><img src="Imagenes/hada.png" /></div>
<div id="aptexto"> Volando una pequeña hada<br />
al oído me susurró<br />
y regalos muy especiales <br />
con cariño me dejó. <br />
Duendes, hadas, princesas, <br />
y grandes seres mágicos creó; <br />
lugares perdidos encontró, <br />
palabras con gran significado descubrió, <br />
y por fin mi sueño se cumplió <br />
</div>
</div>
</div>
</body>
</html>
Código:
@charset "UTF-8";
/* CSS Document */
#contenedor {
background-image: url(Imagenes/Fondo%20Web.gif);
height: 830px;
border: 0px;
margin: 0 auto;
padding-top: 35px;
}
#grupo {
width:1030px;
height:768px;
background-image: url(Imagenes/Home%20fondo-01.png);
background-color: #ede0e5;
background-repeat:no-repeat;
margin: 0px auto;
padding-top: 20px;
padding-left: 6px;
text-align:center;
}
#cabecera {
background-image:url(Imagenes/Cabecera.png);
background-repeat:no-repeat;
width: 1000px;
height: 150px;
text-align:center;
margin-left: 12px;
margin-bottom: 20px;
}
#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 {
margin: 0px;
list-style-type:none;
width: 1024px;
padding: 0px;
}
li {
display:block;
float: left;
width: 341px;
height: 40px;
text-align: center;
background-image:url(Imagenes/imgmenu.png);
background-repeat: no-repeat;
background-position: center;
}
.menu li a {
color: #fff;
text-decoration:none;
font-family: "Typo Upright BT";
font-size: 24px;
border: none;
border: 0px;
}
.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;
}