Foros del web, para los que viven de bits

jotamachuca · 15-sep-2005, 16:57

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-sep-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-sep-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-sep-2005, 13:42

exactamente loq ue queria

Te pasaste...

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

15-sep-2005, 16:57	#1 (permalink)
jotamachuca Fecha de Ingreso: octubre-2004 Mensajes: 143	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

16-sep-2005, 21:51	#2 (permalink)
the_NEO_JP Fecha de Ingreso: abril-2005 Mensajes: 61	¿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! __________________ by. NEO_JP // Aburrimiento Total

17-sep-2005, 13:32	#3 (permalink)
derkenuke Colaborador Fecha de Ingreso: octubre-2003 Ubicación: self.location.href Mensajes: 2.666	Creo que mas bien se refiere a un DIV con los bordes redondeados, o no? http://platea.cnice.mecd.es/~jmas/ma...esquinas1.html __________________ - Haz preguntas inteligentes, y obtendrás más y mejores respuestas. - Antes de postearlo Inténtalo y Búscalo. - Escribe correctamente tus mensajes.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

17-sep-2005, 13:42	#4 (permalink)
jotamachuca Fecha de Ingreso: octubre-2004 Mensajes: 143	exactamente loq ue queria Te pasaste... Si alguien puede cerrar este post, que lo cierren, ya resolví la duda