28/03/2010, 04:42
|
| | | Fecha de Ingreso: marzo-2010
Mensajes: 109
Antigüedad: 14 años, 8 meses Puntos: 0 | |
| Respuesta: navegadores
código html de home:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>lunatica</title>
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/global.css"/>
<link rel="stylesheet" type="text/css" href="css/home.css"/>
</head>
<body>
<div id= "contenedor">
<div id="cabecera">
<div id="logo"><p><img src="imagenes/logo.jpg" width="116" height="115"></p></div>
<div id="menu">
<ul>
<li><a href="home.html" class="activo">INICIO</a></li>
<li><a href="filmo.html" class="inactivo">FILMOGRAFÍA</a></li>
<li><a href="productora.html" class="inactivo">PRODUCTORA</a></li>
<li><a href="proyectos.html" class="inactivo">PROYECTOS</a></li>
</ul>
</div>
</div>
<div id="contenido">
<embed src="imagenes/pelinicio.mov" width="370" height="194></embed>
</div>
<div id="pie">
<ul>
<li><a href="http://www.blogspot.com" class="inactivo2">BLOG</a></li>
<li class="difer"><a href="sproduccion.html"class="inactivo2">SERVICIOS DE PRODUCCIÓN</a></li>
<li><a href="cineonline.html"class="inactivo2">CINE ON LINE</a></li>
</ul>
</div>
</div>
</body>
</html>
código css de home
body {
background:url(../imagenes/fondo3.jpg) no-repeat center;
position:static;
}
a {
text-transform:uppercase;
text-decoration:none;
color:#666;
cursor:pointer;
}
a:hover {
color:#bcd306;
}
.inactivo{color:#666}
.activo{color:#000}
.inactivo2{color:#FFF}
/* Estilos contenedor
-----------------------------------------------------------------*/
div#contenedor {
width:620px;
height:495px;
margin:18px auto 0 auto;
}
/* Estilos cabecera
-----------------------------------------------------------------*/
div#cabecera{
height:120px;
margin:0 0 0 0;
}
div#logo {
wight:120px;
float:left;
}
div#menu {
float:left;
wight:457px;
margin:48px 0 0 45px;
}
div#menu ul li {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
float: left;
margin: 0px 40px 0 0;
}
/* Estilos pie
-----------------------------------------------------------------*/
div#pie {
wight:300px;
margin:35px 0 0 160px;
}
div#pie ul li{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
float: left;
margin: 0px 20px 0 0;
}
2º código css de home
div#contenido {
wight:347px;
height:322px;
margin:50px 0px 0 120px;
}
Espero que me podais ayudar con esto, muchísimas gracias |