Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Cuadro de texto solo con CSS (http://www.forosdelweb.com/f53/cuadro-texto-solo-con-css-334077/)

jotamachuca 15/09/2005 16:57

Cuadro de texto solo con CSS
 
Hola

Resulta que estoy portando una pagina web que esta completa con tablas a CSS.... El asunto que en esta pagina se hicieron ciertos cuadros de contenido... donde se usaron 4 imagenes distintas para formar el cuadro... a ver si entienden
Código:

IMAGEN_DEL_TITULO
I              I
M              M
A              A
G              G
E              E
N              N
I              D
Z              E
Q              R
IMAGEN_INFERIOR

El asunto que con una tabla de 3x3 sale de inmediato. Unes las celdas superiores e inferiores y colocas IMAGEN_DEL_TITULO, y la IMAGEN_INFERIOR, y al medio colocas el contenido.. a las orillas colocas la IMAGEN_IZQ e IMAGEN_DER como fondos de las celdas.. y vouala... cuadro para algo :-)

El asunto es que queremos ver si se puede realizar algo como colocar una cosa como esta
Código:

<div class="cuadro">
<h1>Titulo del Cuadro</h1>
contenido
</div>

y se posicionen las 4 imagenes correspondientes ... Pensabamos hacerlo con cuadros sin las imagenes, pero las imagenes en los bordes son redondeadas, y ademas tienen sombras... asi que estamos obligados a usar estas

Ideas....sugerencias,,comentarios.. me mato de una? existe algo asi...

Gracias por sus ayudas

Saludos

the_NEO_JP 16/09/2005 21:51

¿Puedes dar enlaces a lo que deseas?

No estoy seguro pero creo que entendí que quieres hacer ese cuadro con letras, si?
Si es así, puedes intentar ésto:

1. Escribe cada título con sus respectivas etiquetas h* en un div cada una.
2. Agrega spans a cada letra de los títulos que serán verticales
3. Usa CSS, display:block; a cada span, eso debería hacer que vaya una letra por fila
4. Flota los divs y agrega con CSS los clears necesarios
5. Dale más estilo a tu cuadro.

Creo que éso lo resume en 5 pasos. No lo veo muy dificil aunque lo suena, no? En fin, intentalo.

Saludos!

derkenuke 17/09/2005 13:32

Creo que mas bien se refiere a un DIV con los bordes redondeados, o no?
http://platea.cnice.mecd.es/~jmas/ma...esquinas1.html

jotamachuca 17/09/2005 13:42

exactamente loq ue queria

Te pasaste...

Si alguien puede cerrar este post, que lo cierren, ya resolví la duda :-)


La zona horaria es GMT -6. Ahora son las 05:59.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.