un menu como este ???? y mas

[Jose_marin]

hola amigos del foro.... necesito implementar para un diseño un menú como el que aparece en esta página

http://www.microsoft.com/spain/windo.../getitnow.mspx

y de paso... alguien conoce algun tipo de aplicación para crear este tipo de menús, antes usaba un programa que se llama DHTMLmenu pero los templates que usa no son los mejores.

Saludos y gracias :) .

[Wakkos]

Primero, aparecen dos menús: cual de los dos queires que leamos en el código fuente y te lo pongamos acá?

Y segundo, lo dicho: con ver el código fuente verás como se hizo la página en general.
Paras el menu de la izquierda el código creo que es (no lo he visto mucho, solo ojee por encima)

Código:

/* second index box with two columns */
#second-box {
	width:562px;
	margin:-14px 0 0 0;
	}
#top-issues {
	float:left;
	padding:57px 5px 0 1px;
	margin:0 0 10px 0;
	list-style:none;
	background:url(../img/bg-top-issues.gif) no-repeat left top;
	width:218px;
	height:172px;
	}
#top-issues li {
	border-bottom:1px solid #fff;
	}
#top-issues li a {
	width:218px;
	height:24px;
	display:block;
	overflow:hidden;
	text-indent:-999px;
	}
#top-issues li.classroom-spending {
	border-top:1px solid #fff;
	}
#top-issues li.classroom-spending a {
	background:url(../img/a-classroom-spending.gif) no-repeat left top;
	}
#top-issues li.defense-marriage a {
	background:url(../img/a-defense-marriage.gif) no-repeat left top;
	}
#top-issues li.cleaner-environment a {
	background:url(../img/a-cleaner-environment.gif) no-repeat left top;
	}
#top-issues li.protecting-unborn a {
	background:url(../img/a-protecting-unborn.gif) no-repeat left top;
	}
#top-issues li.amendment-rights a {
	background:url(../img/a-amendment-rights.gif) no-repeat left top;
	}
#top-issues li.health-care a {
	background:url(../img/a-health-care.gif) no-repeat left top;
	}
#top-issues li a:hover {
	background-position:0 -24px;
	}

y el superior:

Código:

/* main navigation */
#main-navigation {
	margin:0;
	padding:0 0 0 5px;
	position:absolute;
	top:125px;
	left:74px;
	list-style:none;
	background:url(../img/bg-main-nav.gif) no-repeat left top;
	}
#main-navigation li {
	float:left;
	background:url(../img/bg-main-nav.gif) no-repeat right top;
	padding:0 5px 0 0;
	}
#main-navigation a {
	float:left;
	display:block;
	height:21px;
	overflow:hidden;
	text-indent:-999px;
	}
#main-navigation .about a {
	width:110px;
	background:url(../img/btn-about-pat.gif) no-repeat left top;
	}
#main-navigation .issues a {
	width:105px;
	background:url(../img/btn-the-issues.gif) no-repeat left top;
	}
#main-navigation .volunteer a {
	width:112px;
	background:url(../img/btn-volunteer.gif) no-repeat left top;
	}
#main-navigation .photos a {
	width:102px;
	background:url(../img/btn-photos.gif) no-repeat left top;
	}
#main-navigation .press-releases a {
	width:154px;
	background:url(../img/btn-releases.gif) no-repeat left top;
	}
#main-navigation a:hover {
	background-position:0 -21px;
	}

Este tipo de menús es muy sencillo, y una aplicación seguro que tendría muchos errores con Xbrowsers y esas cosas, pero vamos.... Si la hay, apuesto lo que sea a que está en las FAQS y si no, Google.

En resumen: has preguntado cosas muy obvias. En caso que preguntes porque no tengas ni idea, te recomiendo buscar eso: la idea, leer un poco de CSS o JavaScript o HTML.

[Jose_marin]

Wakkos muchisimas gracias por la respuesta... me equivoque al poner el link, realmente este es el link en cuestion:

http://www.microsoft.com/spain/windo.../getitnow.mspx

este link es el de la pagina con el menú por el cual pedia ayuda.

de vuelta muchas gracias por la buena onda.

[kahlito]

Hola Jose_marin, mira si te puede valer algo así:

http://exploding-boy.com/images/cssmenus/menus.html