Foros del Web » Creando para Internet » CSS »

Cómo puedo lograr un menú como este?

Estas en el tema de Cómo puedo lograr un menú como este? en el foro de CSS en Foros del Web. Hola amigos, cómo puedo lograr hacer un menú como el de esta página en css? ah, por cierto, la dirección de la página es: http://sa-mp.com/ ...
  #1 (permalink)  
Antiguo 10/02/2008, 12:37
 
Fecha de Ingreso: enero-2008
Mensajes: 7
Antigüedad: 9 años, 10 meses
Puntos: 0
Cómo puedo lograr un menú como este?

Hola amigos,
cómo puedo lograr hacer un menú como el de esta página en css?
ah, por cierto, la dirección de la página es:
http://sa-mp.com/

Saludos,
Uther.
  #2 (permalink)  
Antiguo 10/02/2008, 13:31
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Re: Cómo puedo lograr un menú como este?

No hace falta mas que mirar el código:
Código HTML:
<style type="text/css">
#menu {
	padding: 0.5em;
	width: 17%;
	float: left;
}
	#menu ul {
		margin: 0;
		padding: 0;
	}
	#menu li {
		list-style: none outside;
		padding: 2px;
		padding-left: 16px;
		padding-right: 20px;
		border-bottom: 1px solid #444444;
		background: #222222; // url(../images/bullet.gif) no-repeat 0 0.5em;
		margin-top: 2px;
	}
	#menu h2 {
		background-color: #000000;
		text-align: center;
	}
	#menu p {
		background-color: #222222;
		text-align: left;
		margin: 0;
		padding: 0;
	}
</style>
<div id="menu">
<h2>Navigation</h2>
<ul>
<li><a href="/">Main Page (News)</a></li>
<li><a href="/blog_page.php">Blog</a></li>
<li><a href="/feeds.php">RSS Feeds</a></li>
<li><a href="/download.php">Downloads</a></li>
<li><a href="http://wikitmp.sa-mp.com/wiki/Main_Page">Help</a></li>
<li><a href="/media.php">Media</a></li>
<li><a href="http://forum.sa-mp.com">Forum</a></li>
<li><a href="/irc.php">IRC</a></li>
<li><a href="/contact.php">Contact</a></li>
<li><a href="/sitemap.php">Site Map</a></li>
</ul> 
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:09.