Re: [Ovillo] Imagen dentro de li 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 jaum...@gmail.com 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 li 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 li 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 li 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:
ul
li
a href=prueba.html
img src=imagenes/miembros/miembro0.jpg /
Pepito Palotes
/a
/li
/ul
¿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
Re: [Ovillo] Imagen dentro de li 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 jan...@gmail.com 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 | porcentaje | medida | 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
[Ovillo] Imagen dentro de li 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: ul li a href=prueba.html img src=imagenes/miembros/miembro0.jpg / Pepito Palotes /a /li /ul ¿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] Imagen dentro de li 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 li 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:
ul
li
a href=prueba.html
img src=imagenes/miembros/miembro0.jpg /
Pepito Palotes
/a
/li
/ul
¿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.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un
[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 (!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;) pones HTML 4 (!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN), 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] 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 josego...@gmail.comescribió: 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 (!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;) pones HTML 4 (!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN), 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] 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 guadalupe...@gmail.comescribió: 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 josego...@gmail.comescribió: 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 josego...@gmail.comescribió: 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 (!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;) pones HTML 4 (!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN), 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] Duda-Problema con float
Muchas gracias a todos por vuestra ayuda.
Saludos,
Jose
El 19 de septiembre de 2009 19:11, I'm Jepser
m...@jepserbernardino.comescribió:
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%;
}
body
div id=container
h1
Bla Bla Bla
/h1
p
Texto
/p
div id=areas
div class=div-area
p
Area1
/p
/div
div class=div-area
p
Area2
/p
/div
div class=div-area
p
Area3
/p
/div
div class=div-area
p
Area4
/p
/div
div class=clear/div
/div
/div
/body
El 19 de septiembre de 2009 10:56, Francisco González
armij...@gmail.comescribió:
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;
}
div id=areas
div id=areas_t1 class=areas_enlinea
p
Area1
/p
/div
div id=areas_t2 class=areas_enlinea
...
saludos
El 19 de septiembre de 2009 18:07, I'm Jepser m...@jepserbernardino.com
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
taeci...@gmail.comescribió:
Prueba agrgandole min-height:100%; a #content, #container y #wrap; y
height:100%; a body y html.
--
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
[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;
}
body
div id=wrap
div id=container
div id=content
h1
Bla Bla Bla
/h1
p
Texto
/p
div id=areas
div id=areas_t1
p
Area1
/p
/div
div id=areas_t2
p
Area2
/p
/div
div id=areas_t3
p
Area3
/p
/div
div id=areas_t4
p
Area4
/p
/div
/div
/div
/div
/div
/body
___
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 *br style=clear:both
/*, 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
josego...@gmail.comescribió:
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;
}
body
div id=wrap
div id=container
div id=content
h1
Bla Bla Bla
/h1
p
Texto
/p
div id=areas
div id=areas_t1
p
Area1
/p
/div
div id=areas_t2
p
Area2
/p
/div
div id=areas_t3
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 demix...@gmail.com 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
[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: !--[if IE 7] link href=CSS/stylesheet_ie.css rel=stylesheet type=text/css media=screen / ![endif]-- La cuestión es que no funciona, no lee la el contenido de la hoja de estilo. Pero si pongo: !--[if IE 6] link href=CSS/stylesheet_ie.css rel=stylesheet type=text/css media=screen / ![endif]-- 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] 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: !--[if IE 7] link href=CSS/stylesheet_ie.css rel=stylesheet type=text/css media=screen / ![endif]-- La cuestión es que no funciona, no lee la el contenido de la hoja de estilo. Pero si pongo: !--[if IE 6] link href=CSS/stylesheet_ie.css rel=stylesheet type=text/css media=screen / ![endif]-- 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
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
[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
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
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 ú
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
[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
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
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
titleFooter/title
link href=estilos.css rel=stylesheet type=text/css /
/head
body
!-- Inicio - Contenedor del sitio Web --
div id=contenedor
!-- Inicio - Contenido del sitio Web --
div id=contenido
pLorem 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./p
/div
!-- Fin - Contenido del sitio Web --
/div
!-- Inicio - Contenedor del sitio Web --
div id=pie
pTodos los derechos reservados/p
/div
!-- Fin - Contenedor del sitio Web --
/body
/html
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
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.cssusermedium=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
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
titleFooter/title
link href=estilos.css rel=stylesheet type=text/css /
/head
body
!-- Inicio - Contenedor del sitio Web --
div id=contenedor
!-- Inicio - Contenido del sitio Web --
div id=contenido
pLorem 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./p
/div
!-- Fin - Contenido del sitio Web --
/div
!-- Inicio - Contenedor del sitio Web --
div id=pie
pTodos los derechos reservados/p
/div
!-- Fin - Contenedor del sitio Web --
/body
/html
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
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.cssusermedium=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
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
titleFooter/title
link href=estilos.css rel=stylesheet type=text/css /
/head
body
!-- Inicio - Contenedor del sitio Web --
div id=contenedor
!-- Inicio - Contenido del sitio Web --
div id=contenido
pLorem 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./p
/div
!-- Fin - Contenido del sitio Web --
/div
!-- Inicio - Contenedor del sitio Web --
div id=pie
pTodos los derechos reservados/p
/div
!-- Fin - Contenedor del sitio Web --
/body
/html
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
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.cssusermedium=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
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
titleFooter/title
link href=estilos.css rel=stylesheet type=text/css /
/head
body
!-- Inicio - Contenedor del sitio Web --
div id=contenedor
!-- Inicio - Contenido del sitio Web --
div id=contenido
pLorem 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
[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] 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] 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 ul cannot contain a tag ul .
Error Line 62 column 38: document type does not allow element
ul here; assuming missing li start-tag.
ul class=submenu id=smenu1
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 p or table) inside an inline element
(such as a, span, or font).
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 li hay utras ul 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=Estudiantesa=directoriod=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 amp; (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 aelig; 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=Estudiantesa=directoriod=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í: a title=
Prácticas para estudiantes target=_blank href=http://www.ucq
es/info/ucqp/pags.php?tp=Estudiantesa=directoriod=0010686.php/a
¿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
Re: [Ovillo] Error en la validación código XHTML e n W3C
=#
Auto
/a
/li
li class=menuizq_li onclick=javascript:montre();
a class=menuizq_li_a title=Actividades href=#activconvo
Actividades
/a
/li
li class=menuizq_li onclick=javascript:montre();
a class=menuizq_li_a title= href=#
Contacto
/a
/li
li class=menuizq_li onclick=javascript:montre();
a class=menuizq_li_a title= href=#
Ayuda
/a
/li
/ul
br /
h2La empresa/h2
ul id=menuiz2 class=menuizq_ul
li class=menuizq_lia class=menuizq_li_a href=#
Nuestra/a/li
li class=menuizq_lia class=menuizq_li_a href=#
Centros/a/li
li class=menuizq_lia class=menuizq_li_a href=#
Acceso/a/li
li class=menuizq_lia class=menuizq_li_a href=#
Investigación/a/li
li class=menuizq_lia class=menuizq_li_a href=#
Programas/a/li
li class=menuizq_lia class=menuizq_li_a href=#
Específicas/a/li
/ul
/div
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 amp;
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 ul cannot contain a tag ul .
Error Line 62 column 38: document type does not allow element
ul here; assuming missing li start-tag.
ul class=submenu id=smenu1
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 p or table) inside an inline element
(such as a, span, or font).
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 li hay utras ul 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=Estudiantesa=directoriod=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 amp; (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 aelig; 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=Estudiantesa=directoriod=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
[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] 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
