Hola, necesito consejo para la creación de un botón que utilice elementos gráficos y se base en CSS y DIV/SPAN/P o lo que sea necesario. Lo que pretendo es lo que antes hacíamos con una tabla de tres celdas y una fila.[...]
Mira, fijate en los botones de esta web (a la izquierda en rojo)
http://www.mundijuegos.com/multijugador/superbuteo/
Estos botones están hechos para que se expandan verticalmente si el texto no cabe. El xhtml del texto....
[ <p class="boton"><a>texto</a></p> ]
Asi de sencillo :) Puedes También puedes utilizar listas <UL><LI> o cualquier otra "caja". El css es:
P.boton {
text-align:center;
display:block;
padding:0;
background: url(fondo.png) repeat-y;
}
P.boton A {
display: block;
background: url(fondo2.png) bottom no-repeat;
padding: 5px 10px 10px; /* para centrar el texto dentro del boton */
}
"Fondo.png" es la zona superior del boton más el cuerpo del botón con un tamaño extra por si se estira
"Fondo2.png" tan solo es la parte inferior de botón
Utilizando este sistema he visto botones y fondos más complejos que se pueden estirar tanto horizontal como verticalmente según desees, usando tres cajas e incluso dos.
Un saludo
Daniel Garcia
Director de arte y diseño
www.exelweiss.com
_______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus tados o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
