Se me ocurre colocar la imagen de fondo con la forma que indicas (en la cabecera) y con respecto a los links, insertar la lista numerada en un div con un #nav{width: 400px}para link 1 -Link 2 y Link 3.
Para el div 4 podría colocar un div flotado a la derecha Solo un comentario (tómalo a bien) Yo asumo que estás aprendiendo a trabajar con CSS, y requieres de cierto consejo (acá vas a encontrar varios) pero por qué comprometerse en coger un proyecto a luces complejo para tu entendimiento y no coger un proyecto más sencillo para ir aprendiendo a pasos, "empapándote" bien con cada nueva complejidad que se vaya presentando en cada proyecto? y no fecha a fecha?. Me tomé el trabajo de contarte 67 participaciones con consultas desde el 19 e enero y tu ranking en los "TOP 7 days"es: 4 consultas --> 21-03-2006 5 consultas --> 20-03-2006 6 consultas --> 03-04-2006 6 consultas --> 04-04-2006 7 consultas --> 12-04-2006 9 consultas --> 20-04-2006 6 consultas --> 21-04-2006 <-- puedes pasar adelante en esta fecha ;-) Es entendible el que a uno le gusten los retos, pero no es mala idea ir aprendiendo por "defecto y error" de la ano con un buen turorial, cual si fuese un curso "on line". Ahora, sea un proyecto laboral o un proyecto de estudios te dejo estos sitios con muy buenos recursos: http://www.desarrolloweb.com/articulos/181.php http://www.csszengarden.com/ www.disenorama.com http://listapart.com/ Y acá esta lo que consultabas en correo anterior, para que te muestre las propiedades de las hojas de estilo. http://www.pangea.org/pacoc/manuales/manual2.htm#display (muy bueno) http://html.programacion.net/dinamico/tutorial/dhtm21.htm (este es otro muy bueno, y te lo recomiendo) Saludos, ---------------------------- Miguel Flores Franco Pixelperu Arte, Diseño, Web y Teletrabajo http://www.pixelperu.com http://www.pixelperu.net Telf.: +511 567 7475 MSN: [EMAIL PROTECTED] VoipBuster: pixelperu SKYPE ID: pixelperu ----- Original Message ----- From: "Reynier Perez Mira" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org> Sent: Thursday, April 20, 2006 9:10 PM Subject: Re: [Ovillo] Ni idea de como modelar esto con DIV Hola DJ Dom y gracias por responder: He probado pero no me funciona. Parece que al principio no me explique bien. Es algo como esto lo que quiero lograr: ------------------------------------------------------------- - Link 1 - Link 2 - Link 3 - Parte de la cabecera - Link 4 - ---------------------------- - - - Cabecera - - - ------------------------------------------------------------- Me explico mejor ahora? Disculpen las molesitias -- ReynierPM 4to. Ing. Informática Linux User: #310201 El programador superhéroe aprende de compartir sus conocimientos. Es el referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente, lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando ayudando a los demás... > -----Mensaje original----- > De: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] En nombre de DJ-Dom > Enviado el: Thursday, April 20, 2006 10:01 PM > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] Ni idea de como modelar esto con DIV > > El día 21/04/06, Reynier Perez Mira > <[EMAIL PROTECTED]> escribió: > > > > Hola Ernesto: > > Me creo que lo entendi pero para solventar las dudas completamente, > > podrias ponerme un ejemplo de como quedaria ya maquetado > (no es que me > > hagas el trabajo) solo que me ayudes > > > > Salu2 > > > > -- > > ReynierPM > > 4to. Ing. Informática > > Linux User: #310201 > > El programador superhéroe aprende de compartir sus > conocimientos. Es > > el referente de sus compañeros. Todo el mundo va a > preguntarle y él, > > secretamente, lo fomenta porque es así como adquiere su legendaria > > sabiduría: escuchando ayudando a los demás... > > > > > -----Mensaje original----- > > > De: [EMAIL PROTECTED] > > > [mailto:[EMAIL PROTECTED] En nombre de Ernesto > > > Rodríguez Ageitos Enviado el: Thursday, April 20, 2006 9:12 PM > > > Para: Ovillo, la lista de CSS en castellano > > > Asunto: Re: [Ovillo] Ni idea de como modelar esto con DIV > > > > > > > ---------------------------------------------------- > > > > - Link 1 - Link 2 - Link 3 - Parte de la cabecera - > > > > ---------------------------- > > > > - - > > > > - Cabecera - > > > > - - > > > > ---------------------------------------------------- > > > > > > > > O sea hay un pedazo de la imagen de la cabecera que queda > > > por encima > > > > de la barra de links. Alguna ayuda con como modelar esto? > > > > > > La cabecera como capa, con la imagen de fondo (con CSS), y los > > > enlaces, como una lista dentro de esa capa, cuidando que > la lista no > > > ocupe el 100% del ancho de la capa, para que se vea esa > parte de la > > > imagen... > > > > > > Saludos, > > > > > > Ernesto > > > > > > _______________________________________________ > > > Lista de distribución Ovillo > > > Para escribir a la lista, envia un correo a > Ovillo@lists.ovillo.org > > > Puedes modificar tus datos o desuscribirte en la siguiente > > > dirección: > > > http://ovillo.org/mailman/listinfo/ovillo > > > > > _______________________________________________ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente > dirección: > > http://ovillo.org/mailman/listinfo/ovillo > > > > Hola Reynier Perez > Me parece que eres quien debió poner el ejemplo... > > #cabecera { > width: 100%; > } > > #menu { > width: 70% > } > > 30% de cabecera visible en menu.... > > > <div id="cabecera"> > <div id="menu"> > </div> <!--Cierre menu--> > </div> <!--Cierre cabecera--> > > El CSS necesita algunos parametros más para que se va correctamente... > > Saludo, > DJ-Dom > -- > www.dj-dom.net > [EMAIL PROTECTED] > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a > Ovillo@lists.ovillo.org Puedes modificar tus datos o > desuscribirte en la siguiente dirección: > http://ovillo.org/mailman/listinfo/ovillo > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo