Re: [Ovillo] Imagen dentro de y centrar el texto con respecto a la imagen
Yo creo que la imagen no tendría que ir de fondo del Li ya es que es una fotografía de cada una de las personas que formarán esa lista. Aunque pensándolo, podría dar a cada li un id y ponerle un fondo diferente, aunque no me parece muy operativo. Haré pruebas con el vertical-Align en la imagen pero no me ha funcionado. Muchas gracias por todo. Un saludo, Jose El 22 de febrero de 2010 12:44, mikel blonfu escribió: > Aunque el tema está resuelto con line-height me extraña que no funcione el > vertical-align. Estos son sus valores posibles: > baseline | sub | super | top | text-top | middle | bottom | text-bottom | > | | inherit > > Si las imagenes son decorativas y no añaden información al texto yo las > pondría como fondo como apunta jaume. > ___ > 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://lists.ovillo.org/mailman/listinfo/ovillo > -- Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger el medio ambiente está también en tu mano. -- Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, puede contener información de carácter confidencial exclusivamente dirigida a su(s) destinatario(s). Queda prohibida su divulgación, copia o distribución a terceros sin la previa autorización de . En caso de haber recibido este correo por error, le rogamos notifique inmediatamente esta circunstancia mediante reenvío a la dirección electrónica del remitente. Le agradezco de antemano su colaboración. -- This e-mail, and where appropriate, any file attached to it, should contain information of confidential nature, exclusively intended for its recipient(s). You may not copy this message or use it for any purpose or disclose its contents to any other person or take any action based on them without prior authorization from . Should you have received this mail by mistake, we would be most grateful if you could notify us immediately. Thank you very much indeed in advance for your collaboration. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Imagen dentro de y centrar el texto con respecto a la imagen
Perfecto, esta última opción es la que funciona, porque los vertical-align
en ningún sitio.
Muchas gracias.
Jose
El 22 de febrero de 2010 08:18, jaume op escribió:
> Bueno creo que habrian diferentes modos segun quieras, montarlo, aunque en
> princio presupongo que la imagen sea necesaria como imagen y no como
> background del li o del a.
>
> De un a lado supombo la img de 50px (ejemplo)
>
> li{ height:50px; line-height:50px;} /*centraria verticalmente todo lo que
> haya dentro*/
>
>
> Por otra parte, trabajando con la img
>
> img{valign:middle;} o quiza baseline,
>
> Tambien, si no me equivoco en valign el valor center creo que se
> corresponde
> como valor.
>
> El 21 de febrero de 2010 21:44, joel vinicio almanzar <
> joel_alman...@hotmail.com> escribió:
>
> >
> > En este caso creo que es al texto que el se refiere.
> >
> >
> >
> >
> >
> >
> > > From: andresgut...@gmail.com
> > > Date: Sun, 21 Feb 2010 21:42:39 +0100
> > > To: ovillo@lists.ovillo.org
> > > Subject: Re: [Ovillo] Imagen dentro de y centrar el texto con
> > respecto a la imagen
> > >
> > > Yo pondría el vertical-align:center en la imagen. Pero prueba.
> > >
> > > El 21 de febrero de 2010 19:33, joel vinicio almanzar <
> > > joel_alman...@hotmail.com> escribió:
> > >
> > > >
> > > > intenta ponerle al li un vertical Align
> > > >
> > > > #contenido #cuerpo #cuerpo_miembros ul li{
> vertical-align:center;}
> > > >
> > > >
> > > >
> > > >
> > > >
> > > >
> > > >
> > > > > From: josego...@gmail.com
> > > > > Date: Sun, 21 Feb 2010 19:16:38 +0100
> > > > > To: ovillo@lists.ovillo.org
> > > > > Subject: Re: [Ovillo] Imagen dentro de y centrar el texto con
> > > > respecto a la imagen
> > > > >
> > > > > Este sería el CSS, la cuestión es que no se que aplicar para que
> > centre
> > > > el
> > > > > texto:
> > > > >
> > > > >#contenido #cuerpo #cuerpo_miembros ul{
> > > > > font-size: 0.8em;
> > > > > padding: 0px 0px 0px 35px;
> > > > > }
> > > > >
> > > > > #contenido #cuerpo #cuerpo_miembros ul li{
> > > > > margin: 0px 0px 0px 10px;
> > > > > }
> > > > >
> > > > > #contenido #cuerpo #cuerpo_miembros ul li a img{
> > > > >
> > > > > }
> > > > >
> > > > > #contenido #cuerpo #cuerpo_miembros ul li a{
> > > > > color: #576036;
> > > > > }
> > > > >
> > > > > El 21 de febrero de 2010 18:52, joel vinicio almanzar <
> > > > > joel_alman...@hotmail.com> escribió:
> > > > >
> > > > > >
> > > > > > Nos dejas ver tu css?
> > > > > >
> > > > > >
> > > > > >
> > > > > >
> > > > > >
> > > > > > > From: josego...@gmail.com
> > > > > > > Date: Sun, 21 Feb 2010 18:50:01 +0100
> > > > > > > To: ovillo@lists.ovillo.org
> > > > > > > Subject: [Ovillo] Imagen dentro de y centrar el texto con
> > > > respecto a
> > > > > > la imagen
> > > > > > >
> > > > > > > Hola a todos,
> > > > > > >
> > > > > > > Seguro que es muy simple de hacer pero no soy capaz. Os cuento.
> > > > > > >
> > > > > > > Tengo una lista, dentro de cada uno de los elementos de la
> lista
> > hay
> > > > una
> > > > > > > imagen y un texto (para cada elemento la imagen y el texto son
> > > > > > diferentes).
> > > > > > > La cuestión es que el texto se alinea a la derecha de la imagen
> > (eso
> > > > está
> > > > > > > bien) pero con respecto a la parte inferior de esta y me
> gustaría
> > que
> > > > > > > quedara alineado verticalmente.
> > > > > > >
> > > > > > > Este es el HTML:
> > > > > > >
> > > > > > >
> > > > > > >
> > > > > > >
> > > > > > >
> > > > > > >Pepito Palotes
> > > > > > >
> > > > > > >
> > > > > > >
> > > > > > >
> > > > > > > ¿Que propiedad tendría que darle al CSS de esa lista para que
> el
> > > > texto
> > > > > > > Pepito Palotes quedara centrado con respecto a la imagen?
> > > > > > >
> > > > > > > Un saludo,
> > > > > > >
> > > > > > > Jose
> > > > > > >
> > > > > > >
> > > > > > > --
> > > > > > > Antes de imprimir este mensaje, asegúrate de que es necesario.
> > > > Proteger
> > > > > > el
> > > > > > > medio ambiente está también en tu mano.
> > > > > > >
> > > > > > >
> > --
> > > > > > >
> > > > > > > Este correo electrónico y, en su caso, cualquier fichero anexo
> al
> > > > mismo,
> > > > > > > puede contener información de carácter confidencial
> > exclusivamente
> > > > > > dirigida
> > > > > > > a su(s) destinatario(s). Queda prohibida su divulgación, copia
> o
> > > > > > > distribución a terceros sin la previa autorización de . En caso
> > de
> > > > haber
> > > > > > > recibido este correo por error, le rogamos notifique
> > inmediatamente
> > > > esta
> > > > > > > circunstancia mediante reenvío a la dirección electrónica del
> > > > remitente.
> > > > > > Le
> > > > > > > agradezco de antemano su colaboración.
Re: [Ovillo] Imagen dentro de y centrar el texto con respecto a la imagen
Este sería el CSS, la cuestión es que no se que aplicar para que centre el
texto:
#contenido #cuerpo #cuerpo_miembros ul{
font-size: 0.8em;
padding: 0px 0px 0px 35px;
}
#contenido #cuerpo #cuerpo_miembros ul li{
margin: 0px 0px 0px 10px;
}
#contenido #cuerpo #cuerpo_miembros ul li a img{
}
#contenido #cuerpo #cuerpo_miembros ul li a{
color: #576036;
}
El 21 de febrero de 2010 18:52, joel vinicio almanzar <
joel_alman...@hotmail.com> escribió:
>
> Nos dejas ver tu css?
>
>
>
>
>
> > From: josego...@gmail.com
> > Date: Sun, 21 Feb 2010 18:50:01 +0100
> > To: ovillo@lists.ovillo.org
> > Subject: [Ovillo] Imagen dentro de y centrar el texto con respecto a
> la imagen
> >
> > Hola a todos,
> >
> > Seguro que es muy simple de hacer pero no soy capaz. Os cuento.
> >
> > Tengo una lista, dentro de cada uno de los elementos de la lista hay una
> > imagen y un texto (para cada elemento la imagen y el texto son
> diferentes).
> > La cuestión es que el texto se alinea a la derecha de la imagen (eso está
> > bien) pero con respecto a la parte inferior de esta y me gustaría que
> > quedara alineado verticalmente.
> >
> > Este es el HTML:
> >
> >
> >
> >
> >
> >Pepito Palotes
> >
> >
> >
> >
> > ¿Que propiedad tendría que darle al CSS de esa lista para que el texto
> > Pepito Palotes quedara centrado con respecto a la imagen?
> >
> > Un saludo,
> >
> > Jose
> >
> >
> > --
> > Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger
> el
> > medio ambiente está también en tu mano.
> >
> > --
> >
> > Este correo electrónico y, en su caso, cualquier fichero anexo al mismo,
> > puede contener información de carácter confidencial exclusivamente
> dirigida
> > a su(s) destinatario(s). Queda prohibida su divulgación, copia o
> > distribución a terceros sin la previa autorización de . En caso de haber
> > recibido este correo por error, le rogamos notifique inmediatamente esta
> > circunstancia mediante reenvío a la dirección electrónica del remitente.
> Le
> > agradezco de antemano su colaboración.
> >
> > --
> >
> > This e-mail, and where appropriate, any file attached to it, should
> contain
> > information of confidential nature, exclusively intended for its
> > recipient(s). You may not copy this message or use it for any purpose or
> > disclose its contents to any other person or take any action based on
> them
> > without prior authorization from . Should you have received this mail by
> > mistake, we would be most grateful if you could notify us immediately.
> Thank
> > you very much indeed in advance for your collaboration.
> > ___
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
>
> _
> ¡Los usuarios de Hotmail reciben 80% menos de Spam! Conoce más.
> http://www.descubrewindowslive.com/hotmail/anti-spam.asp
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
--
Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger el
medio ambiente está también en tu mano.
--
Este correo electrónico y, en su caso, cualquier fichero anexo al mismo,
puede contener información de carácter confidencial exclusivamente dirigida
a su(s) destinatario(s). Queda prohibida su divulgación, copia o
distribución a terceros sin la previa autorización de . En caso de haber
recibido este correo por error, le rogamos notifique inmediatamente esta
circunstancia mediante reenvío a la dirección electrónica del remitente. Le
agradezco de antemano su colaboración.
--
This e-mail, and where appropriate, any file attached to it, should contain
information of confidential nature, exclusively intended for its
recipient(s). You may not copy this message or use it for any purpose or
disclose its contents to any other person or take any action based on them
without prior authorization from . Should you have received this mail by
mistake, we would be most grateful if you could notify us immediately. Thank
you very much indeed in advance for your collaboration.
[Ovillo] Imagen dentro de y centrar el texto con respecto a la imagen
Hola a todos, Seguro que es muy simple de hacer pero no soy capaz. Os cuento. Tengo una lista, dentro de cada uno de los elementos de la lista hay una imagen y un texto (para cada elemento la imagen y el texto son diferentes). La cuestión es que el texto se alinea a la derecha de la imagen (eso está bien) pero con respecto a la parte inferior de esta y me gustaría que quedara alineado verticalmente. Este es el HTML: Pepito Palotes ¿Que propiedad tendría que darle al CSS de esa lista para que el texto Pepito Palotes quedara centrado con respecto a la imagen? Un saludo, Jose -- Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger el medio ambiente está también en tu mano. -- Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, puede contener información de carácter confidencial exclusivamente dirigida a su(s) destinatario(s). Queda prohibida su divulgación, copia o distribución a terceros sin la previa autorización de . En caso de haber recibido este correo por error, le rogamos notifique inmediatamente esta circunstancia mediante reenvío a la dirección electrónica del remitente. Le agradezco de antemano su colaboración. -- This e-mail, and where appropriate, any file attached to it, should contain information of confidential nature, exclusively intended for its recipient(s). You may not copy this message or use it for any purpose or disclose its contents to any other person or take any action based on them without prior authorization from . Should you have received this mail by mistake, we would be most grateful if you could notify us immediately. Thank you very much indeed in advance for your collaboration. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] En Explorer 7 no me funciona (encuestro una solución rara)
Si, al final con un position:relative se solucionó todo. Ahora estoy con el menú la teral que hace cosas raras, pero creo que casi lo tengo. Muchas gracais por la ayuda. Jose El 16 de octubre de 2009 11:07, Guadalupe Cervilla escribió: > Hola, > > ¿Lo has arreglado, lo del IE6?, porque yo lo veo bien, o sea, igual que lo > veo en el Firefox. (En Windows xp pro) > > Un saludo, > > Guadalupe > > > El 16 de octubre de 2009 09:05, Jose Manuel Segovia > escribió: > > > Hola nuevamente, > > > > Me respondo a mi mismo. La solución era dormir un poco :-) > > > > Con un positio: relative en el contenedor del div que hace overflow se ha > > solucionado todo y yo pegándome con el "doctype" > > > > Aún así sigue dándome unos errores garrafales con explorer 6, pero bueno, > > creo que voy a dar por perdido ese navegador (aunque he visto que > alrededor > > de un 26% de personas lo siguen usando) > > > > Muchas gracias por escucharme. > > > > Saludos > > > > El 16 de octubre de 2009 09:00, Jose Manuel Segovia > > escribió: > > > > > Hola a todos > > > > > > Nuevamente os escribo para pediros ayuda. > > > > > > Os cuento, tengo prácticamente terminada esta web > > > http://www.ucm.es/info/masterigualdad/ Y como suele pasar en Firefox > > está > > > funcionando correctamente, pero con Explorer pues no. En Explorer 8 si > > > funciona, pero del 7 para abajo no hay forma. En principio me conformo > > con > > > hacerla funcionar en Explorer 7. > > > > > > Os cuento cual es mi problema. Si os fijáis, en la parte inferior, en > el > > > "footer" hay un "slideshow" creado con jQuery. La cuestión es que en > > Firefox > > > el "overflow" (creo) desaparece correctamente, pero en Explorer 7 se > > muestra > > > todo y hace cosas muy raras. Creo que no es problema del javascript, > > porque > > > he encontrado una solución por llamarlo de alguna manera, pero que no > es > > > apropiada. Si cambias el Doctype de la página, y en lugar de ( > html > > > PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " > > > http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>) pones HTML > 4 > > > (), el > > > slideshow se muestra correctamente (otras cosas dejan de funcionar, por > > eso > > > digo que no creo que sea la solución) > > > > > > En definitiva, no entiendo que le pasa y le he estado dando muchas > > vueltas. > > > > > > Ya me diréis. > > > > > > Un saludo, > > > > > > Jose > > > > > ___ > > 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://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > -- > Guadalupe > www.hacerwebs.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] En Explorer 7 no me funciona (encuestro una solución rara)
Hola nuevamente, Me respondo a mi mismo. La solución era dormir un poco :-) Con un positio: relative en el contenedor del div que hace overflow se ha solucionado todo y yo pegándome con el "doctype" Aún así sigue dándome unos errores garrafales con explorer 6, pero bueno, creo que voy a dar por perdido ese navegador (aunque he visto que alrededor de un 26% de personas lo siguen usando) Muchas gracias por escucharme. Saludos El 16 de octubre de 2009 09:00, Jose Manuel Segovia escribió: > Hola a todos > > Nuevamente os escribo para pediros ayuda. > > Os cuento, tengo prácticamente terminada esta web > http://www.ucm.es/info/masterigualdad/ Y como suele pasar en Firefox está > funcionando correctamente, pero con Explorer pues no. En Explorer 8 si > funciona, pero del 7 para abajo no hay forma. En principio me conformo con > hacerla funcionar en Explorer 7. > > Os cuento cual es mi problema. Si os fijáis, en la parte inferior, en el > "footer" hay un "slideshow" creado con jQuery. La cuestión es que en Firefox > el "overflow" (creo) desaparece correctamente, pero en Explorer 7 se muestra > todo y hace cosas muy raras. Creo que no es problema del javascript, porque > he encontrado una solución por llamarlo de alguna manera, pero que no es > apropiada. Si cambias el Doctype de la página, y en lugar de ( PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " > http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>) pones HTML 4 > (), el > slideshow se muestra correctamente (otras cosas dejan de funcionar, por eso > digo que no creo que sea la solución) > > En definitiva, no entiendo que le pasa y le he estado dando muchas vueltas. > > Ya me diréis. > > Un saludo, > > Jose > ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] En Explorer 7 no me funciona (encuestro una solución rara)
Hola a todos Nuevamente os escribo para pediros ayuda. Os cuento, tengo prácticamente terminada esta web http://www.ucm.es/info/masterigualdad/ Y como suele pasar en Firefox está funcionando correctamente, pero con Explorer pues no. En Explorer 8 si funciona, pero del 7 para abajo no hay forma. En principio me conformo con hacerla funcionar en Explorer 7. Os cuento cual es mi problema. Si os fijáis, en la parte inferior, en el "footer" hay un "slideshow" creado con jQuery. La cuestión es que en Firefox el "overflow" (creo) desaparece correctamente, pero en Explorer 7 se muestra todo y hace cosas muy raras. Creo que no es problema del javascript, porque he encontrado una solución por llamarlo de alguna manera, pero que no es apropiada. Si cambias el Doctype de la página, y en lugar de (http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>) pones HTML 4 (), el slideshow se muestra correctamente (otras cosas dejan de funcionar, por eso digo que no creo que sea la solución) En definitiva, no entiendo que le pasa y le he estado dando muchas vueltas. Ya me diréis. Un saludo, Jose ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda-Problema con float
Muchas gracias a todos por vuestra ayuda.
Saludos,
Jose
El 19 de septiembre de 2009 19:11, I'm Jepser
escribió:
> eso es para un bug para IE... Podría funcionar, pero no entiendo por que un
> id con las mismas proporciones de ancho... no crees que sería mejor un
> código así:
> * {
> margin: 0;
> }
>
> html, body {
> height: 100%;
> }
>
>
> #wrap {
>
> }
>
> #container {
> margin: 0 auto;
> width: 790px;
> border: #009900 2px solid; /*colocando esto tienes un div #container con
> ancho total de 794px*/
> text-align: left;
> padding: 0;
> }
>
> /* eliminé el div contenedor por que no hace nada mas que un 1px de borde
> que coloqué en container*/
>
> #areas{
> border: #FF thin solid; /*con el borde ahora tienes 698px de ancho
> disponibles*/
> position: relative;
> }
> .div area{
>
> width: 165px;
>
> height: 143px;
> padding: 16px 0 0 19px;
> font-size: 0.88em;
>
> float:left;
> display:inline; /*esto es para IE*/
>
> }
> .clear{
> clear:both;
> width:100%;
> }
>
>
>
>
>
>
>
> Bla Bla Bla
>
>
> Texto
>
>
>
>
> Area1
>
>
>
>
> Area2
>
>
>
>
> Area3
>
>
>
>
> Area4
>
>
>
>
>
>
>
>
> El 19 de septiembre de 2009 10:56, Francisco González
> escribió:
>
> > Hola te doy la solucion, para q esten en horiz y mantegas el alto dentro
> > del contenedor
> >
> > *Quita los float q tengas* en los areas individuales.
> > luego:
> >
> >
> > #areas{
> > border: #FF thin solid;
> > position: relative;
> > }
> > div.areas_enlinea{
> > display:inline;
> > }
> >
> >
> >
> >
> >
> >
> > Area1
> >
> >
> >
> > ...
> >
> > saludos
> >
> > El 19 de septiembre de 2009 18:07, I'm Jepser > >escribió:
> >
> > > Para no hacerte tantas bolas por que no pruebas con un grid system de
> > CSS,
> > > yo utilizo 960 gs actualmente, apenas pesa 5kb y puedes crear muchas
> > > combinaciones de columnas dentro de un div de 960px puedes descargar la
> > > regilla www.960.gs y ver este tutorial http://bit.ly/qO3zW eso te
> podrá
> > > salvar de algunos dolores de cabeza :)
> > > Éxitos y espero que te ayude,
> > >
> > > El 19 de septiembre de 2009 08:44, Tae Sandoval Murgan
> > > escribió:
> > >
> > > > Prueba agrgandole min-height:100%; a #content, #container y #wrap; y
> > > > height:100%; a y .
> > > >
> > > > --
> > > > http://procrastinando.netne.net
> > > > ___
> > > > 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://lists.ovillo.org/mailman/listinfo/ovillo
> > > >
> > >
> > >
> > >
> > > --
> > > Jepser Bernardino
> > > www.npixels.net
> > > twitter jepser
> > > tel. 52730528
> > > ___
> > > 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> Jepser Bernardino
> www.npixels.net
> twitter jepser
> tel. 52730528
> ___
> 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda-Problema con float
Muchas gracias por tu respuesta voy a ver que tal.
Con respecto a lo que me comentas del 100% del alto, para el tema de dejar
el footer al final de la página estoy usando una de las opciones que he
encontrado por internet, la del "Push" no me gusta mucho porque hay que
meter elementos en el HTML, pero es al que mejor se adapta. Pero mi problema
con el 100% del alto no es el footer sino que un div que se encuentra dentro
de otro que si ocupa el 100% se adapta a este.
Muchas gracias y un saludo,
Jose
El 19 de septiembre de 2009 16:27, Reactivo Química Visual <
conta...@reactivo.es> escribió:
> Hola Jose Manuel,
> Para que el contenedor de los float se adapte al tamaño de los mismos,
> tienes varias opciones:
>
> - la clásica, que es añadir un elemento con *clear:both* justo después de
> dicho contenedor (por ejemplo, un div vacío o un * />*, o tal vez añadirle esa declaración al elemento que ya tengas y que
> venga a continuación).
> - una más actual que evita la inclusión de elementos innecesarios en el
> HTML, que es añadir la propiedad overflow al contenedor de los floats
> (ej.
> *overflow:auto*). Esta es mejor pero a veces crea problemas con barras de
> scroll no deseadas.
>
> Prueba a ver cuál se adapta a lo que quieres hacer.
>
> Respecto a lo de hacer que un div ocupe el 100% de alto, es un tema
> bastante
> tratado en internet sobre todo por el hecho de conseguir un pie que se
> quede
> siempre pegado al borde inferior de la página independientemente del
> contenido. Ahora mismo no creo que pudiera darte una respuesta adecuada
> sobre cómo hacerlo, seguro que alguien en esta lista puede explicártelo
> mejor que yo.
>
> Un saludo,
> Diego.
>
> El 19 de septiembre de 2009 15:27, Jose Manuel Segovia
> escribió:
>
> > Hola a todos,
> >
> > Estoy atascado con unos probleimillas con unos float (no puedo vivir si
> > ellos pero con ellos tampoco).
> >
> > Os cuento lo que me ocurre, quiero poner 4 divs (#areas_t1, #areas_t2,
> > #areas_t3, #areas_t4) alineados horizontalmente, y estos cuatro divs
> tienen
> > que estar dentro de otro div contenedor (#areas). La cuestión es que si
> no
> > les pongo float a los 4 divs de "areas" se quedan alineados
> verticalemnte,
> > así que los floto; Pero al flotarlos se salen de su contenedor #areas.
> >
> > Mi primera pregunta es ¿Cómo hago para que esos 4 divs se queden dentro
> del
> > su contenedor #areas alinea horizontalmente uno al lado del otro?
> >
> > Mi siguiente pregunta va un paso más, el #areas está a su vez dentro de
> > otro
> > que se llama #content y me encantaría que este creciera verticalmente al
> > 100%, es decir que ocupara el tamño completo en vertical de la pantalla.
> Yo
> > creía que con ponerle la altura al 100% ya salí pero no me hace caso ¿qué
> > hago mal?.
> >
> > Os dejo aquí debajo tanto el CSS que estoy usando como el HTML. Y muchas
> > gracias por vuestra ayuda.
> >
> > Saludos,
> >
> > Jose
> >
> > -
> > * {
> >margin: 0;
> > }
> >
> > html, body {
> >height: 100%;
> > }
> >
> > body {
> >text-align:center;
> > }
> >
> > #wrap {
> >border: #CC thin solid;
> >min-height: 100%;
> >height: auto !important;
> >height: 100%;
> >margin: 0 auto 0px auto;
> >width: 100%;
> >min-width: 790px;
> >text-align: left;
> > }
> >
> > #container {
> >margin: 0 auto 0px auto;
> >width: 790px;
> >min-height: 100%;
> >height: auto !important;
> >height: 100%;
> >border: #009900 thin solid;
> >text-align: left;
> >padding: 0px 0px 0px 0px;
> > }
> >
> > #content {
> >border: #00 thin solid;
> > }
> >
> > #areas{
> >border: #FF thin solid;
> >position: relative;
> > }
> >
> >#areas_t1{
> >width: 165px;
> >height: 143px;
> >padding: 16px 0px 0px 19px;
> >font-size: 0.88em;
> >}
> >
> >#areas_t2{
> >width: 165px;
> >height: 143px;
> >padding: 16px 0px 0px 19px;
> >font-size: 0.88em;
> >}
> >
> >#areas_t3{
> >width: 165px;
> >height: 143px;
> >
[Ovillo] Duda-Problema con float
Hola a todos,
Estoy atascado con unos probleimillas con unos float (no puedo vivir si
ellos pero con ellos tampoco).
Os cuento lo que me ocurre, quiero poner 4 divs (#areas_t1, #areas_t2,
#areas_t3, #areas_t4) alineados horizontalmente, y estos cuatro divs tienen
que estar dentro de otro div contenedor (#areas). La cuestión es que si no
les pongo float a los 4 divs de "areas" se quedan alineados verticalemnte,
así que los floto; Pero al flotarlos se salen de su contenedor #areas.
Mi primera pregunta es ¿Cómo hago para que esos 4 divs se queden dentro del
su contenedor #areas alinea horizontalmente uno al lado del otro?
Mi siguiente pregunta va un paso más, el #areas está a su vez dentro de otro
que se llama #content y me encantaría que este creciera verticalmente al
100%, es decir que ocupara el tamño completo en vertical de la pantalla. Yo
creía que con ponerle la altura al 100% ya salí pero no me hace caso ¿qué
hago mal?.
Os dejo aquí debajo tanto el CSS que estoy usando como el HTML. Y muchas
gracias por vuestra ayuda.
Saludos,
Jose
-
* {
margin: 0;
}
html, body {
height: 100%;
}
body {
text-align:center;
}
#wrap {
border: #CC thin solid;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto 0px auto;
width: 100%;
min-width: 790px;
text-align: left;
}
#container {
margin: 0 auto 0px auto;
width: 790px;
min-height: 100%;
height: auto !important;
height: 100%;
border: #009900 thin solid;
text-align: left;
padding: 0px 0px 0px 0px;
}
#content {
border: #00 thin solid;
}
#areas{
border: #FF thin solid;
position: relative;
}
#areas_t1{
width: 165px;
height: 143px;
padding: 16px 0px 0px 19px;
font-size: 0.88em;
}
#areas_t2{
width: 165px;
height: 143px;
padding: 16px 0px 0px 19px;
font-size: 0.88em;
}
#areas_t3{
width: 165px;
height: 143px;
padding: 16px 0px 0px 19px;
font-size: 0.88em;
}
#areas_t4{
width: 165px;
height: 143px;
padding: 16px 0px 0px 19px;
font-size: 0.88em;
}
Bla Bla Bla
Texto
Area1
Area2
Area3
Area4
___
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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] slideshow
Yo he usado alguna vez el S3Slider. Es perfecto si no quieres botoncinos para cambiar de imagen: http://serie3.info/s3slider/ Un saludo, Jose El 28 de julio de 2009 15:33, luis alberto perez < maquetador.freela...@gmail.com> escribió: > Hola gente de la comunidad estoy googleando bastante tratando de encontrar > algun buen slideshow con jquery que vaya pasando imagenes solo sin > controladores saben algun plugins para el mismo. > > Saludos > Luis > ___ > 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Un poco OffTopic -Desplazamiento horizontal
Hola a todos, Quizá esta pregunta es un poco OffTopic pero es que me ha gustado el efecto que he visto en una web y no se como lo hacen. Esta es la web: www.ayerviernes.com Y lo que hacen es desplazarla a izquierda o derecha según la selección del menú. Por lo que veo no es Flash y no se muy bien como lo hacen. También tienen un efecto de centrado del fondo dependiendo del tamaño de la ventana que tampoco se como lo consiguen. Si alguien sabe algo, o de alguna web donde expliquen como hacerlo lo agradecería. Saludos, Jose 2008/11/16 Javier Guerrero > Hola, yo tambièn estaba buscando una soluciòn para hacer que el footer > siempre se posicione en la parte inferior del navegador, y para mi alegrìa > encontrè estas soluciones: > > http://ryanfait.com/sticky-footer/ > http://www.csslab.cl/ejemplos/footer.html > > Saludos cordiales > ___ > 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Comentarios condiconales en IE7
Muchísimas gracias. Es justo ese mi problema. Ya creía que había perdido a mi neurona, con el cariño que le tengo. Un saludo, Jose El día 12/03/08, kemie guaida <[EMAIL PROTECTED]> escribió: > > Si tienes varias versiones de IE instaladas, los comentarios > condicionales por versiåon no te funcionaran (toma siempre el numero de > la version "oficial" instalada) > Para que te funcione debes de hacer ciertas modificaciones: > http://www.positioniseverything.net/articles/multiIE.html > > o bajarte estas versiones > http://tredosoft.com/Multiple_IE > > esperoe so te ayude! > > Kemie > > > Kemie Guaida > :: > http://www.monolinea.com > http://www.istockphoto.com/kemie > > > > > Jose Manuel Segovia wrote: > > Hola a todos, > > > > O algo estoy haciendo mal o se me ha quemado la neurona que tenía > entera. > > > > Estoy poniendo un comentario condicional para que IE7 use otra hoja de > > estilo: > > > > > > > > La cuestión es que no funciona, no lee la el contenido de la hoja de > estilo. > > > > Pero si pongo: > > > > > > > > Lo mismo pero bajando a la versión 6 si que lee el contenido de la hoja > de > > estilo, el único problema es que también lo leen los IE6 y no quiero que > a > > ellos les afecte. Lo he intentado poniendo "gt IE 6" pero sigue pasando. > > > > ¿Hago algo mal o es solo que veo visiones? > > > > Un saludo y gracias. > > > > Jose > > > ___ > > 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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Comentarios condiconales en IE7
Hola a todos, O algo estoy haciendo mal o se me ha quemado la neurona que tenía entera. Estoy poniendo un comentario condicional para que IE7 use otra hoja de estilo: La cuestión es que no funciona, no lee la el contenido de la hoja de estilo. Pero si pongo: Lo mismo pero bajando a la versión 6 si que lee el contenido de la hoja de estilo, el único problema es que también lo leen los IE6 y no quiero que a ellos les afecte. Lo he intentado poniendo "gt IE 6" pero sigue pasando. ¿Hago algo mal o es solo que veo visiones? Un saludo y gracias. Jose ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] DIV con imagen de background y con tama ño relativo
Muchas gracias por vuestras respuestas. El float o el inline nada, no funciona, y lo del contenido es que no quería poner nada. Es para hacer un "Header" en la página que se estire con respecto a la resolución. Se me ha ocurrido montar dos imágenes, una larga en el background por CSS y otra en el HTML y que se solapen, de esa manera cuando la resolución sea más alta que la que define la imagen del HTML va apareciendo el background y sino sólo se ve la del HTML, pero tengo algunos problemillas con un DIV con un Float de un logotipo y además me parece que no es muy accesible (creo que mezclo en el HTML cosa del diseño). Lo dicho, Muchas gracias, seguiré investigando, pero si se os ocurre algo no dudéis en decírmelo. Jose. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de IES ASPE Nº2 Enviado el: martes, 15 de mayo de 2007 21:08 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] DIV con imagen de background y con tamaño relativo has probado a hacerlo inline o float? --- Jose Manuel Segovia <[EMAIL PROTECTED]> escribió: > Hla a todos. > > Hace ya algún tiempo que os sigo, y gracias a todos > estoy aprendiendo algo > de este mundillo. Por lo general las respuestas a > los problemas que me > surgen ya suelen estar contestadas (o me valen > algunas con contenidos > parecidos) y no suelo preguntar, pero esta vez no > doy con la respuestas. He > preguntado a "Pepe Google" (es mi forma cariñosa de > llamar a Google) y > tampoco doy con ella y me suena que ya se ha > planteado (he encontrado algo > parecido pero no me vale). Os cuento. > > Tengo un DIV, al que por CSS le coloco una imagen de > Background, hasta aquí > todo bien. El problema llega cuando al DIV le quito > el tamaño fijo (tenía > puesto el height de la imagen, height=553;) y se lo > pongo relativo > (height=100%;). Lo que ocurre es que el DIV se > encoje totalmente (imagino > que es por no tener contenido en la parte HTML) y no > hay forma de estirarlo. > > ¿Sabéis como puedo hacer para que aunque no tenga > contenido el DIV se adapte > al tamaño de la pantalla o del DIV que lo contiene? > > Espero haber explicado más o menos bien. > > Un saludo y muchas gracias. > > ___ > 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://lists.ovillo.org/mailman/listinfo/ovillo > ¡Descubre una nueva forma de obtener respuestas a tus preguntas! Entra en Yahoo! Respuestas. http://es.answers.yahoo.com/info/welcome ___ 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] DIV con imagen de background y con tama ño relativo
Hla a todos. Hace ya algún tiempo que os sigo, y gracias a todos estoy aprendiendo algo de este mundillo. Por lo general las respuestas a los problemas que me surgen ya suelen estar contestadas (o me valen algunas con contenidos parecidos) y no suelo preguntar, pero esta vez no doy con la respuestas. He preguntado a "Pepe Google" (es mi forma cariñosa de llamar a Google) y tampoco doy con ella y me suena que ya se ha planteado (he encontrado algo parecido pero no me vale). Os cuento. Tengo un DIV, al que por CSS le coloco una imagen de Background, hasta aquí todo bien. El problema llega cuando al DIV le quito el tamaño fijo (tenía puesto el height de la imagen, height=553;) y se lo pongo relativo (height=100%;). Lo que ocurre es que el DIV se encoje totalmente (imagino que es por no tener contenido en la parte HTML) y no hay forma de estirarlo. ¿Sabéis como puedo hacer para que aunque no tenga contenido el DIV se adapte al tamaño de la pantalla o del DIV que lo contiene? Espero haber explicado más o menos bien. Un saludo y muchas gracias. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemilla con margen superiro del men ú
Ya he encontrado más o menos donde está el problema, pero ni lo entiendo ni
se como solucionarlo.
Tengo este código CSS:
#content a{
Font-size: 0.95em;
Text-decoration: none;
Font-weight: bold;
Color: #ED8F03;
}
#content a:hover{
Color: #00;
Background-color: #FFCC33;
}
Es un hover sobre un enlace, al pasar el ratón sólo cambia el color de la
fuente y le pone un fondo. En FireFox va perfectamente, pero en el Explorer
6 si le dejo la línea del Background-color del hover hace un peqeuño
movimiento alargando la página.
No se como arreglarlo.
Un saludo,
Jose
---Original Message---
From: [EMAIL PROTECTED]
Date: 23/02/2007 16:10:05
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Problemilla con margen superiro del menú
Por lo que veo parece que tiene un problema de border, en algun momento le
estás asignando un border en un rollover y por eso se te mueve.
prueba ponerle un borde superior del mimso color del fondo
Saludos,
Javier Trejo
[EMAIL PROTECTED]
www.tsinformatica.com.ar
- Mensaje original -
De: Jose Manuel Segovia Guisado <[EMAIL PROTECTED]>
Fecha: Viernes, Febrero 23, 2007 11:14 am
Asunto: [Ovillo] Problemilla con margen superiro del menú
> Hola a todos.
>
> Tengo un menú bailón!!!, me explico.
>
> No se muy bien cual es el problema, pero creo que tiene que ver con el
> margen... Al grano. He creado un menú de pestañas el cual como es
> normalfunciona perfectamente en FireFox, pero en el Explorer 6 sube
> y baja.
>
> Si queréis ver el efecto que digo que hace podéis verlo en: http://www
> humerproductos.com/
>
> Cuando pasas sobre el menú de pestañas el margen que tiene se
> desplaza y se
> coloca en su posición real, pero en cuanto pasas sobre cualquier
> otra parte
> de la web que sea un enlace, el margen del menú superior se contrae
> y queda
> pegado al banner superior. Como os digo no se si es un problema del
> margen,de algún hover... Pero no se como solucionarlo.
>
> El css de esa página está en:
> http://www.humerproductos.com/CSS/stylesheetcss
> Y el CSS específico para el Explorer está en:
> http://www.humerproductoscom/CSS/stylesheet_ie.css
>
> Un saludo y gracias.
> ___
> 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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemilla con margen superiro del men ú
He intentado lo que decías pero no encuentro donde poner el border-top del mismo color que el fondo. He probado comentando todas las líneas en las que pongo algún borde y nada, aún sin border en toda la página sigue pasando. Luego he puesto un border-top en aquellas líneas en las que tenía un border-bottom y nada, sigue haciéndolo. ¿Sabes justo en que línea del CSS tengo el error?, ¿más ideas? Un saludo, Jose ---Original Message--- From: [EMAIL PROTECTED] Date: 23/02/2007 16:10:05 To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] Problemilla con margen superiro del menú Por lo que veo parece que tiene un problema de border, en algun momento le estás asignando un border en un rollover y por eso se te mueve. prueba ponerle un borde superior del mimso color del fondo Saludos, Javier Trejo [EMAIL PROTECTED] www.tsinformatica.com.ar - Mensaje original - De: Jose Manuel Segovia Guisado <[EMAIL PROTECTED]> Fecha: Viernes, Febrero 23, 2007 11:14 am Asunto: [Ovillo] Problemilla con margen superiro del menú > Hola a todos. > > Tengo un menú bailón!!!, me explico. > > No se muy bien cual es el problema, pero creo que tiene que ver con el > margen... Al grano. He creado un menú de pestañas el cual como es > normalfunciona perfectamente en FireFox, pero en el Explorer 6 sube > y baja. > > Si queréis ver el efecto que digo que hace podéis verlo en: http://www > humerproductos.com/ > > Cuando pasas sobre el menú de pestañas el margen que tiene se > desplaza y se > coloca en su posición real, pero en cuanto pasas sobre cualquier > otra parte > de la web que sea un enlace, el margen del menú superior se contrae > y queda > pegado al banner superior. Como os digo no se si es un problema del > margen,de algún hover... Pero no se como solucionarlo. > > El css de esa página está en: > http://www.humerproductos.com/CSS/stylesheetcss > Y el CSS específico para el Explorer está en: > http://www.humerproductoscom/CSS/stylesheet_ie.css > > Un saludo y gracias. > ___ > 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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemilla con margen superiro del men ú
Un borde!!!, voy a buscarlo. Muchas gracias ---Original Message--- From: [EMAIL PROTECTED] Date: 23/02/2007 16:10:05 To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] Problemilla con margen superiro del menú Por lo que veo parece que tiene un problema de border, en algun momento le estás asignando un border en un rollover y por eso se te mueve. prueba ponerle un borde superior del mimso color del fondo Saludos, Javier Trejo [EMAIL PROTECTED] www.tsinformatica.com.ar - Mensaje original - De: Jose Manuel Segovia Guisado <[EMAIL PROTECTED]> Fecha: Viernes, Febrero 23, 2007 11:14 am Asunto: [Ovillo] Problemilla con margen superiro del menú > Hola a todos. > > Tengo un menú bailón!!!, me explico. > > No se muy bien cual es el problema, pero creo que tiene que ver con el > margen... Al grano. He creado un menú de pestañas el cual como es > normalfunciona perfectamente en FireFox, pero en el Explorer 6 sube > y baja. > > Si queréis ver el efecto que digo que hace podéis verlo en: http://www > humerproductos.com/ > > Cuando pasas sobre el menú de pestañas el margen que tiene se > desplaza y se > coloca en su posición real, pero en cuanto pasas sobre cualquier > otra parte > de la web que sea un enlace, el margen del menú superior se contrae > y queda > pegado al banner superior. Como os digo no se si es un problema del > margen,de algún hover... Pero no se como solucionarlo. > > El css de esa página está en: > http://www.humerproductos.com/CSS/stylesheetcss > Y el CSS específico para el Explorer está en: > http://www.humerproductoscom/CSS/stylesheet_ie.css > > Un saludo y gracias. > ___ > 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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problemilla con margen superiro del men ú
Hola a todos. Tengo un menú bailón!!!, me explico. No se muy bien cual es el problema, pero creo que tiene que ver con el margen... Al grano. He creado un menú de pestañas el cual como es normal funciona perfectamente en FireFox, pero en el Explorer 6 sube y baja. Si queréis ver el efecto que digo que hace podéis verlo en: http://www humerproductos.com/ Cuando pasas sobre el menú de pestañas el margen que tiene se desplaza y se coloca en su posición real, pero en cuanto pasas sobre cualquier otra parte de la web que sea un enlace, el margen del menú superior se contrae y queda pegado al banner superior. Como os digo no se si es un problema del margen, de algún hover... Pero no se como solucionarlo. El css de esa página está en: http://www.humerproductos.com/CSS/stylesheet css Y el CSS específico para el Explorer está en: http://www.humerproductos com/CSS/stylesheet_ie.css Un saludo y gracias. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Editores
Hola a todos. Estoy haciendo mis pinitos haciendo una página accesible en XHTML y CSS y estoy un poco cansado del editor que uso. Es el "Microsoft Expression Web Designer" y la verdad que no está nada mal, incluye un previsuliazador de lo que haces pero es que previsualiza lo que le da la gana, algo totalmente distinto a lo que se vería en un navegador, lo cual no es muy práctico y desconcentra mucho. Así que estoy buscando alternativas. ¿Qué usáis vosotros?. Un saludo, Jose ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Pegar DIV al bottom de la ventana
Muchas gracias,
Así lo haré.
Saludos,
Jose.
---Original Message---
From: Ignacio Fortea
Date: 24/11/2006 10:12:54
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
> -Mensaje original-
> De: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED]
> En nombre de Jose Manuel Segovia Guisado Enviado el: jueves,
> 23 de noviembre de 2006 01:35
> Para: Ovillo la lista de CSS en castellano
> Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
>
> Pues la verdad que no se que hago mal, he copiado justo lo
> que tu has puesto
> he validado y esto me dice:
>
> Errores
> URI : file://localhost/stylesheet.css
> Lnea: 4 Contexto : ???
> Error de anlisis sintctico - ???* { * margin : 0; * padding : 0; }
>
> Puede que me de el eroor por hacerlo en local?
Para validar hojas de estilo en local, utiliza la extension webdeveloper de
Firefox.
Yo creo que ahí esta tu error.
Un saludo
___
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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Pegar DIV al bottom de la ventana
No se si con esto ayudo, pero..., esos tres signos de interrogación
realmente en la página de validación van metidos dentro de un rombo negro.
Ahora, que no se lo que quieren indicar con ellos
---Original Message---
From: Christian Roque Geldres
Date: 23/11/2006 19:54:20
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Lo curioso son esos 3 signos de interrogación
Christian Roque Geldres
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Jose Manuel Segovia Guisado
Enviado el: jueves, 23 de noviembre de 2006 01:50
Para: 'Ovillo la lista de CSS en castellano'
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
Lo he cambiado por lo que t indicas y sigue dicindome lo mismo.
Errores
URI : file://localhost/stylesheet.css
Lnea: 1 Contexto : ???
Error de anlisis sintctico - ???*{margin:0, padding:0;}
La verdad es que no lo entiendo.
Muchas gracias por la ayuda.
---Original Message---
From: Christian Roque Geldres
Date: 11/23/06 19:46:18
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
El correcto es:
*{margin:0, padding:0;}
En tu cdigo parece que dice :
* { * margin : 0; * padding : 0; }
Saludos
Christian Roque
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Jose Manuel Segovia Guisado
Enviado el: jueves, 23 de noviembre de 2006 01:35
Para: Ovillo la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
Pues la verdad que no se que hago mal, he copiado justo lo que tu has puesto
he validado y esto me dice:
Errores
URI : file://localhost/stylesheet.css
Lnea: 4 Contexto : ???
Error de anlisis sintctico - ???* { * margin : 0; * padding : 0; }
Puede que me de el eroor por hacerlo en local?
---Original Message---
From: webmaster
Date: 23/11/2006 19:27:03
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola,
Mira yo aqu estoy validando mi prueba:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww
revistamundo.com%2Fdesign%2Ffooter%2Festilos.css&usermedium=all
y esoty usando la extencin y valido sin problemas (1 warning XD )
Saludos!
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Jose Manuel Segovia Guisado
Sent: Jueves, 23 de Noviembre de 2006 11:56 a.m.
To: Ovillo la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola grupo,
Curiosamente estoy validando el cdigo CSS en la W3C de una hoja que tiene
puesto esto que deca *{margin:0; padding:0;} y no para de decirme que hay
un error de sintaxis.
Sabis si se puede solucionar?
Saludos,
Jose
---Original Message---
From: webmaster
Date: 11/23/06 17:09:46
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Fijate que exactamente eso probe ayer por la tarde y tienes razn, lo logre
hacer funcionar :)
De tomas manera muchisimas gracias :)
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Christian Roque Geldres
Sent: Mircoles, 22 de Noviembre de 2006 02:17 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola Vlad, he probado tu cdigo y en Firefox el footer se va al fondo pero
un poco mas de donde debiera [1] ya que debera ser exactamente el alto de
la pantalla porque el contenido es corto, esto se debe a que los navegadores
tienen medidas predeterminadas para los elementos, esto se "resetea"
poniendo esto al inicio de tu CSS:
*{margin:0; padding:0;}
Prubalo y veras que se ve bien en FF[2] e IE, no he podido probarlo en otro
navegador.
Saludos
[1] http://img68.imageshack.us/img68/4929/footer1qb1.jpg
[2] http://img292.imageshack.us/img292/4030/footer2ad9.jpg
Christian Roque Geldres
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: mircoles, 22 de noviembre de 2006 02:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola Christiaan,
Mira yo estoy probando con la solucin que me diste:
HTML
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
Footer
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus diam
mauris, blandit a, vestibulum non, condimentum in, dolor. Quisque non
libero. Nulla pellentesque lobortis odio. Donec sapien pede, tristique eget,
auctor sed, vestibulum sed, felis. Ut nisi tellus, scelerisque ac, lobortis
sit amet, eleifend fermentum, odio. Ut ornare nunc sit amet massa. Nunc
vitae dolor. Aliquam a nunc sed erat convallis tempus. Ut non dui sed nisi
vehicula condimentum. Donec venenatis
Re: [Ovillo] Pegar DIV al bottom de la ventana
Lo he cambiado por lo que t indicas y sigue dicindome lo mismo.
Errores
URI : file://localhost/stylesheet.css
Lnea: 1 Contexto : ???
Error de anlisis sintctico - ???*{margin:0, padding:0;}
La verdad es que no lo entiendo.
Muchas gracias por la ayuda.
---Original Message---
From: Christian Roque Geldres
Date: 11/23/06 19:46:18
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
El correcto es:
*{margin:0, padding:0;}
En tu cdigo parece que dice :
* { * margin : 0; * padding : 0; }
Saludos
Christian Roque
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Jose Manuel Segovia Guisado
Enviado el: jueves, 23 de noviembre de 2006 01:35
Para: Ovillo la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
Pues la verdad que no se que hago mal, he copiado justo lo que tu has puesto
he validado y esto me dice:
Errores
URI : file://localhost/stylesheet.css
Lnea: 4 Contexto : ???
Error de anlisis sintctico - ???* { * margin : 0; * padding : 0; }
Puede que me de el eroor por hacerlo en local?
---Original Message---
From: webmaster
Date: 23/11/2006 19:27:03
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola,
Mira yo aqu estoy validando mi prueba:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww
revistamundo.com%2Fdesign%2Ffooter%2Festilos.css&usermedium=all
y esoty usando la extencin y valido sin problemas (1 warning XD )
Saludos!
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Jose Manuel Segovia Guisado
Sent: Jueves, 23 de Noviembre de 2006 11:56 a.m.
To: Ovillo la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola grupo,
Curiosamente estoy validando el cdigo CSS en la W3C de una hoja que tiene
puesto esto que deca *{margin:0; padding:0;} y no para de decirme que hay
un error de sintaxis.
Sabis si se puede solucionar?
Saludos,
Jose
---Original Message---
From: webmaster
Date: 11/23/06 17:09:46
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Fijate que exactamente eso probe ayer por la tarde y tienes razn, lo logre
hacer funcionar :)
De tomas manera muchisimas gracias :)
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Christian Roque Geldres
Sent: Mircoles, 22 de Noviembre de 2006 02:17 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola Vlad, he probado tu cdigo y en Firefox el footer se va al fondo pero
un poco mas de donde debiera [1] ya que debera ser exactamente el alto de
la pantalla porque el contenido es corto, esto se debe a que los navegadores
tienen medidas predeterminadas para los elementos, esto se "resetea"
poniendo esto al inicio de tu CSS:
*{margin:0; padding:0;}
Prubalo y veras que se ve bien en FF[2] e IE, no he podido probarlo en otro
navegador.
Saludos
[1] http://img68.imageshack.us/img68/4929/footer1qb1.jpg
[2] http://img292.imageshack.us/img292/4030/footer2ad9.jpg
Christian Roque Geldres
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: mircoles, 22 de noviembre de 2006 02:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola Christiaan,
Mira yo estoy probando con la solucin que me diste:
HTML
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
Footer
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus diam
mauris, blandit a, vestibulum non, condimentum in, dolor. Quisque non
libero. Nulla pellentesque lobortis odio. Donec sapien pede, tristique eget,
auctor sed, vestibulum sed, felis. Ut nisi tellus, scelerisque ac, lobortis
sit amet, eleifend fermentum, odio. Ut ornare nunc sit amet massa. Nunc
vitae dolor. Aliquam a nunc sed erat convallis tempus. Ut non dui sed nisi
vehicula condimentum. Donec venenatis convallis tortor.
Todos los derechos reservados
CSS
html{height: 100%;}
body{
height: 100%;
margin: 0px;
padding: 0px;
background-color:#fc0;
}
* html #contenedor {height: 100%;}
#contenedor {
position:relative;
height:100%;
margin: auto;
}
* html #pie {margin-top: -40px;}
#pie {
position:relative;
height: 40px;
margin-top:-40px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
background-color:#600;
}
En IE me funciona bien en FF no, tienes idea de que pueda ser?
Saludos,
Vlad.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque
Geldres
Sent: Mircoles, 22 de Noviembre de 2006 12:21 p.m.
To: 'Ovillo, la lista de CSS en cast
Re: [Ovillo] Pegar DIV al bottom de la ventana
Pues la verdad que no se que hago mal, he copiado justo lo que tu has puesto
he validado y esto me dice:
Errores
URI : file://localhost/stylesheet.css
Lnea: 4 Contexto : ???
Error de anlisis sintctico - ???* { * margin : 0; * padding : 0; }
Puede que me de el eroor por hacerlo en local?
---Original Message---
From: webmaster
Date: 23/11/2006 19:27:03
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola,
Mira yo aqu estoy validando mi prueba:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww
revistamundo.com%2Fdesign%2Ffooter%2Festilos.css&usermedium=all
y esoty usando la extencin y valido sin problemas (1 warning XD )
Saludos!
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Jose Manuel Segovia Guisado
Sent: Jueves, 23 de Noviembre de 2006 11:56 a.m.
To: Ovillo la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola grupo,
Curiosamente estoy validando el cdigo CSS en la W3C de una hoja que tiene
puesto esto que deca *{margin:0; padding:0;} y no para de decirme que hay
un error de sintaxis.
Sabis si se puede solucionar?
Saludos,
Jose
---Original Message---
From: webmaster
Date: 11/23/06 17:09:46
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Fijate que exactamente eso probe ayer por la tarde y tienes razn, lo logre
hacer funcionar :)
De tomas manera muchisimas gracias :)
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Christian Roque Geldres
Sent: Mircoles, 22 de Noviembre de 2006 02:17 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola Vlad, he probado tu cdigo y en Firefox el footer se va al fondo pero
un poco mas de donde debiera [1] ya que debera ser exactamente el alto de
la pantalla porque el contenido es corto, esto se debe a que los navegadores
tienen medidas predeterminadas para los elementos, esto se "resetea"
poniendo esto al inicio de tu CSS:
*{margin:0; padding:0;}
Prubalo y veras que se ve bien en FF[2] e IE, no he podido probarlo en otro
navegador.
Saludos
[1] http://img68.imageshack.us/img68/4929/footer1qb1.jpg
[2] http://img292.imageshack.us/img292/4030/footer2ad9.jpg
Christian Roque Geldres
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: mircoles, 22 de noviembre de 2006 02:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola Christiaan,
Mira yo estoy probando con la solucin que me diste:
HTML
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
Footer
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus diam
mauris, blandit a, vestibulum non, condimentum in, dolor. Quisque non
libero. Nulla pellentesque lobortis odio. Donec sapien pede, tristique eget,
auctor sed, vestibulum sed, felis. Ut nisi tellus, scelerisque ac, lobortis
sit amet, eleifend fermentum, odio. Ut ornare nunc sit amet massa. Nunc
vitae dolor. Aliquam a nunc sed erat convallis tempus. Ut non dui sed nisi
vehicula condimentum. Donec venenatis convallis tortor.
Todos los derechos reservados
CSS
html{height: 100%;}
body{
height: 100%;
margin: 0px;
padding: 0px;
background-color:#fc0;
}
* html #contenedor {height: 100%;}
#contenedor {
position:relative;
height:100%;
margin: auto;
}
* html #pie {margin-top: -40px;}
#pie {
position:relative;
height: 40px;
margin-top:-40px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
background-color:#600;
}
En IE me funciona bien en FF no, tienes idea de que pueda ser?
Saludos,
Vlad.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque
Geldres
Sent: Mircoles, 22 de Noviembre de 2006 12:21 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
El problema de ese mtodo de usar "position:absolute; bottom:0;" es que la
primera vez que cargas una pagina larga (ejem un blog) que tenga varias
imgenes, el pie de pagina puede aparecer no necesariamente al final de la
pagina, por eso yo recomiendo el footerStickAlt:
http://themaninblue.com/experiment/footerStickAlt/
Ah puedes ver ejemplos del mtodo que mencionas y uno alternativo que en
lugar de englobar el footer en un contenedor lo que hace es poner el footer
fuera del contenedor, a este contenedor se le da una altura de 100% y el
footer se posiciona al final con un margen superior negativo, la explicacin
en si esta ac:
http://themaninblue.com/writing/perspective/2005/08/29/
Saludos
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[
Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola grupo,
Curiosamente estoy validando el código CSS en la W3C de una hoja que tiene
puesto esto que decía *{margin:0; padding:0;} y no para de decirme que hay
un error de sintaxis.
¿Sabéis si se puede solucionar?
Saludos,
Jose
---Original Message---
From: webmaster
Date: 11/23/06 17:09:46
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Fijate que exactamente eso probe ayer por la tarde y tienes razón, lo logre
hacer funcionar :)
De tomas manera muchisimas gracias :)
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Christian Roque Geldres
Sent: Miércoles, 22 de Noviembre de 2006 02:17 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola Vlad, he probado tu código y en Firefox el footer se va al fondo pero
un poco mas de donde debiera [1] ya que debería ser exactamente el alto de
la pantalla porque el contenido es corto, esto se debe a que los navegadores
tienen medidas predeterminadas para los elementos, esto se "resetea"
poniendo esto al inicio de tu CSS:
*{margin:0; padding:0;}
Pruébalo y veras que se ve bien en FF[2] e IE, no he podido probarlo en otro
navegador.
Saludos
[1] http://img68.imageshack.us/img68/4929/footer1qb1.jpg
[2] http://img292.imageshack.us/img292/4030/footer2ad9.jpg
Christian Roque Geldres
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: miércoles, 22 de noviembre de 2006 02:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola Christiaan,
Mira yo estoy probando con la solución que me diste:
HTML
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
Footer
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus diam
mauris, blandit a, vestibulum non, condimentum in, dolor. Quisque non
libero. Nulla pellentesque lobortis odio. Donec sapien pede, tristique eget,
auctor sed, vestibulum sed, felis. Ut nisi tellus, scelerisque ac, lobortis
sit amet, eleifend fermentum, odio. Ut ornare nunc sit amet massa. Nunc
vitae dolor. Aliquam a nunc sed erat convallis tempus. Ut non dui sed nisi
vehicula condimentum. Donec venenatis convallis tortor.
Todos los derechos reservados
CSS
html{height: 100%;}
body{
height: 100%;
margin: 0px;
padding: 0px;
background-color:#fc0;
}
* html #contenedor {height: 100%;}
#contenedor {
position:relative;
height:100%;
margin: auto;
}
* html #pie {margin-top: -40px;}
#pie {
position:relative;
height: 40px;
margin-top:-40px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
background-color:#600;
}
En IE me funciona bien en FF no, tienes idea de que pueda ser?
Saludos,
Vlad.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque
Geldres
Sent: Miércoles, 22 de Noviembre de 2006 12:21 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
El problema de ese método de usar "position:absolute; bottom:0;" es que la
primera vez que cargas una pagina larga (ejem un blog) que tenga varias
imágenes, el pie de pagina puede aparecer no necesariamente al final de la
pagina, por eso yo recomiendo el footerStickAlt:
http://themaninblue.com/experiment/footerStickAlt/
Ahí puedes ver ejemplos del método que mencionas y uno alternativo que en
lugar de englobar el footer en un contenedor lo que hace es poner el footer
fuera del contenedor, a este contenedor se le da una altura de 100% y el
footer se posiciona al final con un margen superior negativo, la explicación
en si esta acá:
http://themaninblue.com/writing/perspective/2005/08/29/
Saludos
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de sn
Enviado el: miércoles, 22 de noviembre de 2006 12:02
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
yo resolví el mismo dilema hace unos cuantos meses en la lista, he pegado el
post en mensajes anteriores pero la gente sorprendentemente decía que no le
funcionaba.
así que para aclarar de una vez por todas el entuerto, ya que parece ser un
problema bastante común os pego un enlace al pedazo de blog WebIntenta,
donde el colega se ha pegado unas plantillas de diseños típicos, el que nos
ocupa entre ellos.
http://www.webintenta.com/wp-content/uploads/2006/11/Lay2columnasAnchoFijoPi
e.html
pues ahi esta, espero solucione.
un saludo.
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de
Re: [Ovillo] Color barras scroll de un div
Gracias Christian, ya me olía yo que eso no podía hacerlo con CSS ---Original Message--- From: Christian Roque Geldres Date: 11/22/06 17:26:30 To: 'Ovillo, la lista de CSS en castellano' Subject: Re: [Ovillo] Color barras scroll de un div Esa propiedad solo existe en IE, puedes tratar de hacerlo con javascript usando imágenes, acá hay uno bueno http://meddle.dzygn.com/esp/weblog/modificacion.scroller/ Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Jose Manuel Segovia Guisado Enviado el: miércoles, 22 de noviembre de 2006 11:04 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] Color barras scroll de un div Holas a todo el grupo. Seguro que alguno de vosotros sabe la respuesta :) ¿es posible cambiar el color, etc, etc, etc a las barras de scroll de un div (al igual que se puede hacer con las del navegador)?, si la respuesta es si, ¿cómo?. Y ya que estoy os hago otra pregunta que no se como solucionarlo y lo iba a dejar por imposible, a un div le he puesto que muestre las líneas izquierda y derecha, en el IE las líneas llegan hasta el final de la página, pero en Firefox es como si el div no se estirara del todo y eso que tiene contenido (no se si me he explicado muy bien, estoy empezando con esto y seguro que es alguna cosa rara del IE pero no que es. La cuestión es que quiero que en Firefox se vea como en el IE). Un saludo, Jose. ___ 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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Color barras scroll de un div
Holas a todo el grupo. Seguro que alguno de vosotros sabe la respuesta :) ¿es posible cambiar el color, etc, etc, etc a las barras de scroll de un div (al igual que se puede hacer con las del navegador)?, si la respuesta es si, ¿cómo?. Y ya que estoy os hago otra pregunta que no se como solucionarlo y lo iba a dejar por imposible, a un div le he puesto que muestre las líneas izquierda y derecha, en el IE las líneas llegan hasta el final de la página, pero en Firefox es como si el div no se estirara del todo y eso que tiene contenido (no se si me he explicado muy bien, estoy empezando con esto y seguro que es alguna cosa rara del IE pero no que es. La cuestión es que quiero que en Firefox se vea como en el IE). Un saludo, Jose. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Pregunta sobre validación CSS
Muchas gracias voy a probarlo. ---Original Message--- From: KARLOS Date: 14/11/2006 16:06:34 To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] Pregunta sobre validación CSS 2006/11/14, Jose Manuel Segovia Guisado <[EMAIL PROTECTED]>: > > Hola a todos. > > Ya, por fin, después de validar el XHTML estoy validando el código CSS y > el > validador de la W3C dice: > "No hay errores ni advertencias > Su hoja de estilo CSS necesita un árbol de análisis del documento válido > para funcionar correctamente. Por tanto debe usar HTML válido." > Con esto entiendo que el código es correcto, pero por ningún sitio parece > como en el validador de XHTML la posibilidad de descargar las imágenes que > indican que el CSS es válido para ponerlas en la web. ¿Sabéis si para la > validación del CSS tan sólo dice esto y ya te buscas tú las imágenes o me > falta todavía algo?. > Un saludo, > Jose. Esto es porque le haces la validacion en local, coloca los archivos en algun host y veras que ya no te dice eso -- http://hightechweb.net -- Directoio web http://webtech2you.com Diseño y desarrollo web ___ 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Pregunta sobre validación CSS
Hola a todos. Ya, por fin, después de validar el XHTML estoy validando el código CSS y el validador de la W3C dice: "No hay errores ni advertencias Su hoja de estilo CSS necesita un árbol de análisis del documento válido para funcionar correctamente. Por tanto debe usar HTML válido." Con esto entiendo que el código es correcto, pero por ningún sitio parece como en el validador de XHTML la posibilidad de descargar las imágenes que indican que el CSS es válido para ponerlas en la web. ¿Sabéis si para la validación del CSS tan sólo dice esto y ya te buscas tú las imágenes o me falta todavía algo?. Un saludo, Jose. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Error en la validación código XHTML e n W3C
Muchas gracias por tú rápida respuesta.
Como dices sustituiré todos los & por & (no se muy bien que es parsear
pero me documentaré). Gracias.
Y lo de lista, la incluyo a continuación pero creo que no he puesto p. La
verdad que es la priera vez que hago un menú con listas así que he podido
meter la pata en mil sitios. Aquí va el chorizo:
Menu:
Portal
Empleo
Comisión
Continua
Consejo
Escuela
IE
Servicios
http://www.uqt
es/info/uqtp/pags.php?tp=Estudiantes&a=directorio&d=0010686.php">
Prácticas para estudiantes
http://www.uqt
es/info/uqt/pags.php?tp=Titulados&a=directorio&d=0010691.php">
Bolsa
http://www.uqt
es/info/uqt/pags.php?tp=Titulados&a=directorio&d=0009611.php">
Programa
Foros
Fundación
Campañas
Emprende
Público
http://www.uqt
es/info/uqt/pags.php?tp=uqt%uqt&a=directorio&d=0008315.php">
Oposiciones y concursos
http://www.uqt
es/info/uqt/pags.php?tp=Personal%20y%uqt&a=servicios/uqt&d=men00052.php">
Convocatorias
Acceso
http://www.uqt
es/info/uqt/pags.php?tp=uqt/%uqt&a=directorio&d=0010688.php">
Ofertas
http://www
ucmuqtes/info/uqt/pags.php?tp=uqt/%uqt&a=directorio&d=0009966.php">
práctica
http://www.uqt
es/info/uqt/pags
php?tp=uqt%uqt%20/%20Perfiles%20y%20%uqt%20de%20Inserción%uqt&a=directorio&d=
008336.php">
Perfiles
Acceso
Guía
Planificación
Prácticas
Idiomas
Informática
Formación
Competencias
Insercción
Primer
La carta de presentación
El CVitae
La entrevista
Pruebas
Contratos
Algo más
Auto
Actividades
Contacto
Ayuda
La empresa
Nuestra
Centros
Acceso
Investigación
Programas
Específicas
Muchas gracias por la ayuda.
---Original Message---
From: [EMAIL PROTECTED]
Date: 14/11/2006 11:03:08
To: ovillo@lists.ovillo.org
Subject: Re: [Ovillo]Error en la validación código XHTML en W3C
el 2º error es por no parsear la ruta del enlace.. todos los & hay que
sustituirlos por &
respecto al primero, depende de como estes poniendo la lista o en
donde la estes incluyendo... tal vez lo estes haciendo dentro de un p
Quoting Jose Manuel Segovia Guisado <[EMAIL PROTECTED]>:
> Hola a todos.
>
> Me estoy volviendo un poco loco con la validación del código en la
> herramienta de la W3C (posiblemente porque soy un novato en el tema), y
por
> eso recurro a vosotros a ver si me podéis ayudar.
>
> Realmente me da dos errores que no se por donde cogerlos, os los cuento:
>
> 1º) Parece ser que estos errores que os pongo a continuación son todos
> frutos de este error que me indica el editor: "In XHTML 1.0 Transitional
the
> tag cannot contain a tag ".
>
> Error Line 62 column 38: document type does not allow element
> ul" here; assuming missing "li" start-tag.
>
> Error Line 69 column 67: document type does not allow element
> li" here; missing one of "ul", "ol", "menu", "dir" start-tag.
> ...menuizq_li" onclick="javascript:montre('smenu2');">
> The mentioned element is not allowed to appear in the context
in
> which you've placed it; the other mentioned elements are the only ones
that
> are both allowed there and can contain the element mentioned. This might
> mean that you need a containing element, or possibly that you've forgotten
> to close a previous element.
> One possible cause for this message is that you have attempted to put a
> block-level element (such as "" or "") inside an inline element
> (such as "", "", or "").
> No se si es necesario que os pegue todo el chorro de código pero en
resumen
> es la parte del código del menú que realmente son listas no ordenad
Re: [Ovillo] Error en la validación código XHTML e n W3C
Pablo, he leído tú respuesta ahora mismo y ya había mandado todo el chorizo
del código, pero creo que como verás es justo ese mi error.
Muchas gracias gracias por la ayuda.
Un saludo.
Jose.
---Original Message---
From: Pablo Suarez León
Date: 14/11/2006 11:07:22
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo]Error en la validación código XHTML en W3C
a)
Para poder poner un ul dentro de otro ul tienes que ponerlo dentro de un li,
esto es:
MAL
BIEN
b)
Los & en las urls tienes que codificarlos como &
Pablo Suárez León
Analista
Programador
Technosite
Grupo Fundosa
Tfno: 91-121.03.54
Fax:
91-3.75.70.51
www.technosite.es [http://www.technosite.es/]
-Original Message-
From: "Jose Manuel Segovia Guisado" <[EMAIL PROTECTED]>
To:
Date: Tue, 14 Nov 2006 10:58:03 +0100 (Hora estándar romance)
Subject: [Ovillo] Error en la validación código XHTML en W3C
Hola a todos.
Me estoy volviendo un poco loco con la validación del código en la
herramienta de la W3C (posiblemente porque soy un novato en el tema), y por
eso recurro a vosotros a ver si me podéis ayudar.
Realmente me da dos errores que no se por donde cogerlos, os los cuento:
1º) Parece ser que estos errores que os pongo a continuación son todos
frutos de este error que me indica el editor: "In XHTML 1.0 Transitional the
tag cannot contain a tag ".
Error Line 62 column 38: document type does not allow element
ul" here; assuming missing "li" start-tag.
Error Line 69 column 67: document type does not allow element
li" here; missing one of "ul", "ol", "menu", "dir" start-tag.
...menuizq_li" onclick="javascript:montre('smenu2');">
The mentioned element is not allowed to appear in the context in
which you've placed it; the other mentioned elements are the only ones that
are both allowed there and can contain the element mentioned. This might
mean that you need a containing element, or possibly that you've forgotten
to close a previous element.
One possible cause for this message is that you have attempted to put a
block-level element (such as "" or "") inside an inline element
(such as "", "", or "").
No se si es necesario que os pegue todo el chorro de código pero en resumen
es la parte del código del menú que realmente son listas no ordenadas y
dentro de algunas hay utras para los submenus. Imagino que ese es
el problema pero yo creía que un submenú se podía hacer así.
¿Se os ocurre alguna explicación/pista de por donde puede ir el asunto?
2º) El segundo error que me indica es con los enlaces, me dice que:
Warning Line 76 column 124: cannot generate system identifier for general
entity "a".
.es/info/ucmp/pags.php?to=Estudiantes&a=directorio&d=0010686.php">
An entity reference was found in the document, but there is no reference by
that name defined. Often this is caused by misspelling the reference name,
unencoded ampersands, or by leaving off the trailing semicolon (;). The most
common cause of this error is unencoded ampersands in URLs as described by
the WDG in "Ampersands in URLs".
Entity references start with an ampersand (&) and end with a semicolon (;).
If you want to use a literal ampersand in your document you must encode it
as "&" (even inside URLs!). Be careful to end entity references with a
semicolon or your entity reference may get interpreted in connection with
the following text. Also keep in mind that named entity references are
case-sensitive; &Aelig; and æ are different characters.
If this error appears in some markup generated by PHP's session handling
code, this article has explanations and solutions to your problem.
Note that in most documents, errors related to entity references will
trigger up to 5 separate messages from the Validator. Usually these will all
disappear when the original problem is fixed.
Error Line 76 column 124: general entity "a" not defined and no default
entity.
.es/info/ucmp/pags.php?to=Estudiantes&a=directorio&d=0010686.php">
This is usually a cascading error caused by a an undefined entity reference
or use of an unencoded ampersand (&) in an URL or body text. See the
previous message for further details.
Como podréis ver el error es de los links, son links a páginas PHP y
parece
ser que no le gusta nada, he leido el artículo relacionado que indica pero
no veo la solución. Los links en el código están puestos así: "http://www.ucq
[http://www.ucq/]
es/info/ucqp/pags.php?tp=Estudiantes&a=directorio&d=0010686.php">"
¿Sabéis que puedo hacer p
[Ovillo] Error en la validación código XHTML e n W3C
Hola a todos.
Me estoy volviendo un poco loco con la validación del código en la
herramienta de la W3C (posiblemente porque soy un novato en el tema), y por
eso recurro a vosotros a ver si me podéis ayudar.
Realmente me da dos errores que no se por donde cogerlos, os los cuento:
1º) Parece ser que estos errores que os pongo a continuación son todos
frutos de este error que me indica el editor: "In XHTML 1.0 Transitional the
tag cannot contain a tag ".
Error Line 62 column 38: document type does not allow element
ul" here; assuming missing "li" start-tag.
Error Line 69 column 67: document type does not allow element
li" here; missing one of "ul", "ol", "menu", "dir" start-tag.
...menuizq_li" onclick="javascript:montre('smenu2');">
The mentioned element is not allowed to appear in the context in
which you've placed it; the other mentioned elements are the only ones that
are both allowed there and can contain the element mentioned. This might
mean that you need a containing element, or possibly that you've forgotten
to close a previous element.
One possible cause for this message is that you have attempted to put a
block-level element (such as "" or "") inside an inline element
(such as "", "", or "").
No se si es necesario que os pegue todo el chorro de código pero en resumen
es la parte del código del menú que realmente son listas no ordenadas y
dentro de algunas hay utras para los submenus. Imagino que ese es
el problema pero yo creía que un submenú se podía hacer así.
¿Se os ocurre alguna explicación/pista de por donde puede ir el asunto?
2º) El segundo error que me indica es con los enlaces, me dice que:
Warning Line 76 column 124: cannot generate system identifier for general
entity "a".
es/info/ucmp/pags.php?to=Estudiantes&a=directorio&d=0010686.php">
An entity reference was found in the document, but there is no reference by
that name defined. Often this is caused by misspelling the reference name,
unencoded ampersands, or by leaving off the trailing semicolon (;). The most
common cause of this error is unencoded ampersands in URLs as described by
the WDG in "Ampersands in URLs".
Entity references start with an ampersand (&) and end with a semicolon (;).
If you want to use a literal ampersand in your document you must encode it
as "&" (even inside URLs!). Be careful to end entity references with a
semicolon or your entity reference may get interpreted in connection with
the following text. Also keep in mind that named entity references are
case-sensitive; &Aelig; and æ are different characters.
If this error appears in some markup generated by PHP's session handling
code, this article has explanations and solutions to your problem.
Note that in most documents, errors related to entity references will
trigger up to 5 separate messages from the Validator. Usually these will all
disappear when the original problem is fixed.
Error Line 76 column 124: general entity "a" not defined and no default
entity.
es/info/ucmp/pags.php?to=Estudiantes&a=directorio&d=0010686.php">
This is usually a cascading error caused by a an undefined entity reference
or use of an unencoded ampersand (&) in an URL or body text. See the
previous message for further details.
Como podréis ver el error es de los links, son links a páginas PHP y parece
ser que no le gusta nada, he leido el artículo relacionado que indica pero
no veo la solución. Los links en el código están puestos así: "http://www.ucq
es/info/ucqp/pags.php?tp=Estudiantes&a=directorio&d=0010686.php">"
¿Sabéis que puedo hacer para que se valide este código?
Muchas gracias por escuchar las lamentaciones de un novato.
Un saludo,
Jose.
___
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://lists.ovillo.org/mailman/listinfo/ovillo
