No me sale Repeat con CSS

[diegoc]

¡Hola a Todos!

Baje un template para adaptar a mis necesidades y en algunas cosas voy muy bien, y en otras no "engancho". Tengo el siguiente código CSS y quiero que repita la imagen y no lo hace, ¿Por qué?

#pol_left { background: url(images/left_sh.jpg) top repeat-y;
width: 17px;
float:left;
height: 598px;
}

¡Gracias de antemano!

Saludos

Diego

[Shaito]

Hola

Ahora el css ha cambiado un poco, es así:

background-color
background-image
background-repeat
background-attachment
background-position

Por lo que quedaría así:

#pol_left { background-image: url(images/left_sh.jpg); Background-position:top; background-repeat:repeat-y;
...}


Para facilitar y mejorar el resultado.



Saludos

[diegoc]

¡Hola a Todos!

¡Gracias por responder Shaito!

Por lo que dices, cambié el código por este:

#pol_left { background-image: url(images/left_sh.jpg);
Background-position:top;
background-repeat:repeat-y;
width: 17px;
float:left;
height: 598px;
}

Sigue igual, no repite.

Se aceptan sugerencias. ¡Gracias de antemano!

Saludos

Diego

[Shaito]

Puedes compartir esa imagen?

Subela a JackImages.tk para que todos podamos verla

[diegoc]

¡Hola a Todos!

¡Gracias por responder Shaito!

El decirme eso, pensé, y en realidad lo que debe suceder es no repetirla sino expandirla o comprimirla al largo de cada web. ¿Cómo se hace eso con CSS?

Acá les adjunto la imagen subida como dijiste:



¡Gracias de antemano!

Saludos

Diego

[Shaito]

Hola

Por lo que veo, al repetir la imagen se quedará feo, tiene un degradado y al repetir se notaría mucho.

La solución es sencilla, en un div cuya medida ya esté establecida, ponemos la imagen de este modo:

<div style="height:800px">
<img src="http://jackimages.tk/file/leftsh.jpg" height="100%" width="17px">
</div>

La imagen se alargará todo lo que el div exija.


Saludos

[diegoc]

¡Hola a Todos!

¡Gracias por responder Shaito!

Supongo que el código va en html, lo probé y la verdad se "descajeta" todo con el diseño global del CSS en encabezados, cuerpo, pie, y demás. ¿Hay alguna manera de configurarlo dentro del código de css que pegué?

¡Gracias de antemano?

Saludos

Diego

[Shaito]

Nos puedes proporcionar la dirección con la que estás trabajando o subir los archivos a alguna web como XooUp.tk?


Saludos

[diegoc]

¡Hola a Todos!

¡Gracias por responder Shaito!

El sitio no está aún online con este diseño.

Este es el css:

http://xooup.zxq.net/files/cd4bf6_styles.css



y este el html

http://xooup.zxq.net/files/eea798_index.html



¡Gracias de antemano!

Saludos

Diego

[Shaito]

En cuanto me sea posible responderé

[diegoc]

¡Hola a Todos!

Muchas gracias, espero tu respuesta y además de otros usuarios que quieran responder.

Saludos

Diego

[PrendekZ]

En realidad haz dicho mucho y a la vez poco, ¿Podrías realizar en Photoshop lo que quieres? y también publica el código que tienes.

Saludos!

[jomaruro]

Hola:

Iniciado por Shaito

Ahora el css ha cambiado un poco, es así:

background-color
background-image
background-repeat
background-attachment
background-position

Por lo que quedaría así:

#pol_left { background-image: url(images/left_sh.jpg); Background-position:top; background-repeat:repeat-y;
...}

Para facilitar y mejorar el resultado.

¿Y eso de donde lo has sacado? ¿Has oído hablar de las propiedades shorthand?

Saludos.

[Shaito]

Me estás dando la razón?

background
Fondo de un elemento
Valores ( <background-color> || <background-image> || <background-repeat> || <background-attachment> || <background-position> ) | inherit

[jomaruro]

Hola:

Al contrario, te la estoy quitando.

Iniciado por Shaito

#pol_left { background-image: url(images/left_sh.jpg); Background-position:top; background-repeat:repeat-y;
...}

Tu pones las propiedades por separado. Utilizando la forma redudida, el resultado es el mismo, pero es menos código lo que hace que la página se cargue más rápido.

Saludos.

[kseso?]

No entiendo.
¿Quiere repetir una imagen de 996px de alto en un div que sólo tiene 598px en la vertical?
Y otra cuestión que se me escapa, ¿por qué en #9 publica un enlace al html sin css asociado y otro al css?
¿Algo que le impidiese meter en su html la llamada a su css?

[PrendekZ]

Iniciado por jomaruro

Hola:

Al contrario, te la estoy quitando.



Tu pones las propiedades por separado. Utilizando la forma redudida, el resultado es el mismo, pero es menos código lo que hace que la página se cargue más rápido.

Saludos.

Estoy con usted, no veo en realidad para que dar valor por diferente sí junto va bien y de hecho mucho mejor optimizado queda el código, yo siempre lo uso en una variable y me funciona perfecto.

Cómo dije en mi post anterior.. si el usuario quiere solución, publicar en Photoshop lo que desea o ser más detallista a la hora de publicar un post.

Saludos!