Hola Mario,
Aunque tu propuesta de uso de tablas para
el menu de Fran podría ser loable, creo que
aclarando el código con el que cuenta podríamos
prescindir de una tabla.
Por otro lado y de cara a la pregunta de Fran:
<div id="lista">
<div id="a1"></div>
<div id="a2"></div>
[etc.....]
</div>
1. No uses de manera abusiva los divs. Pretendes crear
tu menú simulando el comportamiento de las celdas de
una tabla. Mejor márcalo correctamente:
<div id="menu">
<ul>
<li><a href="#">Opcion 1</a></li>
<li><a href="#">Opcion 2</a></li>
<li><a href="#">Opcion 3</a></li>
</ul>
</div>
2. Revisa los enlaces que te han pasado los compañeros.
Y por otro lado ten presente las propiedades que se pueden
asignar a un background dentro de un div para posicionarlo:
P.e. esquina inferior derecha:
#esquina1{
background: url(img/esqinfder.gif) no-repeat bottom right;
}
Con esto como base y lo que te vas a encontrar en las explicaciones
de los enlaces puedes solucionarlo. El resto corre de tu parte
"photoshopeando" y escribiendo tu CSS + Xhtml.
Saludos y suerte,
Abel Domínguez
----- Original Message -----
From: "Mario Valladares" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org>
Sent: Wednesday, July 27, 2005 2:12 PM
Subject: Re: [Ovillo] Problema con bordes redondeados tridimensionales en un
menú
Veamos a ver.
No tengo muy claro si se puede hacer lo que te voy a comentar, pero
"pa" eso uno es torpe. Por qué no metes (como mucho) 3 divs?? uno para
el boton, con la cara de la Schiffer, otro con el efecto 3D poderoso
de la muerte, y uno final para el texto, con tamaños fijados
dinamicamente y con la misma variable, para que se deformen al
unísono.
Si en vez de la cara de la Schiffer le metes algún dibujito abstracto
que no se joda al redimensionar, creo que lo tienes hecho.
Deberías de olvidar el concepto de "todo lo que tengo me lo pongo"
(por dios, no me pongas botones con musiquita o soniditos metálicos) y
relajar el estilo.
Olvida la maquetación con tablas. NO LAS TABLAS, si no la MAQUETACIÓN
CON TABLAS. En vez de usar <table> estas usando <div>. No creo que la
sensación de diferencia entre ambas sea explicable en la lista de
correo, pero... busca una diferencia. Hay un momento en que sientes
que algo ha cambiado, que la página no se distribuye en celdas, no sé
como explicarlo.
El 27/07/05, Daniel Torres Burriel<[EMAIL PROTECTED]> escribió:
El 27/07/2005, a las 13:44, Stralunato escribió:
> Para el asunto de las cajas redimensionables con bordes redondeados
> aquí tienes un artículo:
> http://simplelogica.net/caoticoneutral/index.php?p=15
Y el genial documento de Arnau Siches:
Técnica de Esquinas Personalizadas
http://css.artnau.com/tecnica-de-esquinas-personalizadas/
Tècnica de Cantonades Personalitzades (la versión original)
http://css.artnau.com/tecnica-de-cantonades-personalitzades/
Saludos!
--
/* Daniel Torres Burriel - www.torresburriel.com
/* Web design - Usability consulting - IT Press
/* More info & bio: www.torresburriel.com/perfil/
/* GPG key: 0x43DB2AB7
_______________________________________________
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
