¿CÓMO HAGO LO SGTE. EN DIV CONTENIDO?

Hola a toda la buena gente que mantiene vivo este foro!!!
Necesito hacer una especie de lista en la parte principal del contenido, así como la siguiente (favor, hacer clic para ver imagen):

http://img143.imageshack.us/my.php?image=listajx7.jpg

This image has been scaled down to fit your computer screen. Click on it to show it in the original size.

Esta imagen es la que aparece en la página central del msn. Mi deseo es hacer algo igual, pero no se cómo (con dos colores alternando: celeste, azul, celeste, azul, incluida la fotito). No sé si será un div para cada fila con su enlace. Agradeceré muchísimo sus valiosas respuestas. :wink:

Hola Ana Luisa,

Necesito hacer una especie de lista en la parte principal del contenido, así como la siguiente (favor, hacer clic para ver imagen):

Es sencillo, lo puedes hacer con capas<div>, o con tablas <table>.
Lo más teodioso es incluirlo sobre una página con contenido limitado.
Si te sobra sitio no hay problema.

No es la pregunta qué haces, pero Yaneth ha incluido un apartado sobre dos menús verticales, qué igual deberías ver.
Tema de Yaneth
Visitalo, luego te hecho una mano.

Saludos manmnanu

Hola

es muy sencillo
tu ya tienes claro lo que deseas...

bueno, supongamos que tienes la plantilla del curso ok???

al css le agregas esto

a.uno {color: #FFFFFF ; text-decoration:none ; display: block; background-color: #0066FF }
a.uno:link {}
a.uno:visited {}
a.uno:hover {color:red ; text-decoration:underline ; background-color:silver}
a.uno:active {}

a.dos {color: #333333 ; text-decoration:none ; display: block; background-color:#33CCFF}
a.dos:link {}
a.dos:visited {}
a.dos:hover {color:red ; text-decoration:underline ; background-color:yellow}
a.dos:active {}

y en el html

esto

<div id="menu">
<h1>T&iacute;tulo de Secci&oacute;n 1</h1>
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>

ya se que mi combinacion de colores es pesima
peero.... lo cambias a tu buen gusto

saludos

Gracias a MANMANU Y YANETH por responderme. He estado haciendo lo que me aconsejaron el fin de semana y lo que me salió se puede ver en:

http://todojazz.mywebcommunity.org/plantilla.html

Por emergencia, tuve que recurrir a la plantilla del curso pero no es la ubicación. Hice lo más que pude pero tengo los sgtes. problemitas que espero, por favor, me sigan dando una mano:

1. El texto no logro ubicarlo en el centro del recuadro. Aparece muy abajo.

2. La imagen (fotito+cuadrito verde) no tiene el borde plomo correspondiente arriba ni a la izquierda.

3, ¿Cómo puedo hacer para desaparecer el espacio blanco entre un enlace (o fila) y otro?

Sé que molesto mucho pero,,, no me queda alternativa y necesito avanzar mi web. :roll: Miles de gracias por su valiosa ayuda. Ajunto toda la parte de CONTENIDO que tengo en CSS. Al div o capa lo llamé #MENUCENTRAL. :lol:

#contenido {background-color:e1e1e1 ; border-left:black 1px solid ; border-right:black 1px solid}
#contenido p {margin:5px 10px 0px 10px ; text-indent:15px}

#menu {background-color:yellow ; width: 150px ; float:left ;
text-align:left ; margin:3px 10px 3px 3px ;
background-image:url(objetos/menu-parte-inferior.gif) ; background-position:bottom ;
padding-bottom:5px}
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12 ; background-image:url(objetos/menu-parte-superior.gif) ;
padding-top:12px}
a {color:brown ; text-decoration:none ; display:block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active {}

#menucentral {width:400px;text-align:left;margin-right:150px ; margin-left:15px}
#menucentral h2{padding-left:113px; text-align:left; font:15px verdana, sans-serif; display:block; background-color:555555; color:white}
#menucentral li{list-style-type:none; font:12px verdana, sans-serif; }
#menucentral a.uno {color:white ; text-decoration:none ; display:block; background-color:555555 }
#menucentral a.uno:link {}
#menucentral a.uno:visited {}
#menucentral a.uno:hover {color:white ; text-decoration:underline ; background-color:a2cd5a}
#menucentral a.uno:active {}

#menucentral a.dos {color:white ; text-decoration:none ; display: block; background-color:gray}
#menucentral a.dos:link {}
#menucentral a.dos:visited {}
#menucentral a.dos:hover {color:white ; text-decoration:underline ; background-color:a2cd5a}
#menucentral a.dos:active {}

:) :) :)