[Bordes] Duda...

[MasterXNicoX]

Hola gente, necesito saber si se le puede poner una imagen determinada a un borde de una division y de que forma si es que se puede...

Saludos, espero respuestas!

[kseso?]

Con CSS 3 sí. Pero la mayoría de navegadores como si oyeran llover.

Un saludo

[jomaruro]

Hola:

Iniciado por MasterXNicoX

Hola gente, necesito saber si se le puede poner una imagen determinada a un borde de una division y de que forma si es que se puede...

Saludos, espero respuestas!

Después de la respuesta de kseso? se me ocurre que podrías poner un div (1) con esa imagen como background y otro div (2) algo más pequeño centrado dentro de este con fondo blanco, por ejemplo, de forma que tape el fondo del otro (el 1), el efecto visual sería de un borde con una imagen.

No sé si me he explicado bien .

Saludos.

[AlbertoGarcia]

Supongo que con algunas de las técnicas 'rounded corner box' se podría conseguir lo mismo pero simulando los bordes. Cuestión de probar.

El css podría ser algo así:

Código HTML:

.box {
            width: 20em;
            background: #ff0 url(images/bottom-left.gif) repeat-x left bottom;
        }
        
        .box-outer {
            background: url(images/bottom-right.gif) repeat-y right top;
            padding-bottom: 5%;
        }
        
        .box-inner {
            background: url(images/top-left.gif) repeat-y left top;
        }
        
        .box h2 {
            background: url(images/top-right.gif) repeat-x right top;
            padding-top: 5%;
        }
        
        .box h2, .box p {
            padding-left: 5%;
            padding-right: 5%;
        }

El html:

Código HTML:

<div class="box">

            <div class="box-outer">
                <div class="box-inner">
                    <h2>Caja Redondeada Flexible</h2>
                    <p>
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin venenatis turpis ut quam. In dolor. Nam ultrices nisl sollicitudin sapien. Ut lacinia aliquet ante.
                        <p>
                        </div>
                    </div>

                </div> 

Es sólo una idea que se me acaba de ocurrir en este momento, no la he probado, pero creo que si se desarrolla puede valer.

Salud!

[kseso?]

Claro que hay múltiples formas de conseguir que una imagen haga de límite de un contenedor.

Pero si no comprendí mal, la consulta de Nico era sobre la posibilidad o no de colocarla como valor de la propiedad border:

Iniciado por MasterXNicoX

Hola gente, necesito saber si se le puede poner una imagen determinada a un borde de una division y de que forma si es que se puede...

Un saludo

[MasterXNicoX]

Jejeje, bueno gracias a todos.. kseso? tiene razón pero gracias igual x el ejemplo Alberto y por tu idea jomaruro

Un abrazo grande ;)

[jomaruro]

Hola:

Iniciado por kseso?

Pero si no comprendí mal, la consulta de Nico era sobre la posibilidad o no de colocarla como valor de la propiedad border:

Yo también lo había entendido así, pero después de tu respuesta ...

Iniciado por kseso?

Con CSS 3 sí. Pero la mayoría de navegadores como si oyeran llover.

... se me ocurrió esa idea para engañar a la vista.

Saludos.