[Ovillo] Dibujar con CSS
No se si ya lo han visto, pero ahí va: http://metalize.liveonstyle.com/wp-content/uploads/2007/05/css-painting.html No me queda muy claro como hace los árboles y nubes :( Christian Roque G ___ 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] Dibujar con CSS
Ahh. Claro puntos (.), yo que buscaba el border-radius por algún lado Aun me parece un trabajazo Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Juan Jorge Muñoz Herrero Enviado el: Miércoles, 16 de Mayo de 2007 09:51 a.m Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Dibujar con CSS Interesante, aunque hay que estar aburrido... Lo hace poniendo puntos (.) con tamaños enormes. El día 16/05/07, Christian Roque Geldres [EMAIL PROTECTED] escribió: No se si ya lo han visto, pero ahí va: http://metalize.liveonstyle.com/wp-content/uploads/2007/05/css-painting.html No me queda muy claro como hace los árboles y nubes :( Christian Roque G ___ 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 -- Juan Jorge Muñoz Herrero http://www.taarq.com (0034) 635 10 7142 ___ 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] ¡Y dale con las convenciones!
La cuestión es que sabiendo que a+b+c = a igual escribes pensando en
a+b+c = d, obviamente te sale mal y te pones a llorar, si no lo entiendes
no lo uses, y si lo usas usalo bien.
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Almirante von Web/.
Enviado el: Miércoles, 25 de Abril de 2007 10:08 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] ¡Y dale con las convenciones!
¡Esa es la cuestión!: ¿a+b+c = a?
¡¡¡A...!!! ¡¡¡Paren el mundo que me quiero bajar!!!
Einstein, volvé que te perdonamos: los del W3C se tomaron la teoría de la
relatividad como absoluta... ;-) ¡Ouch!
Almirante von Web/.
--
Educando al asno, por no apalearlo.
(c)2007 ;-)
- Original Message -
From: jaume op [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, April 25, 2007 11:31 AM
Subject: Re: [Ovillo] ¡Y dale con las convenciones!
Esta sea la cuestión.
el consorcio dice...
los oteadores ejecutan ?
la gente habla.
pero? pienso ; quiero una casa de 100m.
Podría ser que al amueblarla se hiciera más grande?
margin+paddding+width = width?.
Como explicar esto, sin discursión?
Pienso que no apota nada nuevo pero la pregunta sería, ¿ a quien hacer
caso?
Realmente de quien es, y quien sufre el problema?
El día 24/04/07, LISTAS [EMAIL PROTECTED] escribió:
Estoy diseñando/programando un sitio de pantalla interactiva de
comportamiento relativo (líquido); esto es: que todo ocurre en una misma
ventana con un IFRAME como destino y sin importar la resolución del
monitor
del usuario.
El objeto en ciernes está dividido en 3 DIV alineados con la propiedad de
posición absolute.
El primero, llamado columna, de 14px de ancho, está a cero píxel (0px)
del
margen; el segundo, llamado menú, de 125px, a 14px del margen; y el
tercero, llamado central está a 141px y es de ancho líquido (100%) ya
que
se ajusta a la pantalla de usuario.
| 14px | 125px | 100% |
| Algo | Links | IFRAME |
| | ||
Dentro del DIV central calza un IFRAME de destino.
El código es este:
html
head
titleMalditas reglas/title
style
.columna {
margin: 0px; position: absolute; background: #CCFFCC; width: 14px; height:
100%; top: 0px; left: 0px; border: solid blue 1px; padding: 1px;
text-align:
center; display: block;
}
.menu {
margin: 0px; position: absolute; background: #CCD8E6; width: 125px;
height:
100%; top: 0px; left: 16px; border: solid black 1px; padding: 2px;
display:
block /* (none en el original) */;
}
.central {
margin: 0px; position: absolute; background: #CC; width: 100%; height:
100%; top: 0px; left: 141px; border: solid red 1px; padding: 7px;
overflow:
hidden; display: block;
}
.marco {
-moz-border-radius:30px;
margin: 0px; border: solid blue 2px; padding: 10px; overflow: auto; width:
100%; height: 100%;
}
/style
/head
body
div class=columna/div
div class=menu/div
div class=central
iframe id=destino name=Destino scrolling=yes width=100%
height=100% frameborder=0 marginwidth=20 marginheight=20
class=marco src=central.htm
a href=central.htm target=Destino
Su navegador no acepta iframes/a
/div
/body
/html
Ahora bien. ¿Qué creen uds. que obtengo cuando lo visualizo todo con
Opera,
Explorer y Firefox? ¡Pura mierda!
Ninguno de los 3 ven lo mismo. Hay estúpidos y absurdos desbordamientos
en
ancho y alto. Absurdos escalonamientos (ver al pie) de 3 objetos con los
mismos parámetros. De modo que para corregir estos bodrios deformes tengo
que recurrir a un truco de JavaScript que me he inventado hace añares y
que
emprolija todo y para todos los navegadores. Pero, ¿y por qué tengo que
ponerle un bonete al sombrero para cubrirme del sol, si ya compré el
sombrero?
Pero no entiendo porqué, con tantas convenciones por allí, y el W3C en el
medio, el perro no ladra, el gato pía y el canario caza ratones
Es como
si
habiendo comprado una pistola de rayos láser tenga que matar al monstruo a
patadas.
¿Enojado es la palabra? Enojadísimo pues
¡HOY ESTOY ENOJADO! Me he
leído
el manual de CSS2 y los proyectos del CSS3 y nada, che. Mucha teoría
intelectual, pero en la práctica, el pescado todavía sin vender y cada
día
huele peor... :(
Y después, nos quieren seguir haciendo creer que el hombre llegó a la
luna
¡Bah!
Almirante von Web/.
--
Educando al asno, por no apalearlo.
(c)2007 ;-)
___
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
Re: [Ovillo] ¡Y dale con las convenciones!
Por cierto todo este lloriqueo por el modelo de cajas y lo ilógico que es ya
se trato en este hilo:
http://ovillo.org/pipermail/ovillo/2006-October/011180.html
Y fue presentado como un Bug por el mismo autor de este
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Christian Roque Geldres
Enviado el: Miércoles, 25 de Abril de 2007 10:12 a.m.
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] ¡Y dale con las convenciones!
La cuestión es que sabiendo que a+b+c = a igual escribes pensando en
a+b+c = d, obviamente te sale mal y te pones a llorar, si no lo entiendes
no lo uses, y si lo usas usalo bien.
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Almirante von Web/.
Enviado el: Miércoles, 25 de Abril de 2007 10:08 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] ¡Y dale con las convenciones!
¡Esa es la cuestión!: ¿a+b+c = a?
¡¡¡A...!!! ¡¡¡Paren el mundo que me quiero bajar!!!
Einstein, volvé que te perdonamos: los del W3C se tomaron la teoría de la
relatividad como absoluta... ;-) ¡Ouch!
Almirante von Web/.
--
Educando al asno, por no apalearlo.
(c)2007 ;-)
- Original Message -
From: jaume op [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, April 25, 2007 11:31 AM
Subject: Re: [Ovillo] ¡Y dale con las convenciones!
Esta sea la cuestión.
el consorcio dice...
los oteadores ejecutan ?
la gente habla.
pero? pienso ; quiero una casa de 100m.
Podría ser que al amueblarla se hiciera más grande?
margin+paddding+width = width?.
Como explicar esto, sin discursión?
Pienso que no apota nada nuevo pero la pregunta sería, ¿ a quien hacer
caso?
Realmente de quien es, y quien sufre el problema?
El día 24/04/07, LISTAS [EMAIL PROTECTED] escribió:
Estoy diseñando/programando un sitio de pantalla interactiva de
comportamiento relativo (líquido); esto es: que todo ocurre en una misma
ventana con un IFRAME como destino y sin importar la resolución del
monitor
del usuario.
El objeto en ciernes está dividido en 3 DIV alineados con la propiedad de
posición absolute.
El primero, llamado columna, de 14px de ancho, está a cero píxel (0px)
del
margen; el segundo, llamado menú, de 125px, a 14px del margen; y el
tercero, llamado central está a 141px y es de ancho líquido (100%) ya
que
se ajusta a la pantalla de usuario.
| 14px | 125px | 100% |
| Algo | Links | IFRAME |
| | ||
Dentro del DIV central calza un IFRAME de destino.
El código es este:
html
head
titleMalditas reglas/title
style
.columna {
margin: 0px; position: absolute; background: #CCFFCC; width: 14px; height:
100%; top: 0px; left: 0px; border: solid blue 1px; padding: 1px;
text-align:
center; display: block;
}
.menu {
margin: 0px; position: absolute; background: #CCD8E6; width: 125px;
height:
100%; top: 0px; left: 16px; border: solid black 1px; padding: 2px;
display:
block /* (none en el original) */;
}
.central {
margin: 0px; position: absolute; background: #CC; width: 100%; height:
100%; top: 0px; left: 141px; border: solid red 1px; padding: 7px;
overflow:
hidden; display: block;
}
.marco {
-moz-border-radius:30px;
margin: 0px; border: solid blue 2px; padding: 10px; overflow: auto; width:
100%; height: 100%;
}
/style
/head
body
div class=columna/div
div class=menu/div
div class=central
iframe id=destino name=Destino scrolling=yes width=100%
height=100% frameborder=0 marginwidth=20 marginheight=20
class=marco src=central.htm
a href=central.htm target=Destino
Su navegador no acepta iframes/a
/div
/body
/html
Ahora bien. ¿Qué creen uds. que obtengo cuando lo visualizo todo con
Opera,
Explorer y Firefox? ¡Pura mierda!
Ninguno de los 3 ven lo mismo. Hay estúpidos y absurdos desbordamientos
en
ancho y alto. Absurdos escalonamientos (ver al pie) de 3 objetos con los
mismos parámetros. De modo que para corregir estos bodrios deformes tengo
que recurrir a un truco de JavaScript que me he inventado hace añares y
que
emprolija todo y para todos los navegadores. Pero, ¿y por qué tengo que
ponerle un bonete al sombrero para cubrirme del sol, si ya compré el
sombrero?
Pero no entiendo porqué, con tantas convenciones por allí, y el W3C en el
medio, el perro no ladra, el gato pía y el canario caza ratones
Es como
si
habiendo comprado una pistola de rayos láser tenga que matar al monstruo a
patadas.
¿Enojado es la palabra? Enojadísimo pues
¡HOY ESTOY ENOJADO! Me he
leído
el manual de CSS2 y los proyectos del CSS3 y nada, che. Mucha teoría
intelectual, pero en la práctica, el pescado todavía sin vender y cada
día
huele peor... :(
Y después, nos quieren seguir haciendo creer que el hombre llegó a la
luna
¡Bah
Re: [Ovillo] ¡Y dale con las convenciones!
Usa flash, así cuando no te salga con eso podrás culpar a Adobe, que estoy
seguro te hará mas caso que el w3c
Christian Roque Geldres
Encargado de Contabilidad
Del Pilar Miraflores Othon Hotel
Telf. 712-0712 Anexo 5109
[EMAIL PROTECTED]
* http://www.delpilarmiraflores.com.pe
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de LISTAS
Enviado el: Martes, 24 de Abril de 2007 09:16 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] ¡Y dale con las convenciones!
Estoy diseñando/programando un sitio de pantalla interactiva de
comportamiento relativo (líquido); esto es: que todo ocurre en una misma
ventana con un IFRAME como destino y sin importar la resolución del monitor
del usuario.
El objeto en ciernes está dividido en 3 DIV alineados con la propiedad de
posición absolute.
El primero, llamado columna, de 14px de ancho, está a cero píxel (0px) del
margen; el segundo, llamado menú, de 125px, a 14px del margen; y el
tercero, llamado central está a 141px y es de ancho líquido (100%) ya que
se ajusta a la pantalla de usuario.
| 14px | 125px | 100% |
| Algo | Links | IFRAME |
| | ||
Dentro del DIV central calza un IFRAME de destino.
El código es este:
html
head
titleMalditas reglas/title
style
.columna {
margin: 0px; position: absolute; background: #CCFFCC; width: 14px; height:
100%; top: 0px; left: 0px; border: solid blue 1px; padding: 1px; text-align:
center; display: block;
}
.menu {
margin: 0px; position: absolute; background: #CCD8E6; width: 125px; height:
100%; top: 0px; left: 16px; border: solid black 1px; padding: 2px; display:
block /* (none en el original) */;
}
.central {
margin: 0px; position: absolute; background: #CC; width: 100%; height:
100%; top: 0px; left: 141px; border: solid red 1px; padding: 7px; overflow:
hidden; display: block;
}
.marco {
-moz-border-radius:30px;
margin: 0px; border: solid blue 2px; padding: 10px; overflow: auto; width:
100%; height: 100%;
}
/style
/head
body
div class=columna/div
div class=menu/div
div class=central
iframe id=destino name=Destino scrolling=yes width=100%
height=100% frameborder=0 marginwidth=20 marginheight=20
class=marco src=central.htm
a href=central.htm target=Destino
Su navegador no acepta iframes/a
/div
/body
/html
Ahora bien. ¿Qué creen uds. que obtengo cuando lo visualizo todo con Opera,
Explorer y Firefox? ¡Pura mierda!
Ninguno de los 3 ven lo mismo. Hay estúpidos y absurdos desbordamientos en
ancho y alto. Absurdos escalonamientos (ver al pie) de 3 objetos con los
mismos parámetros. De modo que para corregir estos bodrios deformes tengo
que recurrir a un truco de JavaScript que me he inventado hace añares y que
emprolija todo y para todos los navegadores. Pero, ¿y por qué tengo que
ponerle un bonete al sombrero para cubrirme del sol, si ya compré el
sombrero?
Pero no entiendo porqué, con tantas convenciones por allí, y el W3C en el
medio, el perro no ladra, el gato pía y el canario caza ratones
Es como si
habiendo comprado una pistola de rayos láser tenga que matar al monstruo a
patadas.
¿Enojado es la palabra? Enojadísimo pues
¡HOY ESTOY ENOJADO! Me he leído
el manual de CSS2 y los proyectos del CSS3 y nada, che. Mucha teoría
intelectual, pero en la práctica, el pescado todavía sin vender y cada día
huele peor... :(
Y después, nos quieren seguir haciendo creer que el hombre llegó a la luna
¡Bah!
Almirante von Web/.
--
Educando al asno, por no apalearlo.
©2007 ;-)
___
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] ¡Y dale con las convenciones!
Lo mío fue solo sarcasmo, es facil echarle la culpa a alguien (o algo)
cuando las cosas no te salen
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Victoria Gracia
Enviado el: Martes, 24 de Abril de 2007 02:12 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] ¡Y dale con las convenciones!
¿Probaste la definición de elementos superiores como html o body?
Mi experiencia dice que cuando defines esos elementos y los utilizas
para asegurar que los márgenes serán 0 y el padding también, se reducen
muchos de los problemas de interpretación de las cajas contenedoras de
los elementos.
En el fondo tienes un elemento contenedor superior, así que utilizarlo
no creo que sea malo:
body {
margin: 0;
padding: 0;
}
Por otro lado, la propiedad width será acumulativa (como ha indicado
Juan R. aunque no de la manera más afortunada a juzgar por la respuesta
obtenida), esto es, 14px+125px+100% 100% (sea cual sea la pantalla del
usuario final).
Si lo que quieres indicar es que .central ocupe el resto del espacio
disponible, o adoptas un diseño realmente líquido (todas las anchuras
especificadas en % y procurando que sumen como mucho 99) o te la juegas
a que quede un espacio en blanco a la derecha y especificas un
porcentaje menor que 100 y creas que será oportuno (a mi me da buen
resultado con 85%, deja margen en blanco a la derecha pero es correcto).
Si además quieres asegurar que .central estará a la derecha, puedes
cambiar las características e indicar que la posición sea absoluta desde
la derecha y no desde la izquierda (right:0;)
.columna {
display: block;
position: absolute;
top: 0px;
left: 0 px;
width: 14px;
height: 100%;
background: #ccffcc;
border: solid blue 1px;
padding: 1px;
text-align: center;
}
.menu {
display: block;
position: absolute;
top: 0px;
left: 16px;
width: 125px;
height: 100%
background: #ccd8e6;
border: solid black 1px;
padding: 2px;
}
.central {
display: block;
position: absolute;
top: 0px;
right: 0;
width: 85%;
height: 100%;
background: #cc;
border: solid red 1px;
padding: 7px;
overflow: hidden;
}
.marco {
-moz-border-radius:30px;
margin: 0px;
width: 100%;
height: 100%;
border: solid blue 2px;
padding: 10px;
overflow: auto;
}
Espero que te sea de ayuda y que desesperes un poco menos. Como apuntaba
Ernesto el enojo te lleva al lado oscuro, y Christian te hacía una
llamada desde ahí para que utilizaras Flash... no te dejes caer en la
tentación, simplemente estudia (arduamente) casos de uso y sigue
practicando.
Un saludo
El mar, 24-04-2007 a las 11:15 -0300, LISTAS escribió:
Estoy diseñando/programando un sitio de pantalla interactiva de
comportamiento relativo (líquido); esto es: que todo ocurre en una misma
ventana con un IFRAME como destino y sin importar la resolución del
monitor
del usuario.
El objeto en ciernes está dividido en 3 DIV alineados con la propiedad de
posición absolute.
El primero, llamado columna, de 14px de ancho, está a cero píxel (0px)
del
margen; el segundo, llamado menú, de 125px, a 14px del margen; y el
tercero, llamado central está a 141px y es de ancho líquido (100%) ya
que
se ajusta a la pantalla de usuario.
| 14px | 125px | 100% |
| Algo | Links | IFRAME |
| | ||
Dentro del DIV central calza un IFRAME de destino.
El código es este:
html
head
titleMalditas reglas/title
style
.columna {
margin: 0px; position: absolute; background: #CCFFCC; width: 14px; height:
100%; top: 0px; left: 0px; border: solid blue 1px; padding: 1px;
text-align:
center; display: block;
}
.menu {
margin: 0px; position: absolute; background: #CCD8E6; width: 125px;
height:
100%; top: 0px; left: 16px; border: solid black 1px; padding: 2px;
display:
block /* (none en el original) */;
}
.central {
margin: 0px; position: absolute; background: #CC; width: 100%; height:
100%; top: 0px; left: 141px; border: solid red 1px; padding: 7px;
overflow:
hidden; display: block;
}
.marco {
-moz-border-radius:30px;
margin: 0px; border: solid blue 2px; padding: 10px; overflow: auto; width:
100%; height: 100%;
}
/style
/head
body
div class=columna/div
div class=menu/div
div class=central
iframe id=destino name=Destino scrolling=yes width=100%
height=100% frameborder=0 marginwidth=20 marginheight=20
class=marco src=central.htm
a href=central.htm target=Destino
Su navegador no acepta iframes/a
/div
/body
/html
Ahora bien. ¿Qué creen uds. que obtengo cuando lo visualizo todo con
Opera,
Explorer y
Re: [Ovillo] El mejor editor HTML
El mejor es sin duda alguna (al menos para mi) EditPlus 2 Y me parece que este hilo es repetido no? Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Eugenia Jongewaard Enviado el: lunes, 26 de marzo de 2007 01:11 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] El mejor editor HTML Hola les hago una consulta.. tengo un problema con el bendito Dreamweaver. Tengo una declaración de onclick= y al abrir la página con el programa me cambia a mayuscula la etiqueta de esta forma onClick= Asi no valida y me trae problemas. ¿Como puedo hacer para que no suceda mas esto? O que otro editor HTML que persiga los estandares me recomiendan? Gracias! Eugenia Jongewaard www.etnikastudio.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] [OT] Hasta la vista, baby
Almirante, abrase un blog y escriba ahí todas sus penas, reniegos y desahogos, no se como será para los demás, pero a mi me JODE bastante ver este tipo de OFF TOPICS en la lista, y no solo cuando el hilo es offtopic sino cuando contesta a un tema con un discurso existencial que no tiene que var nada con hojas de stilo. Saludos, y pase la dirección del blog para leerle Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rodrigo Galindez Enviado el: jueves, 15 de marzo de 2007 11:10 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] [OT] Hasta la vista, baby Yo no diseño hace 30 años como vos ... pero sé exactamente que Adobe se pronuncia Adobi. Y pronunciar bien, dejémonos de estereotipar, emplease/em, que yo nací en Jujuy (y odio que digan concheto barrio de Belgrano como si todos tendríamos que saber donde carajos queda ese barrio cheto) en donde también se habla y se pronuncia perfectamente el inglés y también nos damos vuelta y nos reímos cuando alguien pronuncia Adab, como un estúpido sin un mínimo conocimiento de inglés que quiere parecer cheto. Alguien habla bien y queda BIEN. Alguien habla mal y queda MAL. Es simple. En inglés o español. Que thread mas inútil, sólamente me suena (como varios threads tuyos) a que lo usaste para demostrar tus (buenos) conocimientos de letras, historia ... y mucha pérdida de tiempo. Rodrigo On Mar 15, 2007, at 12:05 PM, LISTAS wrote: Tú lo has dicho: terminologías técnicas como bug pueden ser dadas por válidas porque nadie encuentra un bicho o insecto en un código mal desarrollado... no obstante nadie dice: encontré un bug en mi sopa sino: encontré un bicho o insecto, en caso de que no sea un cabello, o hair. Yo acabo de vivir un hecho muy gracioso (y penoso): la madre de un amigo, un piojo resucitado a quien su hermano pudiente llevó a vivir a Italia, estuvo de visita y mezclaba, muy evidentemente ex profeso, palabras itálicas con las castellanas. Todos nos dábamos cuenta de que era forzoso y para darse corte. Se lo suele llamar cocoliche de alcurnia, que no es lo mismo que el cocoliche del tano bruto de la verdulería que hace un mezcladito gracioso, pero muy auténtico y original. Yo uso Adobe. Pronuncio: adobe. Escucho adobe, y cuando alguien dice: adáb (con esa o que parece a, pronunciación correcta en inglés, supongo), veo que todo el mundo se da vuelta y lo mira como quien acaba de bajar del plato volador. O sea que aquí, el contraste, es por lo contrario. Alguien habla bien y queda como el traste. ¿Por qué? Porque las cosas son en su contexto. Llamativo. Otro ejemplo: los hombres que saben inglés, pese a ello, dicen adobe, ¿por qué? (Y que nadie me diga lo contrario ya que hace 30 años que diseño y vi nacer al FreeHand, Adobe, Corel, etc.) Repito la pregunta: ¿Por qué? Porque adáb suena medio marica entre argentinos, y si lo dice una mujer, enseguida uno se da cuenta que vive en el concheto barrio de Belgrano. ¡Qué lo parió! Almirante von Web/. -- Educando al asno, por no apalearlo. ©2007 ;-) - Original Message - From: [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, March 15, 2007 11:25 AM Subject: Re: [Ovillo] [OT] Hasta la vista, baby La verdad no estoy de acuerdo, yo creo que la terminología técnica (indistintamente si tiene o no traducción a otros idiomas) debería estar en su idioma original (generalmente es inglés). Yo trato de mantener siempre esta regla, aunque la constante lectura de un sin fin de formas diferentes de escribir un mismo término a veces me provoca equivocarme. Saludos a todos Javier Trejo www.tsinformatica.com.ar. - Mensaje original - De: LISTAS [EMAIL PROTECTED] Fecha: Jueves, Marzo 15, 2007 10:21 am Asunto: [Ovillo] [OT] Hasta la vista, baby == Hasta la vista, baby == ¿Acaso llamamos al perro dog? ¿Acaso decimos: aquí hay cat encerrado? ¿Acaso hacemos monkeyadas? ¿O hacemos monadas? ¿Decimos: tía, estás muy mona o tía, estás muy monkey? Y a qué viene todo esto... Ya verán. Si link quiere decir enlace, ¿por qué no decir enlace? Castellanizar el inglés es de snob siempre y cuando exista traducción. Si no la existe, es una necesidad. La palabra snob, castellanizada, se escribe y pronuncia esnob. Esto es así porque no hay una palabra en castellano que la defina. Pero por quédecir: lincar, linkar, linquear, linkear o por ejemplo: linca,linka, linqué, linqueé, linke, linkée, linquea, etc. si podemos decir, con toda la autenticidad del caso: enlazar y enlace sin ponernoscolorados? Pero además de esnob, es síntoma de dependencia cultural, lo que lo hace más penoso aún. Un ejemplo: la palabra sale, en inglés quiere decir venta, y sin embargo en las vidrieras de la Argentina los
Re: [Ovillo] La rebelión de Firefox.
Si usas un texto laargo en el primer li vez que este no
reodea el div flotante sino que ajusta su margen derecho para que no lo
toque, el resto de li's si toman todo el ancho del ul
No me parece tan tragico como para poner este titular amarillista, el tema
debe ser la forma en que se trata los margenes de los elementos listas
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de diego burich
Enviado el: viernes, 09 de marzo de 2007 04:12
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] La rebelión de Firefox.
lo acabo de probar en firefox 2 y no veo que invente nada.
saludos,
El día 9/03/07, LISTAS [EMAIL PROTECTED] escribió:
¡¡¡Menudo problema!!! y esta vez, no es Explorer quien se porta mal, ni
Opera ni otros que no utilizo, sino Firefox, ¿eh? Mi amdo Firefox.
Les cuento:
Tengo una lista y, flotando a la derecha, un pequeño texto dentro de un
DIV.
Esto viene así:
style
.flotante {float: right; border: solid 1px navy; background: white; font:
9pt/11pt Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
width: 200px; height: auto; text-align: justify; margin: 5px 0px 10px
20px;
padding: 10px 10px}
/style
h3Título del texto/h3
div class=flotante
Texto dentro del DIV: bla bla bla y
bla bla bla, y ba bla blá...
/div
ul
liTexto laargo larguiiisimo
xxx /li
liTexto laargo larguiiisimo
xxx /li
liTexto laargo larguiiisimo
xxx /li
liTexto laargo larguiiisimo
xxx /li
/ul
Y AQUI VIENE EL PROBLEMA:
Me inventa un margin-bottom por el alto total del objeto. ¿Qué me cuentan,
¿eh?
Para que vean el efecto indeseado, copien y peguen el texto del ejemplo
y
luego agréguenle más a gusto y piachere. Después me cuentan.
¿Bug? No opino para evitar la ira de los evangelistas... ;-)
¿Teorías? Paso. ¿Soluciones? Vengan. ¿Insultos? Mmmm es viernes...
Almirante von Web/.
--
Educando al asno, por no apalearlo.
(c)2007 ;-)
___
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] La rebelión de Firefox.
La explicación no era para ti sino para Diego que dijo que no veía nada
raro, si probe el ejemplo y veo lo que dices solo que no es un margin bottom
del elemento flotante sino es el li que reduce su margen derecho.
¿Por qué pasa? Pues no lo se
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de LISTAS
Enviado el: viernes, 09 de marzo de 2007 05:27
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] La rebelión de Firefox.
Amigo: lo tuyo, ¿es una conclusión empírica o una especulación hipotética?
Desde hace años, todas las observaciones contra Explorer que he hecho en
cuanta lista he pisado, son muy bienvenidas... y las hechas sobre Mozilla...
pecaminosas observaciones de protomicrosófilo neonazi procapitalista pago.
¡Uf...!
Repito: ¿Teorías? Paso. ¿Soluciones? Vengan. ¿Insultos? Mmmm es
viernes...
Pero agrego: Ni comentarios pro Vs. contra; ni sarcasmos; ni evangelismos;
ni...
Y ya arrancamos mal... Puesto que una explicación no es una solución; y un
sarcasmo, tampoco. Pero da pie para otro sarcasmo... :(
Si alguno quiere le puedo enviar un screen ya que esta lista no acepta
adjuntos ni imágenes incrustadas.
Almirante von Web/.
--
Educando al asno, por no apalearlo.
(c)2007 ;-)
- Original Message -
From: Christian Roque Geldres [EMAIL PROTECTED]
To: 'Ovillo, la lista de CSS en castellano' ovillo@lists.ovillo.org
Sent: Friday, March 09, 2007 6:40 PM
Subject: Re: [Ovillo] La rebelión de Firefox.
Si usas un texto laargo en el primer li vez que este no
reodea el div flotante sino que ajusta su margen derecho para que no lo
toque, el resto de li's si toman todo el ancho del ul
No me parece tan tragico como para poner este titular amarillista, el tema
debe ser la forma en que se trata los margenes de los elementos listas
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de diego burich
Enviado el: viernes, 09 de marzo de 2007 04:12
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] La rebelión de Firefox.
lo acabo de probar en firefox 2 y no veo que invente nada.
saludos,
El día 9/03/07, LISTAS [EMAIL PROTECTED] escribió:
¡¡¡Menudo problema!!! y esta vez, no es Explorer quien se porta mal, ni
Opera ni otros que no utilizo, sino Firefox, ¿eh? Mi amdo Firefox.
Les cuento:
Tengo una lista y, flotando a la derecha, un pequeño texto dentro de un
DIV.
Esto viene así:
style
.flotante {float: right; border: solid 1px navy; background: white; font:
9pt/11pt Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
width: 200px; height: auto; text-align: justify; margin: 5px 0px 10px
20px;
padding: 10px 10px}
/style
h3Título del texto/h3
div class=flotante
Texto dentro del DIV: bla bla bla y
bla bla bla, y ba bla blá...
/div
ul
liTexto laargo larguiiisimo
xxx /li
liTexto laargo larguiiisimo
xxx /li
liTexto laargo larguiiisimo
xxx /li
liTexto laargo larguiiisimo
xxx /li
/ul
Y AQUI VIENE EL PROBLEMA:
Me inventa un margin-bottom por el alto total del objeto. ¿Qué me cuentan,
¿eh?
Para que vean el efecto indeseado, copien y peguen el texto del ejemplo
y
luego agréguenle más a gusto y piachere. Después me cuentan.
¿Bug? No opino para evitar la ira de los evangelistas... ;-)
¿Teorías? Paso. ¿Soluciones? Vengan. ¿Insultos? Mmmm es viernes...
Almirante von Web/.
--
Educando al asno, por no apalearlo.
(c)2007 ;-)
___
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
___
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] Centrar varias imagenes en linea en un div
¡¿Pero?! ¡¿Qué?! Esto de El problema de los datos tabulares simples hechos con DIV (sin tablas) ¿Por qué vas a mostrar datos tabulares con divs? Para eso se usan tablas. Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de LISTAS Enviado el: viernes, 23 de febrero de 2007 09:28 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Centrar varias imagenes en linea en un div El problema de los datos tabulares simples hechos con DIV (sin tablas) es que al hacer un recorrido de selección de la disposición de los elementos, éstos pierden su carácter tabular. Dicho de otro modo (y con un ejemplo muy práctico): En una tabla de 3 columnas, esto: Producto | Precio | Cantidad Agua | $3,40 | 16 unid. Pan | $2,73 | 12 unid. Jabón | $7,10 | 25 unid. Se recupera con un copiar y pegar así, de este modo: Producto Precio Cantidad Agua$3,40 16 unid. Pan $2,73 12 unid. Jabón $7,10 25 unid. En cambio con 3 DIV encolumnados uno al lado del otro, recuperamos esto: Producto Agua Pan Jabón Precio $3,40 $2,73 $7,10 Cantidad 16 unid. 12 unid. 25 unid. Por lo que tenemos que la información tabular se rompe. Bien, hablemos de accesibilidad, ¿OK? Un ciego (o no vidente si les place, ciego al fin), con una tabla, y un navegador auditivo recuperaría la información correctamente, no así con 3 DIV enfilados uno al lado del otro, en hilera. La vez pasada alguien nos pasó en esta lista un recurso de armar información tabular con listas ordenadas pasadas en 3 DIV enfilados (es un error hablar de encolumnados). El recurso era (en apariencias) muy inteligente en cuanto al recurso en sí, pero nada inteligente en cuanto a que la recuperación de datos adolecía de lo que ya he demostrado más adelante. Almirante von Web/. -- Educando al asno, por no apalearlo. ©2007 ;-) - Original Message - From: Tei [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, February 23, 2007 10:34 AM Subject: Re: [Ovillo] Centrar varias imagenes en linea en un div On 2/23/07, LISTAS [EMAIL PROTECTED] wrote: Uno de los grandes problemas de los cultores del CSS es creer que el uso de las tablas es pecaminoso y pernicioso. ¡De ninguna manera! La verdad es que son muy útiles. Pero si haces la composición en 3 columnas con una tabla. No la haces con CSS. Así, por ejemplo, puedes hacer una pagina en 3 columnas, y poner el texto en la tercera. A la hora de imprimir aparecerá el texto arrinconado en la parte derecha. Tal como se ve en pantalla. Para modificar la composición, tendrías que modificar el html. En cambio con CSS, puedes cambiar la composición cambiando el CSS, y puedes tener un CSS especifico para imprimir.. porque quieres ocultar cosas. Y otro CSS para handeld.. con un tamaño de pantalla reducido. Yo uso mucho las tablas. Pero si pudiera haría lo mas importante siempre con CSS. Lo malo es que las tablas no hay que pensar, y cuando todo es para ayer, no tienes tiempo para pensar como hacerlo en CSS. Sin embargo quien tenga mucha experiencia en CSS lo hará sin pensar en CSS (quizás), y entonces hará un diseño mas flexible que el mio, y en menos tiempo :I Supongo que este es un tema recurrente en la lista. Yo como recientemente me he integrado aun no lo habia leido. Quizas no lo vuelva a comentar mas porque seguro que la gente esta cansada del tema :D ___ 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] Listas desordenadas caso especial
Me parece que esos son datos tabulados, y para eso se usan tablas Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Héctor Fernández Enviado el: jueves, 22 de febrero de 2007 04:01 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] Listas desordenadas caso especial Hola Estoy intentando de mostrar unos determinados datos con UL pero el contenido de cada LI es algo del estilo de - Caninos: 32 - Felinos: 2 - Hurones: 345 el tema es qie me gustaria dejarlo algo pas ordenado en palo, es decir que las etiquetas quedaran en linea al igual que los datos, simulando dos columnas pero dentro de un UL esto es posible de alguna manera con CSS? - Caninos: 32 - Felinos:2 - Hurones: 345 Gracias y saludos. -- Héctor Fdez [EMAIL PROTECTED] ___ 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] a vueltas con el doctype
Ya que este hilo estuvo muy caliente y se dijo bastante, y como que se entendio y no, les comento que también estoy suscrito a la lista de desarrollo de Habari (habariproject.org), y ahí también se discutio el tema de si usar o no XHTML, de lo cual encontré dos enlaces desconcertantes: http://theshapeofdays.com/2007/02/enough_with_the_x_already.html http://theshapeofdays.com/2007/02/more_on_this_xhtml_nonsense.html Luego Mark Pilgrim (no se quien es pero ahí dicen que es lo máximo) apareció y se tumbo a todos para luego dejar algo como esto: XHTML served as text/html is a pointless waste of time; browsers parse it as broken HTML, so it buys you literally nothing. XHTML served as application/xhtml+xml is really really hard to do correctly (see below), but it does allow you to embed SVG inline. Also, to do some incredibly esoteric accessibility stuff that about 50 people in the world understand. Both of these have been backported to HTML (Sam Ruby backported SVG, and I backported the accessibility stuff), so application/xhtml+xml really just buys you a world of hurt for no reason. Anyone who says that XHTML is better or more semantic or more well-defined than HTML is misinformed or lying. Yo (como muchos asumo) pensaba que para servir XHTML como application/xhtml+xml bastaba con usar la etiqueta META, lo cual demuestra Pilgrim es falso, tiene que hacerse desde el lado del servidor: It appears that you are attempting to override the Content-Type HTTP header with a META element. That doesn't work; browsers are still treating your page as text/html. I suggest you change your web server settings to serve your pages with the application/xhtml+xml Content- Type HTTP header and revisiting. Y una vez hecho esto, IE6 por ejemplo en lugar de mostrar la pagina lo que hace es tratar de descargarla. Por lo que si voy a usar algo, tratare de hacerlo bien, y si no tengo idea de cómo servir algo como application/xhtml+xml o que gano con eso, mejor uso HTML 4.01 Estricto Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de sn Enviado el: lunes, 19 de febrero de 2007 10:18 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] a vueltas con el doctype tras un buen puñado de divergencias absurdas y no tan absurdas con repecto a html vs xhtml y otros temas. tras un top posting(ésto se debe acercar a un record) de 54 topicazos. y tras un descojonante y sincero acercamiento a la verdad por parte del almirante von web, creo que el tema me ha quedado suficientemente claro. mis conclusiones se podrían resumir en los dos puntos siguientes. 1.- hagas lo que hagas, independientemente de cómo lo hagas y de las herramientas que utilices, HAZLO BIEN. o lo que es lo mismo, haz lo mejor que tus posibilidades y conocimientos te permitan. con eso debería bastar y si no es así tampoco hay muchas vueltas que darle. 2- no volver a preguntar sobre el doctype.(jiasjiasjias) un saludo a todos. ___ 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] Cosas Basicas: Centrado Vertical
Se parece bastante al enlace que dejo kemie, hacen lo mismo de diplay:table
y dentro de este un display:table-cell
En fin que bueno que hayas encontrado una solución
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: miércoles, 21 de febrero de 2007 11:29
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Hola gente de la lista,
Pues les cuento que después de mucho probar por fin encontramos una solución
para el centrado vertical con alto fluido (no tan funcional como la tuya
Almirante, pero bastante bien para lo que se buscaba).
Se a probado con IE7, IE6, FF2 y Gran Paradiso A2. También se probo con
poco texto y con mucho texto para ver el efecto de centrado.
Si alguien detecta un error en otro navegador favor avisar,
La solución es un hibrido de:
Stu Nichols (cssplay) y de Mikmoro (aka: Mikel / forosdelweb.com)
http://www.forosdelweb.com/showthread.php?p=1901588posted=1#post1901588
Aquí dejo el código:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
html
head
titleCentrado vertical/title
style type=text/css
html, body { margin: 0pt; padding: 0pt;
height: 100%;
text-align: center;
}
#marco {
margin: auto;
display: table;
width: 750px;
height: 100%;
text-align: left;
}
#contenedor {
margin: auto;
display: table-cell;
vertical-align: middle;
position: relative;
height: 100%;
}
#vertical_ie { width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
#texto {
display:inline-block;
vertical-align:middle;
}
/style
/head
body
div id=marco
div id=contenedorspan id=vertical_ie/spanspan
id=texto
pLorem ipsum dolor sit amet, consectetuer adipiscing elit.
Mauris pellentesque turpis vel risus. Nullam tincidunt lacus non urna.
Aliquam erat volutpat. Nam placerat, tortor et mollis facilisis, sapien
mauris dapibus mauris, sit amet pharetra tellus sem ut mi. Sed
tincidunt. Aenean tempus volutpat urna. Quisque at neque. Praesent
venenatis lacus ac massa. Sed accumsan luctus enim. Vestibulum massa
dui, scelerisque sed, dictum rhoncus, lacinia eget, tortor. Ut vel
turpis a elit pharetra pulvinar. Aliquam ut nisl ac nisi tristique
eleifend. Donec tristique ipsum id turpis./p
pVivamus vitae risus in est dictum faucibus. Class aptent
taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Ut ut pede et ante faucibus commodo. Cras pulvinar turpis
quis risus. Mauris scelerisque. Cras lectus. Aliquam erat volutpat.
Praesent erat nunc, dictum vel, vehicula quis, rutrum sit amet, arcu.
Donec interdum. Quisque tristique, purus non pulvinar cursus, magna
lectus blandit orci, vitae tristique tellus tellus eget est. Quisque
sollicitudin convallis sem. Nunc justo./p
/span
/div
/div
/body
/html
---
Gracias a todos por la ayuda.
Vlad
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of webmaster
Sent: Martes, 20 de Febrero de 2007 12:51 p.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Christian,
27 páginas mas tarde, en la sección de CSS de forosdelweb.com debo de
decirte que sigo con el mismo problema.
Llegamos a 2 posibles soluciones:
Tabla Sama
Y centrado con height definido.
Si tu viste algo que yo no vi, por favor enviame el link, que creo que
quedaria genial matar este problema.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque
Geldres
Sent: Martes, 20 de Febrero de 2007 12:12 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Busca en forosdelweb.com, ahí se ha preguntado eso varias veces, el ejemplo
de kemie me desconcierta, ¿el diplay: table-cell no haría que todo dentro
del body se muestre en linea? ¿O es solo el body el que esta en línea?
Claro que seria mas fácil con una tabla, es mas, seria mas fácil si lo
dibujas en Paint perfectamente centrado lo grabas como imagen y lo subes de
esa manera.
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: martes, 20 de febrero de 2007 12:43
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Te digo algo muy sencillo, el de tierra de nomadas funciona hasta que el
contenido supera el 80% de alto de la página que es el que usan default, o
funciona hasta que cualquiera que definas como height, sea centrada (por eso
es que este centrado vertical es con contenido fluido).
Y sobre lo de google, si buscas un poquito mas de hilos veras que se a
buscado, y que la solución no pareciera encontrarse hasta lo que puso kemi
hoy con un poco de script.
En cierto punto, tiene razón el almirante, es mas sencillo con una tabla, la
cosa es, lograrlo hacer sin ella.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque
Geldres
Sent
Re: [Ovillo] a vueltas con el doctype
Yo aprendí CSS porque como tu dices era algo revolucionario separar la estructura de la presentación, HTML 4 te permite hacerlo lo mismo que XHTML, lo que me pregunto es porque voy a hacer paginas en XHTML, o mejor dicho usar el doctype XHTML, si realmente no voy a servir XHTML, y así al final los navegadores terminaran asumiendo que lo que leen es el Tag soup, no tiene sentido usar algo si no lo usas bien. Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Tei Enviado el: miércoles, 21 de febrero de 2007 12:55 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] a vueltas con el doctype On 2/21/07, Christian Roque Geldres [EMAIL PROTECTED] wrote: [...] Y una vez hecho esto, IE6 por ejemplo en lugar de mostrar la pagina lo que hace es tratar de descargarla. [...] En cualquier caso las ideas de XHTML son buenas. Y los navegadores terminan siendo barridos del mercado por otros mas modernos. Ya no tenemos que preocuparnos por Netscape 4.61 y su implementacion rota de CSS, o sino no existirian la mayor parte de las paginas con composicion sin tablas, porque sus autores se habrian arrojado al vacio, cansados de hacer cosas raras y hacks para soportar a N4. CSS se ha impuesto solamente gracias a este convencimiento de los webmasters de que era el camino a seguir. Y porque rompia totalmente. La Tag Soup es como el ejercito Borg, y contagia todo aquello que toca, por eso es imposible salir de la tag soup siendo evolucionario, solo se sale de la Tag Soup siendo revolucionario, haciendo un corte limpio como el que supone un formato validado, que es XHTML. Pienso que los generadores de codigo elegiran XHTML cuando sea un formato aceptable, porque es mucho mas facil y razonable de generar (es mas razonable para las personas, y lo es para las maquinas, en suma es mas razonable). Incluso creo que ya lo estan haciendo :D ___ 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] Cosas Basicas: Centrado Vertical
Y que me dices de esto:
http://www.tierradenomadas.com/tw003.phtml
y que de esto:
http://www.google.com.pe/search?hl=esq=centrado+vertical+con+CSSmeta=
ejemplos hay hasta por gusto, y kemie dio uno mas, otra cosa es que no se
busque
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de LISTAS
Enviado el: martes, 20 de febrero de 2007 11:37
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Si hay algo que una estúpida tabla nos permite, es centrar un objeto
exactamente en el medio de la pantalla. Es una de las cosas más vergonzantes
que vi respecto a CSS, ya que ni poniendo y sacando DTD o haciendo engendros
mutantes de ingeniería casera (léase parcheos con JavaScript) haremos alto
tan fácil como:
table width=100% height=100%
tr align=center valign=middle
tdimg src=tu_imagen.gif
/td/tr/table
Reforzándolo con el siguiente DTD (si se quiere):
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN
Claro: hay cosas desaprobadas (todo, ¡ja!)... pero un ciego lo puede ver y
un sordo lo puede oir... ¡Qué lo parió!
Mi abuela decía: si es malo y funciona, es bueno; si es bueno y no
funciona: es una mierda (perdón las chicas y los puritanos).
Almirante von Web/.
--
Educando al asno, por no apalearlo.
©2007 ;-)
- Original Message -
From: webmaster [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, February 20, 2007 12:42 PM
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
De cualquier manera si alguien aca se le ocurre como solucionar el problema
de cómo centrar verticalmente, con un alto no definido para el div a
centrar, se le agradeceria mucho.
Gracias.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of NetVicious
Sent: Lunes, 19 de Febrero de 2007 06:03 a.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
En el IE6 no sale centrado.
Yo al final he optado por centrar la capa con JavaScript y asunto
solucionado.
Putatidas:
- Si pones la capa visible al principio hay un pequeño momento en el que se
vé la capa a la izquierda
- Si pones la capa oculta antes del centrado y el usuario va sin javascript
no se ve nada.
El miércoles, 14 feb 2007 a las 22:45, escribiste:
style type=text/css
* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
body {
background-color:#999;
}
#distancia {
width:1px;
height:50%;
margin-bottom:-13.75em; /* half of container height */
float:left;
}
#container {
margin:0 auto;
position:relative; /* puts container in front of distancia
*/
height:27.5em;
width:45em;
clear:left;
background-color:#666;
border:1px dashed #fff;
}
/style
/head
body
div id=distancia/div
div id=container/div
/body
Un cordial saludo de SantosVZ
--
/\/
/ \ / \ /
/\/ e t \/ i c i o u s
___
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
___
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] Cosas Basicas: Centrado Vertical
Busca en forosdelweb.com, ahí se ha preguntado eso varias veces, el ejemplo
de kemie me desconcierta, ¿el diplay: table-cell no haría que todo dentro
del body se muestre en linea? ¿O es solo el body el que esta en línea?
Claro que seria mas fácil con una tabla, es mas, seria mas fácil si lo
dibujas en Paint perfectamente centrado lo grabas como imagen y lo subes de
esa manera.
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: martes, 20 de febrero de 2007 12:43
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Te digo algo muy sencillo, el de tierra de nomadas funciona hasta que el
contenido supera el 80% de alto de la página que es el que usan default, o
funciona hasta que cualquiera que definas como height, sea centrada (por eso
es que este centrado vertical es con contenido fluido).
Y sobre lo de google, si buscas un poquito mas de hilos veras que se a
buscado, y que la solución no pareciera encontrarse hasta lo que puso kemi
hoy con un poco de script.
En cierto punto, tiene razón el almirante, es mas sencillo con una tabla, la
cosa es, lograrlo hacer sin ella.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque
Geldres
Sent: Martes, 20 de Febrero de 2007 10:49 a.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Y que me dices de esto:
http://www.tierradenomadas.com/tw003.phtml
y que de esto:
http://www.google.com.pe/search?hl=esq=centrado+vertical+con+CSSmeta=
ejemplos hay hasta por gusto, y kemie dio uno mas, otra cosa es que no se
busque
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de LISTAS
Enviado el: martes, 20 de febrero de 2007 11:37
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Si hay algo que una estúpida tabla nos permite, es centrar un objeto
exactamente en el medio de la pantalla. Es una de las cosas más vergonzantes
que vi respecto a CSS, ya que ni poniendo y sacando DTD o haciendo engendros
mutantes de ingeniería casera (léase parcheos con JavaScript) haremos alto
tan fácil como:
table width=100% height=100%
tr align=center valign=middle
tdimg src=tu_imagen.gif
/td/tr/table
Reforzándolo con el siguiente DTD (si se quiere):
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN
Claro: hay cosas desaprobadas (todo, ¡ja!)... pero un ciego lo puede ver y
un sordo lo puede oir... ¡Qué lo parió!
Mi abuela decía: si es malo y funciona, es bueno; si es bueno y no
funciona: es una mierda (perdón las chicas y los puritanos).
Almirante von Web/.
--
Educando al asno, por no apalearlo.
©2007 ;-)
- Original Message -
From: webmaster [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, February 20, 2007 12:42 PM
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
De cualquier manera si alguien aca se le ocurre como solucionar el problema
de cómo centrar verticalmente, con un alto no definido para el div a
centrar, se le agradeceria mucho.
Gracias.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of NetVicious
Sent: Lunes, 19 de Febrero de 2007 06:03 a.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
En el IE6 no sale centrado.
Yo al final he optado por centrar la capa con JavaScript y asunto
solucionado.
Putatidas:
- Si pones la capa visible al principio hay un pequeño momento en el que se
vé la capa a la izquierda
- Si pones la capa oculta antes del centrado y el usuario va sin javascript
no se ve nada.
El miércoles, 14 feb 2007 a las 22:45, escribiste:
style type=text/css
* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
body {
background-color:#999;
}
#distancia {
width:1px;
height:50%;
margin-bottom:-13.75em; /* half of container height */
float:left;
}
#container {
margin:0 auto;
position:relative; /* puts container in front of
distancia */
height:27.5em;
width:45em;
clear:left;
background-color:#666;
border:1px dashed #fff;
}
/style
/head
body
div id=distancia/div
div id=container/div
/body
Un cordial saludo de SantosVZ
--
/\/
/ \ / \ /
/\/ e t \/ i c i o u s
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Re: [Ovillo] Una pequeña duda sobre diseño
Pues yo lo acabo de ver y esta hecho a resolución de 800x600, totalmente fijo, y mi resolución de pantalla es 1024x768 Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de LISTAS Enviado el: sábado, 17 de febrero de 2007 09:31 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Una pequeña duda sobre diseño Perdon,pero http://www.3dyanimacion.com/ es un sitio perfectamente líquido y elástico, y puede verse en CUALQUIER resolución. yo la he visto el 800x600 y clava perfecto (no hay desbordamiento). - Original Message - From: ReynierPM [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Saturday, February 17, 2007 10:43 AM Subject: [Ovillo] Una pequeña duda sobre diseño Hola listeros: Estoy realizando un Portal que el tema principal es el mundo de la Realidad Virtual y cosas de 3D, es decir un Portal de diseño. Los que me pidieron hacerlo me dijeron que el tamaño debería ser 1024x768px pero no me queda muy claro el porque. Ellos me comentan que los sitios que ellos vieron como www.3dyanimacion.com y http://www.cgsociety.org tienen esa resolución. Qué creen al respecto? -- Salu2 ReynierPM | 5to. Ing Informática ___ 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] a vueltas con el doctype
Me parece que esto todavía no acaba, si le quitas todo la bilis a los que dice Choan encontraras mucha razón. Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de sn Enviado el: viernes, 16 de febrero de 2007 04:22 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] a vueltas con el doctype vamos hombre. ningún hilo debiera acabar así... ___ 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] ¿Faux columns ha muerto?
Si pues es cierto, al usar un borde te limitas a usar solo un color, aunque con CSS3 puedes aplicar imágenes en bordes. Claro que con CSS3 también puedes hacer columnas y ya no hay necesidad de usar trucos :/ Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de sn Enviado el: jueves, 15 de febrero de 2007 04:21 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] ¿Faux columns ha muerto? al principio también me pareció una técnica ingeniosa y me gustó por su sencillez. sin embargo tiene algunas limitaciones. tal y cómo comenta inti, el hecho de que las columnas laterales tengan que tener un color plano de fondo por cjns limita mucho las posibilidades del truco... ___ 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] ¿Faux columns ha muerto?
Esta en borrador todavía, pero en teoría soluciona muchas cosas, como fondos en los bordes, columnas, esquinas redondeadas, múltiples backgrounds para un elemento, chequea www.css3.info Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de sn Enviado el: jueves, 15 de febrero de 2007 10:15 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] ¿Faux columns ha muerto? salud. disculpad mi ineptitud, pero, css3 ya es un estándar estable? no tenía noticias de ello. si alguien puede aclararmelo o pasarme algún enlace al respecto... ___ 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] ¿Faux columns ha muerto?
Un buen paso seria que deje ya de ser borrador y pase de una vez a ser una recomendación, ese seria el punto de partida. Por otro lado las cosas ahora no son iguales al 98, hay mas tecnología, mas navegadores, la hegemonía de IE esta terminando, estoy seguro que si ya sale la recomendación la implementación seria mas rápida e incluso MS actualizaría mas su navegador estrella(do) Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Juan Jorge Muñoz Herrero Enviado el: jueves, 15 de febrero de 2007 10:46 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] ¿Faux columns ha muerto? Efectivamente, la versión 2 de CSS apareción en mayo de 1998, cuando muchos de nosotros ni siquiera habíamos empezado en esto. Han pasado 9 años y todavía no se ha implementado bien en los navegadores de cierta compañía, lo cual limita bastante el asunto. A ver para cuándo vemos el CSS3 implementado... :S El día 15/02/07, sn [EMAIL PROTECTED] escribió: buena puntualización ___ 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 -- Juan J. Muñoz http://www.taarq.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] ¿Faux columns ha muerto?
El tema de si se debe o no se debe, si están pensadas o no si son estandare o recomendaciones, es una discusión que en listas de interés como esta y en foros suele terminar en un bucle infinito, mi posición siempre ha sido que si quieres estructurar con HTML/XHTML y usar CSS para la presentacion, primero debes entender el porque existen y el porque se crearon, si se entiende eso bien ya no te cuestionaras el usar tablas para hacer columnas, y por último si lo entiendes y te parece demasiado jalado de los pelos, entonces haz como quieras, pero JAMÁS uses CSS porque alguien te dijo que es lo ultimo, que es una norma o que es 2.0 Higado Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de LISTAS Enviado el: jueves, 15 de febrero de 2007 01:06 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] ¿Faux columns ha muerto? ¡¡¡Caramba...!!! ¡100% de acuerdo contigo! En eso pienso todos los putos instantes de mi vida: así como Bush hoy en día y otros norteamericanos ayer se comen a los países crudos inventando excusas improbables... (y al que no comparta mi punto de vista o mi desatino lo tome como un vulgar OT), así ha de ser mi viejo con respecto a muchas (muchísimas) implementaciones modernistas: te dicen que esto es para mejor y te la complican. Por un lado presiento a dónde apuntan: a sacarle de las manos al hijo del carnicero el derecho de hacer páginas web y volverlo todo tan especializado que, sólo los profesionales podrán hacer páginas web. Y yo, que ya llevo lo mío en esto del diseño (mis bodas de plata ya las pasé, vean) pienso en cómo muchos diseñadores sin título pero de carrera, fuimos perdiendo la posibilidad de vivir de nuestro trabajo y no depender de la ayuda de esposas e hijos, cuando no de algún subsidio. Sí, viejo: el que no se especializa, que no se crea con el derecho a joderle la vida al que se rompió el trasero estudiando. Esta es una sociedad genéricamente capitalista, no seamos inocentes. Y el mundo duro de las empresas de software viven pendientes de la bolsa. El problema es que de tanto hilar el hilo te la complican tantitanto que, a la larga, hasta el más especializado no sepa qué es lo correcto y qué no lo es. Y a veces, hasta las mismas especificaciones son absurdas y bizarras, pero ¡oh, guarda: son leyes sagradas del W3C! y contra eso no puedes amiguito, no puedes... porque tus propios colegas te comerán el hígado por tirarte contra el stablishment de los webmaster... :( Pero es lo que pienso yo. Que siempre pienso pavadas, según mi tía Antonia, y hablo de jarro, según mis hijos (¿o era al revés?). Almirante von Web/. -- Educando al asno, por no apalearlo. ©2007 ;-) - Original Message - From: Miguel Ángel Hervás [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, February 15, 2007 1:42 PM Subject: Re: [Ovillo] ¿Faux columns ha muerto? Efectivamente, ese parece el problema que debería debatirse: ... centrar una página verticalmente, que me hacen pensar de que hay algo que estoy o se esta haciendo mal. ¿todos pensamos que es fácil maquetar con css?, porque quitando a la gente que sois puntera como Choan o Kemie, que os trabajáis las plantillas con la punta del ratón, a la gente del montón nos cuesta un rato largo hacer cosas aparentemente sencillas. ¿Está pensada la especificación CSS2 para el usuario que la trabaja?¿Quién es el usuario, alguien de un perfil técnico o un diseñador gráfico? ¿No debería ser más fácil, sea cual sea el perfil, centrar verticalmente el contenido de una página?. Quiero decir con todo esto que el equipo que desarrolla la especificación debería empezar a predicar con el ejemplo de la usabilidad e incorporar a un mayor número de profesionales de la interacción persona-ordenador para que el resultado fuera un poco más humano. Si ha todos los que hacemos páginas nos es más fácil hacer una web semántica los usuarios finales se beneficiarán de ello. Este mensaje, y en su caso, cualquier fichero anexo al mismo, puede contener informacion confidencial, siendo para uso exclusivo del destinatario, quedando prohibida su divulgacion copia o distribucion a terceros sin la autorizacion expresa del remitente. Si Vd. ha recibido este mensaje erroneamente, se ruega lo notifique al remitente y proceda a su borrado. Gracias por su colaboracion. This message (including any attachments) may contain confidential information. It is intended for use by the recipient only. Any dissemination, copying or distribution to third parties without the express consent of the sender is strictly prohibited. If you have received this message in error, please delete it immediately and notify the sender. Thank you 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
Re: [Ovillo] a vueltas con el doctype
El aboga por los microformatos solo porque estos le hacen mas fácil la vida a Technoratti, ahí es mas cuestión de dinero que de amor al lenguaje Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Orange at Google Enviado el: jueves, 15 de febrero de 2007 02:04 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] a vueltas con el doctype Otra cosa es que no se deba hacer, ni siquiera que sea recomendable. Aqui por ejemplo http://tantek.com/presentations/2005/03/elementsofxhtml/Tantek Çelik aboga por los microformatos en lugar de por extender el XHTML, y hay bastantes artículos en la misma línea. ___ 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] ¿Faux columns ha muerto?
Hola, había visto este articulo de A List Apart
(http://alistapart.com/articles/multicolumnlayouts ) sobre layouts de varias
columnas, pero no había leído a fondo, hasta que alguien lo implementa en un
plantilla para un CMS nuevo (http://more404.com/habari/) diciendo que es un
tema elastico con columnas de igual tamaño sin usar algo como faux-columns,
recién ahí leí el articulo de Alan Pearce y me encuentro que su truco es
algo que no puedo creer que no se le haya ocurrido a alguien antes:
#container{
background-color:#0ff;
overflow:hidden;
width:750px;
}
#content{
background-color:#0ff;
width:600px;
border-right:150px solid #f00; »
/* The width and color of the rail */
margin-right:-150px; /* Hat tip to Ryan Brill */
float:left;
}
#rail{
background-color:#f00;
width:150px;
float:left;
}
!Un borde de 150px coloreado es el sidebar!, ¿alguien mas lo ha probado?, ¿A
nadie mas le sorprende?, ¿Es la muerte de faux-columns? ¿Ese margen negativo
no será muy problematico? ¿Cómo puede ser que el margen se anule con el
borde?
Que loco sinceramente
Christian Roque Geldres
___
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 que llama a otro a x e y cordenadas con respectoal primero.
Para hacer eso div1 debe estar posicionado absoluta o relativamente, entonces div2 tomara las coordenadas enbase a div1 si lo posicionas absolutamente Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de LISTAS Enviado el: viernes, 09 de febrero de 2007 04:04 Para: DyP [LISTA]; Ovillo [LISTA] Asunto: [Ovillo] Div que llama a otro a x e y cordenadas con respectoal primero. Necesito saber si alguno puede orientarme al respecto: Tengo un DIV llamado div1 el cual, al dar clic sobre el enlace del texto anidado, posiciona al DIV llamado div2 a X e Y posición respecto a div1. ¿Alguien tiene idea al respecto de cómo hacerlo con javascript? Ejemplo: DIV id=div1 a href=# onclick=llamoDiv2(x,y)Llamo al div 2/a /DIV PPárrafos de texto,etc./p DIV id=div2 style=position: absolute; z-index: 2 Soy tu mascota... ¿Me llamabas? /DIV ¿Se entiende la idea? Sé posicionar un DIV respecto a X e Y de la ventana, pero ni oidea con respecto a otro DIV Almirante von Web/. -- Educando al asno, por no apalearlo. ©2007 ;-) ___ 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] busco gif animado: pasos de creación de una web
Yo lo vi en Sentido Web como CSS evolution http://sentidoweb.com/2006/12/01/laboratorio-crea-tu-propio-css-evolution.ph p Ellos lo tomaron de un gif que salio en ajaxian http://ajaxian.com/archives/css-evolution El gif si no se de donde vino Saludos Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de carlos campderrós Enviado el: jueves, 08 de febrero de 2007 03:10 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] busco gif animado: pasos de creación de una web Hola buenas, Busco un gif animado (juraría que era un .gif y no un flash) que mostraba los pasos de crear una web en css. primero se veía la página sin estilos y luego poco a poco iba metiendo los contenedores y estilos de letras y colores y tal. Estoy bastante seguro que la vi en esta lista (seguramente hará más de un año), pero he buscado y no la encuentro. Alguien la tiene en favoritos? Saludos. -- Si no puedes deslumbrar con tu inteligencia, desconcierta con tus gilipolleces ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://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] Link en H1
Pues la primera opción esta bien, solo ponle a a
h1 a{
display:block;
text-indent:-1px;
text-decoration:none;
}
el tamaño de la caja del link sera del tamaño de h1
Saludos
Christian Roque Geldres
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Ardilla Roja
Enviado el: miércoles, 07 de febrero de 2007 12:55
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Link en H1
Buen dia a todos,
Tengo este problema tengo el titulo del sitio, que es un H1, y
mediante CSS le cambio el aspecto y pongo de fondo el logotipo de la
empresa, y dentro del H1, pues el titulo, pero quiero que ese H1 sea
un link a la pagina inicial, y ahi es donde estoy atorado.
Si lo pongo asi, pues no funciona, porque el texto lo tengo con un
indent negativo para esconderlo
h1
a href=/
Kraft Constructora, Caacute;lculo, disentilde;o y
construccioacute;n en Ensenada, Baja California, Meacute;xico
/a
/h1
y si lo pongo asi, pues ya hay errores a al hora d validar, aunque si
funciona...
a href=/
h1
Kraft Constructora, Caacute;lculo, disentilde;o y
construccioacute;n en Ensenada, Baja California, Meacute;xico
/h1
/a
alguna sugerencia ?
PD. Pueden ver aqui el sitio (en pañales todavia):
http://archivos.kamikaze.com.mx/kraftconstructora/
Saludos,
___
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] Problemas con Internet Explorer. El caso Eolas
En mi trabajo vemos de esa manera el flash, una razón mas para usarlo solo para baners Saludos Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de LISTAS Enviado el: viernes, 02 de febrero de 2007 02:26 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Problemas con Internet Explorer. El caso Eolas Por lo visto la configuración de esta lista borró el enlace. Bueno, va a pelo entonces pu'é': Problemas con Internet Explorer. El caso Eolas http://www.desarrolloweb.com/articulos/problemas-internet-explorer-caso-eola s.html Listo, che... P.D.: ¿Sabías que si el Che Guevara hubiera sido contemporáneo nuestro, en Cuba hoy en día se lo conocería como el Boludo Guevara? ¡Qué bajón! Almirante von Web/. - Original Message - From: Pedro Moreno [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, February 02, 2007 3:20 PM Subject: Re: [Ovillo] Problemas con Internet Explorer. El caso Eolas flashobject.js El día 2/02/07, Sebastian Gurin [EMAIL PROTECTED] escribió: El vie, 02-02-2007 a las 12:37 -0300, LISTAS escribió: Léanse este artículo que es fantástico: Problemas con Internet Explorer. El caso Eolas che hummm qué artículo? Yo... ¡¡¡ni me lo imaginaba!!! No es spam... y le jode por ósmosis a los Flasheros (¡otra mancha más pal tigre!)... ;-) Almirante von 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 ___ 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] Dudas y mas dudas sobre los alt y title
Hola: En mi opinión alt= es incorrecto, si una imagen es decorativa, entonces no es parte de la estructura y debe ser insertada vía CSS con la propiedad background-image. Hasta donde se alt se usa para mostar un texto si es que la imagen no se puede mostrar y title es descriptivo. Lo que el navegador debería mostrar al poner el ratón en la imagen es title y no alt Saludos Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Ernesto Frías Enviado el: jueves, 01 de febrero de 2007 03:23 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Dudas y mas dudas sobre los alt y title Excelente explicación. A mi una cosa que me intriga es como responden los lectores de voz al atributo tittle. Si no me equivoco, en el caso de los enlaces, es interesante añadir dicho atributo, ya que a nivel de SEO (buscadores, crawlers, y demás) el atributo tittle tiene bastante peso, al igual que en cuanto a accesibilidad. Lo que desconozco es si un lector de voz le otorga importancia a este atributo, o al texto del propio enlace. Habra que hacer pruebas... Saludotes, Ernesto P.D. Coincido con lo que dices... ;) Hola a todos los intrigados por el alt y title, Nuestro amigo no se está liando. El uso del atributo alt y del title es distinto, y no es que nos salga un tooltip o no en el navegador aunque estos lo interpreten así. Además nunca han de ser iguales el alt y el title. Pongo unos casos concretos para ilustrar el uso de estos atributos, desde el punto de vista de accesibilidad y el estándar HTML 4.01: - Imagen decorativa: lleva el alt vacío. alt=. Pero tiene que llevarlo, no vale el no ponerlo. - Imagen colocada por medio de CSS: no lleva ni alt ni title, ya que no se puede poner atributos si usas para colocar imágenes CSS. - Imagen con contenido: El alt debería responder a la pregunta ¿Qué es esto?, por ejemplo foto de Pepe saludando a su abuela, Coche rojo de la marca Ford. El title aquí no tiene mucha utilidad ya que si queremos ampliar la descripción de la imagen (porque sea muy larga para ponerla en el alt) usaremos el atributo longdesc. - Imagen que es un enlace: el alt describe el enlace, es decir, si tenemos una imagen que nos lleva al foro al pinchar sobre ella el alt sería Foro de Pepito's Web. Y el title se usa para ampliar esta información con datos o avisos como por ejemplo El foro se abre en una ventana nueva, o si es una descarga Archivo PDF de 5 megas. Estos son ejemplos del uso de los atributos. Echad un ojo también a la especificación de HTML del W3C: http://www.w3.org/TR/html4/struct/objects.html#h-13.8 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] Dudas y mas dudas sobre los alt y title
Hola, el alt= es un hack para pasar el validador, que siempre que encuentre la etiqueta img / va a pedir el atributo alt. Sobre el tema de las imágenes decorativas se puede tener una charla inmensa sobre donde deben ir, para mi esta claro que lo que no tenga que ver con el contenido va en el css de modo que dejo img / solo para imágenes que tengan que ver con el contenido por lo que todas deberían tener un alt con contenido. Saludos Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Este Es Mi Nombre Enviado el: jueves, 01 de febrero de 2007 11:32 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Dudas y mas dudas sobre los alt y title Hola, Lo del alt= en imágenes decorativas está bien. Eso te lo digo seguro al 100%, viene en las pautas de accesibilidad del W3C. Otra cosa es que sea mejor poner las imágenes decorativas en el CSS que debería hacerse. Pero siempre hay imágenes que se ponen al lado de una noticia por ejemplo, y no aportan nada a la noticia si no que es un simple adorno. Esa imagen debería tener alt=. El navegador como bien dices debería mostrar el title. Como siempre nuestro amigo IExplorer hace lo que le sale de las windows y te saca el alt. Un saludo. - Mensaje original De: Christian Roque Geldres [EMAIL PROTECTED] Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Enviado: jueves, 1 de febrero, 2007 15:12:09 Asunto: Re: [Ovillo] Dudas y mas dudas sobre los alt y title Hola: En mi opinión alt= es incorrecto, si una imagen es decorativa, entonces no es parte de la estructura y debe ser insertada vía CSS con la propiedad background-image. Hasta donde se alt se usa para mostar un texto si es que la imagen no se puede mostrar y title es descriptivo. Lo que el navegador debería mostrar al poner el ratón en la imagen es title y no alt Saludos Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Ernesto Frías Enviado el: jueves, 01 de febrero de 2007 03:23 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Dudas y mas dudas sobre los alt y title Excelente explicación. A mi una cosa que me intriga es como responden los lectores de voz al atributo tittle. Si no me equivoco, en el caso de los enlaces, es interesante añadir dicho atributo, ya que a nivel de SEO (buscadores, crawlers, y demás) el atributo tittle tiene bastante peso, al igual que en cuanto a accesibilidad. Lo que desconozco es si un lector de voz le otorga importancia a este atributo, o al texto del propio enlace. Habra que hacer pruebas... Saludotes, Ernesto P.D. Coincido con lo que dices... ;) Hola a todos los intrigados por el alt y title, Nuestro amigo no se está liando. El uso del atributo alt y del title es distinto, y no es que nos salga un tooltip o no en el navegador aunque estos lo interpreten así. Además nunca han de ser iguales el alt y el title. Pongo unos casos concretos para ilustrar el uso de estos atributos, desde el punto de vista de accesibilidad y el estándar HTML 4.01: - Imagen decorativa: lleva el alt vacío. alt=. Pero tiene que llevarlo, no vale el no ponerlo. - Imagen colocada por medio de CSS: no lleva ni alt ni title, ya que no se puede poner atributos si usas para colocar imágenes CSS. - Imagen con contenido: El alt debería responder a la pregunta ¿Qué es esto?, por ejemplo foto de Pepe saludando a su abuela, Coche rojo de la marca Ford. El title aquí no tiene mucha utilidad ya que si queremos ampliar la descripción de la imagen (porque sea muy larga para ponerla en el alt) usaremos el atributo longdesc. - Imagen que es un enlace: el alt describe el enlace, es decir, si tenemos una imagen que nos lleva al foro al pinchar sobre ella el alt sería Foro de Pepito's Web. Y el title se usa para ampliar esta información con datos o avisos como por ejemplo El foro se abre en una ventana nueva, o si es una descarga Archivo PDF de 5 megas. Estos son ejemplos del uso de los atributos. Echad un ojo también a la especificación de HTML del W3C: http://www.w3.org/TR/html4/struct/objects.html#h-13.8 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 __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ Lista de distribución Ovillo Para escribir a la lista
Re: [Ovillo] Recuadro delirante
A mi no, pero yo estoy usando IE7 Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de LISTAS Enviado el: sábado, 27 de enero de 2007 07:58 Para: Ovillo [LISTA] Asunto: [Ovillo] Recuadro delirante Hola. Necesito que se den una vueltita por http://www.losconsorcistas.com.ar sólo con Explorer (con Firefox y Opera se ve bien) y, en la página de SERVICIOS observen el recuadro que hay debajo en el que dice: Asesoramiento estratégico y legal. Resulta que en mi monitor a medida que subo o bajo la página, el texto y los bordes del recuadro aparecen y desaparecen visualmente, pero si lo selecciono con el ratón, se ve. Recuerdo que sólo me sucede con Explorer. ¿A ustedes les sucede lo mismo? Atte. Almirante von 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
Re: [Ovillo] [OT] Hosting
Cristalab no contrato un servidor dedicado sino el Gridserver (gs) que es compartido además Cristalab corre sobre una modificación de PHPbb, y quien sabe que tanto consuma ese software que usan. De todas maneras he escuchado que el (gs) es una desgracia Mi amigo tiene un Dedicated Virtual (dv) aloja varios dominios y me dice que es lo máximo, solo paga $50.00 al mes Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Juan Jorge Muñoz Herrero Enviado el: viernes, 19 de enero de 2007 04:08 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] [OT] Hosting http://www.redcoruna.org dicen que es buena. Cristalab por ejemplo estuvo en mediatemple pero no aguantaba tanta carga el servidor (dedicado) y se han mudado alli, dicen que está bien. El día 19/01/07, Richi [EMAIL PROTECTED] escribió: Y este no os parece barato? http://sync.es/ A mi no me ha dado problemas desde hace mucho 4 años... http://blog.cacto.net Richi Christian Roque Geldres escribió: Yo no tengo problemas con Resellerzoom, el plan Budget es ideal para webs pequeñas. Tengo un amigo que trabaja con Mediatemple y me dice que es lo máximo. Saludos Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] En nombre de Jose Antonio Riquelme Enviado el: jueves, 18 de enero de 2007 11:35 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] [OT] Hosting Hola amigos, estoy buscando hosting y dada la cantidad de servidores que hay, necesito vuestra experiencia para encontrar calidad y fiabilidad. En lineas generales necesitaría que fuera en sobre windows, posibilidad de gestionar varios dominios y sobre todo que sea fiable y no dé muchos problemas. Espero recibir opiniones de vuestros ISP. Un saludo! __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.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 -- Juan Jorge Muñoz Herrero http://www.taarq.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] [OT] Hosting
Hola, claro que me di una vuelta por ahí: http://www.cristalab.com/blog/32785/media-temple-y-porque-apesta-grid-server - Cristalab contrato el gridserver (gs) que como quieran llamarlo es compartido y Cristalab es un sitio demasiado grande como para estar en un servidor compartido. Hasta donde se un CMS es software y como sea que se escriba el CMS de Cristalab es una modificación de ese foro y quien sabe que tan optimizado este. Saludos. Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Juan Jorge Muñoz Herrero Enviado el: viernes, 19 de enero de 2007 09:30 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] [OT] Hosting El día 19/01/07, Christian Roque Geldres [EMAIL PROTECTED] escribió: Cristalab no contrato un servidor dedicado sino el Gridserver (gs) que es compartido además Cristalab corre sobre una modificación de PHPbb, y quien sabe que tanto consuma ese software que usan. Christian, sabes de lo que estás hablando?? Por qué no te das una vueltecita por cristalab, a lo mejor encuentras alguna información al respecto. PD: Se escribe phpBB, y se llama CMS, no software. -- Juan Jorge Muñoz Herrero http://www.taarq.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] Bugs en Firefox
Hola a todos, revivo este tema debido a un excelente articulo que salio en
456 Berea Street, en este hilo, incorrectamente se muestra como un bug la
correcta interpretación del modelo de caja y quisiera aportar este articulo
que muestra el w3c Box Model vs el IE Box model.
http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_b
ox_model/
Christian Roque Geldres
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Lucas Mourelle
Enviado el: lunes, 30 de octubre de 2006 01:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Bugs en Firefox
Almirante:
Es tal cual como dice Federico: el doctype es absolutamente necesario
para que el navegador identifique de qué tipo y versión de documento se
trata, y dependiendo de eso cómo debe interpretarlo.
Si bien no es su función, algunos navegadores usan el doctype para
elegir entre dos modos de interpretar el box-model, uno correcto y otro
incorrecto; éste último, para mantener compatibilidad con sitios
desarrollados no acorde a los estándares.
Y para evitarle confusiones a aquellas personas que todavía no manejen
con cierta comodidad el concepto de BoxModel ideado por la W3C, va aquí
un ejemplo:
(espero que no tenga errores, si los tiene, avisen por favor)
http://www.lucasmourelle.com.ar/box_model/
...y un par de puntos importantes a tener en cuenta:
- la propiedad height NO INCLUYE las medidas de: padding-top,
padding-bottom, border-top, border-bottom.
- la propiedad width NO INCLUYE las medidas de: padding-left,
padding-right, border-left, border-right.
Por lo tanto, lo que el Sr. Admirante adjudica como un bug de Firefox es
en realidad la manera CORRECTA de interpretar código CSS. Y, como bien
dice Federico, es la misma manera de interpretar que utiliza el Internet
Explorer 6 (o superior) si el archivo tiene un Doctype moderno.
Uno puede pensar que la manera en que se pensó el asunto de las medidas
de ancho y alto del box-model no es la más intuitiva. Al principio
resulta un poco rebuscada, pero con el tiempo uno va notando que no es
un problema. Simplemente hay que recordar que si uno desea que el borde
de una caja mida, de lado a lado, 100 px, habrá que escribir el width
restando el borde de ambos lados, y el padding de ambos lados... por
ejemplo:
SI QUIERO QUE LA SIGUIENTE CAJA MIDA 100 px. DE BORDE A BORDE... tal que:
#caja{
padding: 10px;
border: 2px solid #FF;
}
ENTONCES EL WIDTH DEBERÁ SER = 100 - 10 - 10 - 2 - 2
#caja{
padding: 10px;
border: 2px solid #FF;
width: 76px;
}
De esta manera, el área donde vive el contenido mide 76px de ancho,
pero sumando el padding y los bordes la caja queda con un total de 100px
de ancho.
...espero que sirva a quienes no utilicen mucho CSS.
saludos,
Lucas
--
===
LucasMourelle - desarrollos rgb
===
6343-1705 // 15-5052-1468
[EMAIL PROTECTED]
===
Federico Santoalla wrote:
Estimado Almirante, paso a contestarte:
El 30/10/06, LISTAS[EMAIL PROTECTED] escribió:
Querido Federico: un código bien interpretado no debería requerir
necesariamente un DOCTYPE cuando el comportamiento que de él se espera
sea
obvio, genérico y estándar. El color red es común a todo navegador y
ninguno lo interpretaría como green.
¿Adivina qué? Para que cualquier agente de usuarios (Navegador o
cualquier cosa que lea el html) se entere de como tiene que
interpretar es documento es necesario poner un DOCTYPE. ¿Adivina que
significa? Tipo de documento. En el se identifica la versión HTML
(HTML 4.01 / XHTML 1.0 /etc) y el modo de tratarlo
(estricto/transicional).
Lo del DOCTYPE estricto te lo digo porque de esta manera IE6
interpreta de manera correcta (correcta porque es lo que dice W3C) el
modelo de cajas.
Y por favor, no cierres el tema porque para aquel que esta aprendiendo
queda confuso. Esto no es un BUG y sería útil para aquellos que se
inician en el diseño basado en estándares que reconozcas tu error.
Un Abrazo.
Federico
___
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] OT: Libro de CSS
Lo baje sin problemas, muchas gracias Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Wilssonly Enviado el: miércoles, 20 de diciembre de 2006 03:07 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] OT: Libro de CSS OK, aparte te ahorras ancho de banda, respecto al libro, como te dije, puedes escanearte una cantidad determinada por semana o al dia, me lo mandas a mi e-mail y se procede a convertir en full texto, una vez terminado se empaqueta nuevamente en pdf. Saludos 2006/12/20, Guillermo Movia [EMAIL PROTECTED]: Willssonly, anda perfecto el link. Guillermo 2006/12/20, Guillermo Movia [EMAIL PROTECTED]: Haré lo posible con a versión en castellano. Al final de mi servidor estaba andando mal, así que todos los que lo necesiten bajénlo de acá. Guillermo 2006/12/20, Wilssonly [EMAIL PROTECTED]: Bueno para todos aquellos que pidieron el libro Profesional CSS, he ahi el enlace http://www.sendspace.com/file/py366r Guillermo, que te parece si escaneas el libro y me lo mandas todo como JPG, quizas con un par de amigos nos damos el trabajo de convertirlo todo a texto, aunque se que existe la opcion de OCR, se que el trabajo de edicion es un poco pesado. A ver si te animas al menos con unas paginas para ir armando el e-book en castellano. Saludos. 2006/12/20, Lucas Franco [EMAIL PROTECTED]: me lo pasas ? On 12/20/06, Guillermo Movia [EMAIL PROTECTED] wrote: Ya lo subí yo a mi servidor, donde no hay problema en descargarlo, salvo que no sé si hacerlo directamente en la lista. Quien me lo pida tendrá el link. No sé si es posible encontrarlo en castellano en pdf. Yo tengo el original en papel, pero no sé si tendré el tiempo de escanearlo y hacer el archivo. Guillermo 2006/12/20, Wilssonly [EMAIL PROTECTED]: Guau, no pense que el e-bool tuviera tanta acojida, pero descuiden lo subire a un servidor gratuito del cual todos podran descargarlo, el archivo pesa aproximadamente 13 MB, si alguien lo consigue en español tambien seria bueno que lo compartieran. Saludos 2006/12/20, Guillermo Movia [EMAIL PROTECTED]: Yo lo subí a mi sitio, pero no sé si se puede divulgar por esta lista. Guillermo El 20/12/06, Sebastian Gurin[EMAIL PROTECTED] escribió: Estaría buenísimo si pudieras subirlo a algún sitio así los demás podemos hecharle una ojeada. Gracias! El mié, 20-12-2006 a las 10:12 -0500, Wilssonly escribió: SI mal no recuerdo tengo dicho libro en pdf pero esta en ingles, si no tienes problemas con el idioma, te lo mando. Saludos 2006/12/20, [EMAIL PROTECTED] [EMAIL PROTECTED]: Hola compañeros, alguien sabe de algun buen libro de CSS que puedan recomendarme? anteriormente recomendaron aqui mismo este libro: PROFESIONAL CSS HOJAS DE ESTILO EN CASCADA PARA DISEÑO WEB ISBN 8441519544 Autor SCHMITT CHRISTOPHER DOMUNEY TODD , MARCOTTE ETHAN , ORCHARD DUNSTAN , TRAMMELL MARK Editorial ANAYA MULTIMEDIA Colección PROFESIONAL Nivel MEDIO / AVANZADO edic206 pero para mala suerte se encuentra agotado aqui en Buenos Aires, si alguien sabe donde conseguirlo o alguno de similar calidad mucho agradeceria la ayuda Alejandra ___ 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 ___ 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,
Re: [Ovillo] Dudas con posicionamiento absolute, relative
Hay un truco muy bueno en Tierra de Nomadas http://tierradenomadas.com/tw003.phtml Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de ReynierPM Enviado el: miércoles, 13 de diciembre de 2006 10:48 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Dudas con posicionamiento absolute, relative Ambos artículos están interesantes y me ha quedado un poco más clara la situación. Ahora el problema está en posicionar el elemento al centro de la pantalla y que el mismo quede ahí aún cuando el usuario cambie la resolución de la pantalla. Gracias por todo 2006/12/13, inti castro [EMAIL PROTECTED]: On 12/13/06, Yurk! [EMAIL PROTECTED] wrote: On 12/12/06, ReynierPM [EMAIL PROTECTED] wrote: Estuve leyendo algo sobre el posicionamiento absoluto o relativo aquí http://www.sidar.org/recur/desdi/traduc/es/css/visuren.html#propdef-position pero aún no me queda del todo claro. te animo a que leas http://www.stopdesign.com/articles/absolute/ con el código que enviaste no logre entender el problema (un gráfico mostrando qué es lo que queres sería ideal) asi que me limito a pasarte otro vínculo que me parece bastante bueno para entender la diferencia entre métodos de posicionamiento: http://www.barelyfitz.com/screencast/html-training/css/positioning/ -- inti castro [EMAIL PROTECTED] ___ 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 -- Salu2 ReynierPM | 5to. Ing Informática ___ 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] Hoja de estilos para impresión. Era : Imprimir páginas OT
Pues eso se modifica desde el navegador mismo, en Archivo Configuración de pagina, etc... Personalmente creo que quitar esos encabezados y pie depende del usuario, no del que hace la pagina. Tratar de quitarlos es como poner target=blank a los enlaces. Saludos Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de ReynierPM Enviado el: martes, 12 de diciembre de 2006 03:49 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo]Hoja de estilos para impresión. Era : Imprimir páginas OT Efectivamente Ardilla Roja, como tu bien dices me refiero a esos encabezados del navegador donde se muestra lo mismo que tu dices, no me refería a esconder algo con la propiedad display:none o quizás con visibility: hidden sino a eliminar esos molestos encabezados. Alguna solución? Salu2 y gracias 2006/12/12, Hugo A. Valencia [EMAIL PROTECTED]: Hola Ardilla Roja 2006/12/12, Ardilla Roja [EMAIL PROTECTED]: Creo que se refiere a los encabezados del navegador... donde se muestra la hora, fecha, numeros de pagina, etc, etc... Si es así, Reynier tendría que aclararlo, de lo que tu hablas me suena más a configuración de la impresora, ¿no? Si es así, perdón por la mala interpretación. Saludos, Hugo. -- Hugo A. Valencia ___ 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 -- Salu2 ReynierPM | 5to. Ing Informática ___ 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 con CSS
Necesitas un archivo CSS para cada medio Christian Roque -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de ReynierPM Enviado el: jueves, 07 de diciembre de 2006 08:51 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Duda con CSS Hola listeros: Estoy un poco confundido con el uso de los tipos de media de CSS (screen, print, aural). Por ejemplo estoy haciendo un sitio web que debe tener una versión para verla online y otra para impresión. Mi duda al respecto es como usar los medios. Se que hay que poner: style type=text/css media=screen para pantalla y style type=text/css media=print para imprimir, pero necesito tener dos páginas para cada uno de ellos o ... Gracias por adelantado -- Salu2 ReynierPM | 5to. Ing Informática ___ 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] Editores
Yo uso EditPlus 2 que no se ha mencionado y es muy bueno. También se de un CSS Masta que usa Vim, y que le parece lo máximo Saludos Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Jose Manuel Segovia Guisado Enviado el: martes, 05 de diciembre de 2006 05:21 Para: ovillo@lists.ovillo.org Asunto: [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 ___ 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] Editores
No me refería a ti :D La verdad después de ver todo lo que este master[1] hace con Vim le di un oportunidad pero creo que no doy para tanto, me parece algo complejo, pero no dudo que debe ser excelente, yo prefiero algo mas simple por lo que tengo mi EditPlus. Saludos cordiales, [1] http://juque.cl Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de carlos campderrós Enviado el: martes, 05 de diciembre de 2006 09:40 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Editores On 12/5/06, Christian Roque Geldres [EMAIL PROTECTED] wrote: También se de un CSS Masta que usa Vim, y que le parece lo máximo no sabía que me conocías ;-) coñas aparte, VIm ES lo máximo. De los otros que se comentan, aptana me pareció muy complicado, aunque tiene pinta de ser muy potente... Sólo le di la oportunidad 5 minutos, todo hay q decirlo... Y de los demás, me inclino por el Programmer's Notepad, notepad+, ultraedit y editores así, a la notepad + coloreado de sintaxis. Pero repito, VIm es lo máximo : ) -- Si no puedes deslumbrar con tu inteligencia, desconcierta con tus gilipolleces ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://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] Editores
Me refiero al señor JP Aqueveque (http://juque.cl), tiene unos buenos tutoriales de CSS y su editor de cabecera es Vim, también ha escrito artículos sobre Vim. Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de laura Enviado el: martes, 05 de diciembre de 2006 10:09 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Editores hola On 12/5/06, Christian Roque Geldres @delpilarmiraflores.com.pe wrote: Yo uso EditPlus 2 que no se ha mencionado y es muy bueno. También se de un CSS Masta que usa Vim, y que le parece lo máximo Saludos Mm, podrias desarolllar algo mas eso de CSS Masta que usa Vim? gracias laura ___ 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] IE7 pekaboo?
Saludos a todos: Estaba viendo el wiki de Wordpress (http://wiki.wordpress.org) con IE7, y en eso al pasar el mouse por el menú, todo el contenido desaparecio, así es todo, solo quedaron el menú lateral, los botones de edit y el footer, pero todo lo demás se fue, ¿ese es el pekaboo? ¿O es otro bug? Verán, al cargar la pagina con el Mouse por la cabecera se veía así: http://www.flickr.com/photos/roqu3/305794375/in/photostream/ Luego cuando paso el Mouse por el menú, todo se va http://www.flickr.com/photos/roqu3/305794378/in/photostream/ Y no es que se vaya al fondo o algo así, simplemente desaparece, alguien sabe si es el peekaboo, que yo sepa el pekaboo se manifiesta al inicio y cuando haces scroll aparece el contenido, así que se me ocurre es otro. Saludos cordiales, Christian Roque Geldres ___ 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 Reynier:
Esto fue lo que indicaste en tu mail anterior:
Hagan una simple prueba y pongale un texto inmenso a columna_izquierda y
a columna_derecha y en ambos casos diferentes, o sea que el tamaño del
texto del primer DIV sea menor o mayor que el del segundo. Como verán se
desborda uno de los DIV más que el otro y lo demás se mantiene igual. La
lógica sería que si el DIV columna_derecha o columna_izquierda aumentara
entonces también lo hiciera su contenedor contenedor_centro pero no lo
está haciendo.
La razón por la que no aumentaba era como te explique, que los elementos
dentro de contenedor_centro están flotados y para que se extienda debias
poner un elemento con la propiedad clear:both antes de cerrarlo.
La tecnica footerStickAlt es para pegar el pie de pagina al final incluso
cuando el contenido sea poco, no para extender contenedores.
Sobre lo ultimo que enviaste, lo probe y el pie se va muy al fondo, pero si
cambiando un poco las propiedades a contenedor_pie si funciona:
#contenedor_pie {
/*position:relative; */
height: 55px;
margin-top:-55px;
/*margin-bottom:0px; */
background-color:#600;
/*margin: 0 auto; */
width: 990px;
max-width: 990px;
text-align: left;
}
El margen superior negativo debe ser del tamaño de la altura de tu pie, y
recuerda que no existe padding negativo.
Saludos
Christian Roque Geldres
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Reynier Perez Mira
Enviado el: miércoles, 22 de noviembre de 2006 10:31
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
Ni la una ni la otra. Me explico, por más que intento hacer funcionar mi
problema haciendo uso del método footerStickAlt no lo logró. Quizás estoy
omitiendo alguna parte pero por más que busco no la encuentro. Debajo
adjunto el código. Lo otro es que le puse un elemento que tiene clear:both
debajo a las columnas que flotan y tampoco me expande el contenido. ¿Qué es
lo que estoy haciendo mal?
***
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=sp lang=sp
head
titleFooter Arghhh !!! Me tiene loco/title
style type=text/css
* { padding: 0; margin: 0; }
html { height: 100%; }
body { height: 100%; margin: 0px; padding: 0px; }
* html #contenedor { height: 100%; }
#contenedor { position: relative; height: 100%; margin: 0 auto; width:
990px; max-width: 990px; text-align: left; }
#cabecera { width: 829px; height: 149px; float: left; border-bottom:
1px solid #E89700; }
#login { width: 160px; height: 149px; float: left; border-bottom: 1px
solid #E89700; }
#clear { clear: both; }
#columna_izquierda { float: left; width: 78%; color: #000; border: 1px
solid #FFA500; background-color: #E0; }
#columna_derecha { float: left; width: 21.6%; /* Aumentar a 22 */ color:
#000; border: 1px solid #FFF; background-color: #FFFACD; }
* html #contenedor_pie { padding-top: -40px; }
#contenedor_pie { position:relative; height: 55px; margin-top:-40px;
margin-bottom:0px; background-color:#600; margin: 0 auto; width: 990px;
max-width: 990px; text-align: left; }
/style
/head
body
div id=contenedor
div id=contenedor_cabeza
div id=cabeceranbsp;/div
div id=loginnbsp;/div
/div !-- Contenedor de los elementos de la cabecera --
div id=contenedor_centro
div id=columna_izquierda
pMa quande lingues coalesce, li grammatica del resultant lingue es
plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca
va esser plu simplic e regulari quam li existent Europan lingues. It va
esser tam simplic quam Occidental: in fact, it va esser Occidental. A un
Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico
dit me que Occidental es./p
/div !-- Contenedor columna izquierda --
div id=columna_derechaContenido de la columna derecha/div !--
Contenedor columna derecha --
div id=clearnbsp;/div
/div !-- Contenedor de los elementos centrales --
/div !-- Contenedor outside_footer --
div id=contenedor_piePie de pagina al fondo/div !-- Contenedor de los
elementos del pie de página --
/body
/html
Pruebenlo y me dejan saber si a Uds le funcionó porque lo que es a mi no hay
forma de que me funcione.
Salu2 y gracias por todo
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
___
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
El correcto es:
*{margin:0, padding:0;}
En tu código 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 {
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
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 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
Re: [Ovillo] Reemplazo de texto por imágenes en IE
Hola, no tendrás definido algo para el a:hover que de repente interfiera
con tu reemplazo, otra cosa que de repente podrías añadirle es un
text-decoration:none, ya que cuando yo reemplazaba textos de esa manera
siempre quedaba el subrayado de los enlaces que se iba al infinito.
Saludos
Christian Roque Geldres
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Enrique Rodriguez
Enviado el: miércoles, 22 de noviembre de 2006 09:41
Para: Ovillo@lists.ovillo.org
Asunto: [Ovillo] Reemplazo de texto por imágenes en IE
Buenas a todos.
En el trabajo esta mañana nos hemos encontrado con una desagradable
sorpresa.
Normalmente para el reemplazo de texto por imágenes, utilizo la siguiente
técnica:
Marcado
a href=http://www.google.es; title=enlace a google
class=googleLinkEnlace a Google/a
CSS
.googleLink {
display: block;
width: 150px;
height: 25px;
background: url(googleBtn.gif) 0 0 no-repeat;
text-indent: -px;
}
Hasta aquí todo perfecto, pero en IE al pasar el ratón sobre el enlace, éste
parpadea, con el consiguiente descontento de diseñador y cliente. He
intentado solucionarlo de mil maneras diferentes, entre ellas esta
http://www.fivesevensix.com/studies/ie6flicker/ que parece tener gran
aceptación, pero o yo estoy haciendo algo mal, o no me valen esos ejemplos.
¿Alguien sabe como evitar eficientemente el parpadeo en enlaces que llevan
el texto sustituido por una imagen con CSS?.
P.S: Hay una solución consistente en tocar el .htaccess pero esta no me
vale, ya que en este caso no puedo tocar ese archivo del servidor.
--
Enrique Rodriguez Vallejo
http://ervdesign.net | [EMAIL PROTECTED]
Tlfno: 667 237 770
___
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] 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
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 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 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
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 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
Re: [Ovillo] Pegar DIV al bottom de la ventana
Los elementos dentro de contenedor_centro están flotados, es por eso que no
crece, si quieres que aumente antes de cerrarlo pon algún elemento con la
propiedad clear:both
Saludos
Christian Roque Geldres
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Reynier Perez Mira
Enviado el: miércoles, 22 de noviembre de 2006 02:36
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
Perfecto, se acerca bastante a lo que yo quiero pero aún así y todo me sigue
dando un problita. Miren el código CSS:
*
* {
padding: 0; margin: 0;
}
html, body {
min-height: 100%; height: 100%; margin: 0; padding: 0;
}
#contenedor {
min-height: 100%; position: relative; margin: 0 auto; width:
990px; max-width: 990px; text-align: left;
}
#cabecera {
width: 829px; height: 149px; float: left; border-bottom: 1px solid
#E89700; background-color: #FFA500;
}
#login {
width: 160px; height: 149px; float: left; background-color: #CCC;
border-bottom: 1px solid #E89700;
}
#columna_izquierda {
float: left; width: 75%; color: #000; background-color: Aqua;
}
#columna_derecha {
float: left; width: 25%; color: #000; background-color: Silver;
}
#contenedor_pie {
bottom:0; position:absolute; width:100%; border-top: 1px solid
#E89700; border-bottom: 1px solid #E89700; height: 55px; background-color:
#000;
}
*
HTML:
*
div id=contenedor
div id=contenedor_cabeza
div id=cabeceranbsp;/div
div id=loginnbsp;/div
/div !-- Contenedor de los elementos de la cabecera --
div id=contenedor_centro
div id=columna_izquierdaContenido de la columna izquierda/div
div id=columna_derechaContenido de la columna derecha/div
/div !-- Contenedor de los elementos centrales --
div id=contenedor_piePie de pagina al fondo/div !-- Contenedor de
los elementos del pie de página --
/div !-- Contenedor --
*
Hagan una simple prueba y pongale un texto inmenso a columna_izquierda y a
columna_derecha y en ambos casos diferentes, o sea que el tamaño del texto
del primer DIV sea menor o mayor que el del segundo. Como verán se desborda
uno de los DIV más que el otro y lo demás se mantiene igual. La lógica sería
que si el DIV columna_derecha o columna_izquierda aumentara entonces
también lo hiciera su contenedor contenedor_centro pero no lo está
haciendo. ¿Alguien me podría decir en que me equivoqué esta vez?
Salu2 y gracias a todos por el tiempo
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de sn
Enviado el: miércoles, 22 de noviembre de 2006 11:02 am
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 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, has probado el footerStickAlt http://www.themaninblue.com/experiment/footerStickAlt/ Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Reynier Perez Mira Enviado el: martes, 07 de noviembre de 2006 11:13 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Pegar DIV al bottom de la ventana Hola comunidad: Nuevamente me ha surgido un problema. Resulta que tengo un footer pero cuando el texto no ocupa el 100% de la ventana del navegador como es lógico los DIV contenedores no se redimensionan. Bueno el caso es que este DIV footer sube como es lógico también. La pregunta es como mantener este DIV pegado al final de la página o al bottom de la ventana. ¿Se me comprende? Salu2 y gracias por adelantado -- ReynierPM | 5to Ing. Informática Aprendiz de mucho, maestro de poco ___ 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
El tema de usarlo es que tienes que prácticamente rediseñar toda tu estructura y CSS, prueba usándolo desde cero (hacer una nueva plantilla) y ve añadiendo lo tuyo. Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Reynier Perez Mira Enviado el: jueves, 09 de noviembre de 2006 09:33 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana Hola Cristian: Gracias por responder. He probado el método pero no logro hacerlo funcionar en Firefox, sin embargo y contradictoriamente a lo que se hable de IE en este si se me ve a la perfección. Salu2 y esperando por nuevas sugerencias -- ReynierPM | 5to Ing. Informática Aprendiz de mucho, maestro de poco. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Christian Roque Geldres Enviado el: 09 November, 2006 8:14 AM Para: 'Ovillo, la lista de CSS en castellano' Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana Hola, has probado el footerStickAlt http://www.themaninblue.com/experiment/footerStickAlt/ Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Reynier Perez Mira Enviado el: martes, 07 de noviembre de 2006 11:13 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Pegar DIV al bottom de la ventana Hola comunidad: Nuevamente me ha surgido un problema. Resulta que tengo un footer pero cuando el texto no ocupa el 100% de la ventana del navegador como es lógico los DIV contenedores no se redimensionan. Bueno el caso es que este DIV footer sube como es lógico también. La pregunta es como mantener este DIV pegado al final de la página o al bottom de la ventana. ¿Se me comprende? Salu2 y gracias por adelantado -- ReynierPM | 5to Ing. Informática Aprendiz de mucho, maestro de poco ___ 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 ___ 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
