Hola listeros:
Estoy realizando un diseño con 960.gs y todo perfecto pero me he encontrado
con un pequeño problema que no logro resolver. Tengo un DIV contenedor con
una imagen dentro (ver codigo debajo) y necesito que esa imagen quede
centrada siempre tanto vertical como horizontalmente para asi
El problema, creo es que la imagen no se mueve de lugar. La imagen tiene un
tamaño fijo XxY no se si poniendole un porcentaje la misma se pueda reducir.
Aqui les va un pantallazo http://www.dropmocks.com/mVio4 la primera imagen
es en una resolucion de 800x600 obvio y la segunda en 1920x1080.
PD:
El primer div, div class=grid_2 alpha debería tener overflow: hidden
Lo tiene?
El 25 de mayo de 2011 15:38, reynie...@gmail.com reynie...@gmail.comescribió:
Justo eso es lo que tengo :)
div class=grid_2 alpha
img class=image title=Please enter your login details. alt=Please
enter your
La imagen sin medidas?
*Plácido Luna*
http://www.octubre.com.uy
(+598) 99 942723
2011/5/25 Martín Szyszlican marti...@gmail.com
El primer div, div class=grid_2 alpha debería tener overflow: hidden
Lo tiene?
El 25 de mayo de 2011 15:38, reynie...@gmail.com reynie...@gmail.com
escribió:
@Martin: No lo tiene
@Placido: Se le debe poner medidas a las imagenes?
Saludos
Ing. Reynier Pérez Mira
Cel: +58 416.921.7406 / 416.012.1226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com
2011/5/25 Plácido Luna octubre196...@gmail.com
La
2011 01:43 p.m.
*Para: Ovillo, la lista de CSS en castellano
*Asunto: [Ovillo] Centrar imagen horizontal y vertical
*
*Hola listeros:
*Estoy realizando un diseño con 960.gs y todo perfecto pero me he encontrado
*con un pequeño problema que no logro resolver. Tengo un DIV contenedor con
*una imagen
Reynier, no es obligatorio, pero ayudas al renderizado de la página, acá hay
alguna información al respecto:
http://www.w3.org/TR/REC-html40/struct/objects.html#adef-width-IMG (The
height http://www.w3.org/TR/REC-html40/struct/objects.html#adef-height-IMGand
width
Acabo de recibir un mensaje lleno de insultos y descalificaciones de
alguien que no conozco de nada, hace dos días que me apunte por
casualidad a esta lista, pero si esto es lo que hay de interesante
aquí, sabed que acabo de borrarme ahora mismo. Todo lo que reciba de
ovillo, si recibo algo, será
2011/5/26 damian fernandez smrabe...@gmail.com
Acabo de recibir un mensaje lleno de insultos y descalificaciones de
alguien que no conozco de nada, hace dos días que me apunte por
casualidad a esta lista, pero si esto es lo que hay de interesante
aquí, sabed que acabo de borrarme ahora mismo.
En una oportunidad hice la consulta con relación a centrar una imagen entre dos
columnas y en su momento quejo en entredicho si se podía o no y cómo hacerlo.
Sabía que tenía el ejemplo, pero no recordaba donde. Hoy por casualidad la
encontré en otro HD y se las dejo por si les es útil.
Hola a todos:
¿Es posible centrar en el navegador una imagen de fondo? Estoy probando
con este código:
body { background: #C3DAF9 url('../images/background_logo.png')
no-repeat center 60px; }
Pero mi IDE (Netbeans) me arroja este warning/error: Unexpected value
token 60px
Al tanto de sus
En teoría podrías hacerlo con:
body { background: #C3DAF9 url('../images/background_logo.png')
no-repeat center center; }
Pero no se del todo si se pueda hacer en el body o si funcione en todos los
navegadores.
Saludos.
2010/2/5 ReynierPM rper...@uci.cu
Hola a todos:
¿Es posible centrar en
Creoq no se pueden mezclar unidades.. o los dos en px, o los dos
relativos (center center)..
2010/2/5 Luis Mario Álvarez mag...@magrio.net:
En teoría podrías hacerlo con:
body { background: #C3DAF9 url('../images/background_logo.png')
no-repeat center center; }
Pero no se del todo si se
On 2/5/2010 3:34 PM, Ardilla Roja wrote:
Creoq no se pueden mezclar unidades.. o los dos en px, o los dos
relativos (center center)..
Ya he probado con esa variante que me dicen de center center pero solo
me centra en los laterales pero no de abajo a arriba. He probado
metiendo la imagen en
Ya probaste con:
body { background: #C3DAF9 url('../images/background_logo.png') no-repeat
50% 50%; } ???
2010/2/5 ReynierPM rper...@uci.cu
On 2/5/2010 3:34 PM, Ardilla Roja wrote:
Creoq no se pueden mezclar unidades.. o los dos en px, o los dos
relativos (center center)..
Ya he probado
On 2/5/2010 3:48 PM, Luis Mario Álvarez wrote:
Ya probaste con:
body { background: #C3DAF9 url('../images/background_logo.png') no-repeat
50% 50%; } ???
Sucede lo mismo que si pongo center center
--
Saludos
ReynierPM
___
Lista de distribución
En que sistema operativo estas trabajando y en que explorador.
Date: Fri, 5 Feb 2010 15:50:17 -0500
From: rper...@uci.cu
To: ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Centrar imagen de fondo
On 2/5/2010 3:48 PM, Luis Mario Álvarez wrote:
Ya probaste con:
body { background
On 2/5/2010 3:55 PM, joel vinicio almanzar wrote:
En que sistema operativo estas trabajando y en que explorador.
WinXP y FF 3.6
--
Saludos
ReynierPM
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
joel_alman...@hotmail.com
En que sistema operativo estas trabajando y en que explorador.
Date: Fri, 5 Feb 2010 15:50:17 -0500
From: rper...@uci.cu
To: ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Centrar imagen de fondo
On 2/5/2010 3:48 PM, Luis Mario Álvarez wrote:
Ya probaste
On 2/5/2010 4:04 PM, Ignacio Ricci wrote:
Si se pueden mezclar unidades...
Técnicamente no es recomendable, pero poder se puede.
Y el código esta bien así... no entiendo porque lo ves mal.
Ejemplo: https://dl.dropbox.com/u/1598087/test-center-ovillo.html
A lo mejor es cosa del IDE, quien
Pero deberia de de verse bien en tu computadora entonces algo mal debes de
estar haciendo
Date: Fri, 5 Feb 2010 16:18:56 -0500
From: rper...@uci.cu
To: ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Centrar imagen de fondo
On 2/5/2010 4:04 PM, Ignacio Ricci wrote:
Si se pueden
en tu computadora entonces algo mal debes de
estar haciendo
Date: Fri, 5 Feb 2010 16:18:56 -0500
From: rper...@uci.cu
To: ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Centrar imagen de fondo
On 2/5/2010 4:04 PM, Ignacio Ricci wrote:
Si se pueden mezclar unidades
On 2/5/2010 4:35 PM, Gerardo Oscar Jimenez Tornos wrote:
Hola,
El problema es que el elemento HTML también es un objeto en el navegador y
tiene la altura del contenido de la página.
Este código funciona:
HTML {height:100%;}
BODY {background:url('
2010/2/5 Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com:
Hola,
El problema es que el elemento HTML también es un objeto en el navegador y
tiene la altura del contenido de la página.
Este código funciona:
HTML {height:100%;}
BODY {background:url('
pero si cambias la linea del CSS para HTML a esto, rompe:
HTML {height:100%; background-color: red}
y rompe para Chrome, FF y IE. Nu se porque un cambio del color de
fondo tenga que afectar a la posicion del background image, encima en
todos los motores. Digo yo que sera algo como el
Y yo me pregunto, imagen de fondo?:
Debe quedar centrada? 50% 50% // center center
Centrada cuando haya scroll? Fixed - Absolute?
Creo que no entendi el problema
--
Saludos
Jaume
___
Lista de distribución Ovillo
Para escribir a la lista, envia un
como centro una imagen verticalmente?
gracias!
---
Ra?l Antonio Marino
http://www.raulantoniomarino.com.ar
- Original Message -
From: Javier Fernandez [mailto:email.j...@gmail.com]
To: ovillo@lists.ovillo.org
Sent: Wed, 29 Jul 2009 05:06:31 +0200
Subject: Re: [Ovillo] ie y firefox
img {vertical-align:middle;}
2009/7/29 Raúl Antonio Marino i...@raulantoniomarino.com.ar
como centro una imagen verticalmente?
gracias!
---
Ra?l Antonio Marino
http://www.raulantoniomarino.com.ar
- Original Message -
From: Javier Fernandez [mailto:email.j...@gmail.com]
To:
Asunto: Re: [Ovillo] centrar imagen!
img {vertical-align:middle;}
2009/7/29 Raúl Antonio Marino i...@raulantoniomarino.com.ar
como centro una imagen verticalmente?
gracias!
---
Ra?l Antonio Marino
http://www.raulantoniomarino.com.ar
- Original Message -
From: Javier Fernandez
[mailto:ovillo-boun...@lists.ovillo.org] En nombre de Ignacio Ricci Enviado
el: miércoles, 29 de julio de 2009 16:52
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] centrar imagen!
img {vertical-align:middle;}
2009/7/29 Raúl Antonio Marino i...@raulantoniomarino.com.ar
como centro
] centrar imagen!
img {vertical-align:middle;}
2009/7/29 Raúl Antonio Marino i...@raulantoniomarino.com.ar
como centro una imagen verticalmente?
gracias!
---
Ra?l Antonio Marino
http://www.raulantoniomarino.com.ar
- Original Message -
From: Javier
.
Slt.
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre de Ignacio Ricci
Enviado
el: miércoles, 29 de julio de 2009 16:52
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] centrar imagen
Bueno, creo que enfocándolo desde otro punto de vista puedes llegar a un
efecto similar al que quieres. Para ello tendrías que establecer, en el
proceso de trabajo, un _ancho mínimo_ para las imágenes, y aplicar este como
ancho de los pies de foto. En este momento ya tendrías el texto pie de la
Buenas,
he probado esto y no me funciona, me lo coloca mal y me coge el ancho del
texto que metes no el ancho de la imagen...
tengo puesto:
html:
div class=contenedorFotoPopNoticia
span class=contenedorimg src=../imagenes/noticias/foto1.jpg
alt=Imagen noticia //span
span class=pieMesa de
;
width: 100%;
clear: both;
}
- Mensaje original
De: Oscar martinez novoa [EMAIL PROTECTED]
Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Enviado: miércoles, 7 de marzo, 2007 9:39:03
Asunto: Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio
en castellano ovillo@lists.ovillo.org
Enviado: miércoles, 7 de marzo, 2007 9:39:03
Asunto: Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un
lio
Buenas,
he probado esto y no me funciona, me lo coloca mal y me coge el ancho del
texto que metes no el ancho de la imagen
] [OVILLO] - Centrar imagen con su pie de foto... un
lio
Buenas,
he probado esto y no me funciona, me lo coloca mal y me coge el ancho
del
texto que metes no el ancho de la imagen...
tengo puesto:
html:
div class=contenedorFotoPopNoticia
span class=contenedorimg src=../imagenes
] [mailto:[EMAIL PROTECTED] En nombre de Oscar martinez
novoa
Enviado el: miércoles 7 de marzo de 2007 16:32
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio
Hola gente!,
Alguien se le ocurre como arreglar esto?
Gracias
algo?
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED] En nombre de Oscar martinez novoa
Enviado el: miércoles 7 de marzo de 2007 16:32
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un
lio
Hola
] - Centrar imagen con su pie de foto... un
lio
Buenas,
he probado esto y no me funciona, me lo coloca mal y me coge el ancho
del
texto que metes no el ancho de la imagen...
tengo puesto:
html:
div class=contenedorFotoPopNoticia
span class=contenedorimg src=../imagenes/noticias/foto1
:[EMAIL PROTECTED] En nombre de Oscar martinez
novoa
Enviado el: miércoles 7 de marzo de 2007 16:56
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio
Es eso pero centrado en el medio y que poniendo cualquier foto sin decir yo su
:
[EMAIL PROTECTED] En nombre de Oscar martinez novoa
Enviado el: miércoles 7 de marzo de 2007 16:56
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un
lio
Es eso pero centrado en el medio y que poniendo cualquier foto
Hola gente,
como van?
Bueno la cosa es que quiero centrar una imagen dentro de una pagina y abajo
quiero poner su pie de foto, pero claro cuando me pongo a poner un borde a
la imagen y un fondo con otro borde al pie de la imagen, veo que el ancho
acupa toda la pagina.
Se que si pongo el ancho de
no estoy seguro si entendi lo que quieres hacer, pero sin haberlo testeado,
supongo que este codigo te servira... (el pie se va a acomodar al ancho de
la imagen.. va en realidad a un span que contiene adentro la imagen y el
pie)
style
body {
text-align:center;
}
.contenedor {
text-align:center;
44 matches
Mail list logo
