26/03/2011, 16:56
|
| | | Fecha de Ingreso: marzo-2011
Mensajes: 4
Antigüedad: 13 años, 7 meses Puntos: 0 | |
 Menu CSS en Home.php
Hola pues como dice tengo un menu css que encontre y modifique bastante, el punto es que quiero agregarlo a una pagina home que creo en php, lo he hecho con el include, y si me lo incluye el problema es que quiero que solo me incluya el mero "menu" pero me toma bastante espacio como que fuera una pagina completa(me usa toda la pantalla), mi menu es practicamente una linea pero ocupa mucho espacio, habra otra forma de meter ese menu a mis diferentes paginas php???.
dejo los codigos:
estilos.css
Código:
@charset "utf-8";
/* CSS Document */
* { margin: 0px;
padding: 0px; outline: 0;
}
html, body { width: 100%;}
body { background: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menu { text-align: center;
font-size: 0.7em;
width: 820px;
margin: 20px auto;
}
#menu ul { list-style-type: none;}
#menu ul li.nivel1 { float: left;
width: 162px;
margin-right: 2px;
}
#menu ul li a {display: block;
text-decoration:none;
color: #fff;
background-color: #365;
border: solid 1px #fff;
padding: 8px;
position: relative;
}
#menu ul li:hover {position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #fff;
color: #000;
position: relative;
}
#menu ul li a.nivel1 {display: block!important;display: none;
position: relative;
}
#menu ul li ul {display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;left: 0px;
}
#menu ul li ul li a {width: 160px;
padding: 6px 0px 8px 0px;
border-top-color: #000;
}
#menu ul li ul li a:hover {border-top-color: #000;
position: relative;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
este es el menu:
Código:
<<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>Galerias</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="estilos.css" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li class="nivel1"><a href="home.php" class="nivel1">Página inicio</a>
<ul>
<li><a href="#">Opción 1.1</a></li>
<li><a href="#">Opción 1.2</a></li>
</ul>
</li>
<li class="nivel1"><a href="#" class="nivel1">55</a>
<ul>
<li><a href="#">55</a></li>
<li><a href="#">5</a></li>
<li><a href="#">5s</a></li>
<li><a href="#">Opción 2.4</a></li>
<li><a href="#">Opción 2.5</a></li>
</ul>
</li>
<li class="nivel1"><a href="#" class="nivel1">555</a>
<ul>
<li><a href="#">(Pag wiki)</a></li>
<li><a href="#">(algun mapa)</a></li>
<li><a href="#">(min tur) etc.</a></li>
</ul>
</li>
<li class="nivel1"><a href="#" class="nivel1">Registrate</a>
<ul>
<li><a href="#">Opción 4.1</a></li>
<li><a href="#">Opción 4.2</a></li>
<li><a href="#">Opción 4.3</a></li>
<li><a href="#">Opción 4.4</a></li>
</ul>
</li>
<li class="nivel1"><a href="#" class="nivel1">op5</a>
<ul>
<li><a href="#">Opción 5.1</a></li>
<li><a href="#">Opción 5.2</a></li>
<li><a href="#">Opción 5.3</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
|