Re: [Ovillo] imagen background - no lo consigo
Gracias emmanuelle, quitando el background-attachment se ha
solucionado, aunq la verdad no entiendo pq :(
al final lo he dejado con la forma abreviada, usando URL relativa al
directorio donde estaba el archivo css (directorio 'css') y no donde
estaba el archivo html q lo invoca.
background: #cfc url(img/info_icon.png) no-repeat center left;
muchas gracias a todos :)
On 4/26/05, Emmanuelle Gutiérrez y Restrepo [EMAIL PROTECTED] wrote:
Hola Carlos,
Si eliminas la propiedad background-attachment: fixed; e indicas la
localización de las imágenes con la URL completa, te aparecerán.
Saludos,
Emmanuelle
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de carlos campderrós
Enviado el: martes, 26 de abril de 2005 23:14
Para: ovillo@ovillo.org
Asunto: [Ovillo] imagen background - no lo consigo
hola buenas noches!
estoy atascadísimo en el momento de poner una imagen de fondo a un
div. sé q es sencillo, lo he hecho millones de veces, pero no le da la
gana de mostrarse!
la idea es mostrar texto informativo o de error, en un recuadro con
fondo verde o rojo y una imagen de informacion o de error que la
muestre a la izquierda del texto (dentro del recuadro). he probado con
background: y definirlo todo de una tirada y definiendo cada cosa por
separado: background-image, background-position,
background-attachment, etc...
aquí os pego el código q tengo hasta ahora. si lo quereis ver
funcionando: [ http://oasi.upc.es/~kiusap/new/estils ]
habia pensado q quizás era por q no encontraba la imagen por la
estructura de directorios, pero juraría q tampoco es eso. os la
explico en 2 minutos:
new/ - paginas
|--- css/- archivos de estilo
| |--- img/- imagenes dependientes del estilo
HTML
***
div class=info info info info info info info info info/div
div class=error error error error error error error error/div
CSS
**
div.error
{
width: 80%;
margin: 1em auto;
border: dashed 2px #f66;
padding: 1em 0.3em 1em 8em;
background-color: transparent;
background-image: url(img/info_error.png);
background-repeat: no-repeat;
background-position: center left;
background-attachment: fixed;
max-width: 49em;
overflow: hidden;
}
div.info
{
width: 80%;
margin: 1em auto;
border: dashed 2px #6f6;
padding: 1em 0.3em 1em 8em;
background: #cfc url(img/info_icon.png) no-repeat fixed center left;
max-width: 49em;
overflow: hidden;
}
gracias a todos por adelantado
(ahivá q tostón de mail q ha salido xD)
pd: y bueno, ya q estamos puestos, comenten a ver que les parece la
página jeje, no el aspecto visual, q está muy verde, sinó la
estructura de divs, el marcado html y toda la pesca, amén de mejoras q
se les ocurran :)
pd2: ya sé q con intenné esplore no se ve bien, pero es problema
suyo, mi pagina es correcta y sigue los estandares :P
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección: http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] imagen background - no lo consigo
carlos, intenta definir tus urls asi: background-image: url(img/info_error.png); (sin comillas) asi te debera de funcionar. saludos! ...:| kemie |:... .:| www.monolinea.com http://www.monolinea.com |:. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] imagen background - no lo consigo
No sé como era la pregunta oficial pero aquí os dejo un ejemplo
entero de un background bien montado:
div.unaclase {
background: #fff url(/img/info_error.png) top left right
bottom no-repeat repeat-x repeat-y;
}
Se pueden usar values en píxeles y porcentajes también
Un abrazo.
On 27/04/2005, at 9:31, kemie guaida wrote:
carlos, intenta definir tus urls asi:
background-image: url(img/info_error.png);
(sin comillas)
asi te debera de funcionar.
saludos!
...:| kemie |:...
.:| www.monolinea.com http://www.monolinea.com |:.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección: http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] imagen background - no lo consigo
Recuerda por otro lado que la dirección de la carpeta img, como te señala Kemie, es relativa a tu CSS: Tu estructura: index.html css/estilos.css img/info_error.pgn Luego, tu CSS: background-image: url(../img/info_error.png); saludos, Abel - Original Message - From: kemie guaida [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Wednesday, April 27, 2005 9:31 AM Subject: Re: [Ovillo] imagen background - no lo consigo carlos, intenta definir tus urls asi: background-image: url(img/info_error.png); (sin comillas) asi te debera de funcionar. saludos! ...:| kemie |:... .:| www.monolinea.com http://www.monolinea.com |:. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] imagen background - no lo consigo
Creo que el error lo tienes en esta línea de css
background-image: url(img/info_error.png);
el url toma de base el del documento x/html que muestras, así si el
documento x/html que muestras se encuentra dentro de la carpeta new, el
background-image debería ser
background-image: url(css/img/info_error.png);
O al menos eso creo yo.
Un saludo.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de carlos campderrós
Enviado el: martes, 26 de abril de 2005 23:14
Para: ovillo@ovillo.org
Asunto: [Ovillo] imagen background - no lo consigo
hola buenas noches!
estoy atascadísimo en el momento de poner una imagen de fondo a un
div. sé q es sencillo, lo he hecho millones de veces, pero no le da la
gana de mostrarse!
la idea es mostrar texto informativo o de error, en un recuadro con
fondo verde o rojo y una imagen de informacion o de error que la
muestre a la izquierda del texto (dentro del recuadro). he probado con
background: y definirlo todo de una tirada y definiendo cada cosa por
separado: background-image, background-position,
background-attachment, etc...
aquí os pego el código q tengo hasta ahora. si lo quereis ver
funcionando: [ http://oasi.upc.es/~kiusap/new/estils ]
habia pensado q quizás era por q no encontraba la imagen por la
estructura de directorios, pero juraría q tampoco es eso. os la
explico en 2 minutos:
new/ - paginas
|--- css/- archivos de estilo
| |--- img/- imagenes dependientes del estilo
HTML
***
div class=info info info info info info info info info/div
div class=error error error error error error error error/div
CSS
**
div.error
{
width: 80%;
margin: 1em auto;
border: dashed 2px #f66;
padding: 1em 0.3em 1em 8em;
background-color: transparent;
background-image: url(img/info_error.png);
background-repeat: no-repeat;
background-position: center left;
background-attachment: fixed;
max-width: 49em;
overflow: hidden;
}
div.info
{
width: 80%;
margin: 1em auto;
border: dashed 2px #6f6;
padding: 1em 0.3em 1em 8em;
background: #cfc url(img/info_icon.png) no-repeat fixed center left;
max-width: 49em;
overflow: hidden;
}
gracias a todos por adelantado
(ahivá q tostón de mail q ha salido xD)
pd: y bueno, ya q estamos puestos, comenten a ver que les parece la
página jeje, no el aspecto visual, q está muy verde, sinó la
estructura de divs, el marcado html y toda la pesca, amén de mejoras q
se les ocurran :)
pd2: ya sé q con intenné esplore no se ve bien, pero es problema
suyo, mi pagina es correcta y sigue los estandares :P
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] imagen background - no lo consigo
Diego Martín Lafuente escribió (Wed, 27 Apr 2005 10:28:17 +0200):
div.unaclase {
background: #fff url(/img/info_error.png) top left right bottom no-
repeat repeat-x repeat-y; }
Se pueden usar values en píxeles y porcentajes también
Con tu permiso, Diego, creo que el ejemplo que pones puede no
entenderse demasiado bien, puesto que muestras todas las posibles
opciones de posición y de repetición del background, y quizás alguien
piense que hay que ponerlas todas ;-)
la estructura podría ser:
background: [color] [url de la imagen] [posición] [repetición] [attachment];
[color]: pues eso mismo, el color en hexadecimal (supongo que otros
formatos también valdrán)
[url de la imagen]: tal y como pone Diego y se ha dicho antes, mejor
sin comillas, del estilo url(imagen.png)
[posición]: lugar donde se va a colocar la imagen horizontal y
verticalmente, p. ej: bottom left.
También se puede indicar con px o cualquier otra unidad de medida
(em, %...) de forma que la primera correspondería a la posición desde
el borde izquierdo del elemento y la segunda desde el borde superior.
Por ejemplo: 5px 10px colocaría la imagen de fondo a 5px del borde
izquierdo y 10 del superior.
[repetición]: si queremos que la imagen se repita haciendo mosaico
(por defecto), sólo en horizontal (repeat-x), sólo en vertical
(repeat-y) o que no se repita en absoluto (no-repeat).
[attachment]: podemos establecer que la imagen de fondo no se desplace
con el bloque que contiene (fixed)
en el caso en cuestión:
background: transparent url(img/info_error.png) center left no-repeat fixed;
suponiendo que la ruta sea la correcta :o)
saludos
--
Ramón
demasiado viejo para ser una joven promesa,
demasiado joven para ser una vieja gloria,
pero aún así trabajando duro para Simplelógica: apariencia,
experiencia y comunicación en la web
http://simplelogica.net # (+34) 98 522 12 65
http://simplelogica.net/caoticoneutral/
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] imagen background - no lo consigo
hola buenas noches!
estoy atascadísimo en el momento de poner una imagen de fondo a un
div. sé q es sencillo, lo he hecho millones de veces, pero no le da la
gana de mostrarse!
la idea es mostrar texto informativo o de error, en un recuadro con
fondo verde o rojo y una imagen de informacion o de error que la
muestre a la izquierda del texto (dentro del recuadro). he probado con
background: y definirlo todo de una tirada y definiendo cada cosa por
separado: background-image, background-position,
background-attachment, etc...
aquí os pego el código q tengo hasta ahora. si lo quereis ver
funcionando: [ http://oasi.upc.es/~kiusap/new/estils ]
habia pensado q quizás era por q no encontraba la imagen por la
estructura de directorios, pero juraría q tampoco es eso. os la
explico en 2 minutos:
new/ - paginas
|--- css/- archivos de estilo
| |--- img/- imagenes dependientes del estilo
HTML
***
div class=info info info info info info info info info/div
div class=error error error error error error error error/div
CSS
**
div.error
{
width: 80%;
margin: 1em auto;
border: dashed 2px #f66;
padding: 1em 0.3em 1em 8em;
background-color: transparent;
background-image: url(img/info_error.png);
background-repeat: no-repeat;
background-position: center left;
background-attachment: fixed;
max-width: 49em;
overflow: hidden;
}
div.info
{
width: 80%;
margin: 1em auto;
border: dashed 2px #6f6;
padding: 1em 0.3em 1em 8em;
background: #cfc url(img/info_icon.png) no-repeat fixed center left;
max-width: 49em;
overflow: hidden;
}
gracias a todos por adelantado
(ahivá q tostón de mail q ha salido xD)
pd: y bueno, ya q estamos puestos, comenten a ver que les parece la
página jeje, no el aspecto visual, q está muy verde, sinó la
estructura de divs, el marcado html y toda la pesca, amén de mejoras q
se les ocurran :)
pd2: ya sé q con intenné esplore no se ve bien, pero es problema
suyo, mi pagina es correcta y sigue los estandares :P
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
