[Ovillo] Problemas con menu horizontal
Estoy intentando hacer un menú horizontal como el que sigue:
http://yzweb.iespana.es/pantallazo.jpg
Y a mí me ha quedado:
http://yzweb.iespana.es/menu.jpg
Este es mí código HTML:
div id=cabecera
h1a href=/index.asp
img src=/imagenes/cabecera/logoAE.jpg
alt=Aragonempleo.com /
/a/h1
a
href=http://es.serlog21.centraltest.com/esptest/@test/part_liste.php;
title=Centraltest.com target=_blank
img src=/imagenes/banners/tests.gif alt=Centraltest width=468
height=60 border=0 /
/a
/div
div id=navegador
ul
lia href=/area_candidatos/validar.asp title=Accede a
tu curriculumAacute;rea candidatos/a/li
lia href=/menu_privado/area_privada.asp title=Acceso
para empresasAacute;rea empresas/a/li
lia href=/ofertas/busqueda_avanzada.asp title=Busca la
oferta que maacute;s se amolde a tu perfilBuscar ofertas/a/li
lia href=/ofertas/empresas_destacadas.asp
title=Consulta las ofertas publicadas por nuestras empresas
colaboradorasOfertas por empresas/a/li
li id=contactoa href=# title=Si quieres contactar
con nosotros
onclick=AbrirCentrada('/serviciosextra/contactar_empresa.asp','',584,380)
Contactar/a/li
/ul
/div
Y esta la CSS:
#cabecera {
background: url('/imagenes/cabecera/fondocab_degradado.gif')
repeat-y center center;
height: 66px;
}
#cabecera h1 {
display: inline;
margin: 0px;
}
#cabecera h1 a img {
border: 0px;
}
#cabecera a {
text-decoration: none;
}
/* NAVEGADOR SUPERIOR */
#navegador:before, #navegador:after {
content: url(/imagenes/cabecera/cuadradito.gif);
}
#navegador {
margin: 0.2em 0em;
}
#navegador ul {
margin: 0px 10px;
}
#navegador li {
margin: 0em 2px;
float: left;
background: #005692;
list-style: none;
}
#navegador li a {
color: #FF;
display: block;
text-align: center;
width: 132px;
min-height: 2.5em;
line-height: 2.3em;
font-size: 8pt;
text-decoration: none;
}
A ver si alguno de ustedes puede ayudarme.
Gracias y un saludo.
Ignacio Fortea
___
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 el overflow
Sí, que sale como dices, inti. Entendí mal a Luís y ponía overflow-x:auto,
en vez de overflow:auto aisss...
Estás en lo cierto.
Gracias a todos. ;) (Ahora solo tengo que cargarme la barra de
desplazamiento vertical.)
2006/10/17, inti castro [EMAIL PROTECTED]:
gema,
On 10/17/06, Gema Masegosa [EMAIL PROTECTED] wrote:
#capa {
*overflow-x:scroll; */* teoricamente saldrá el scroll cuando la tabla
supere el ancho de la capa?? no??*/
}
cambia lo de aca arriba por esto:
overflow: auto;
sin los asteriscos al principio y despues del punto y coma y usando
overflow
en lugar de overflow-x. no tengo tiempo de probarlo pero deberia
funcionar.
segun se, la propiedad overflow-x e -y solo las interpreta IE y no FF
(avisenme si estoy desactualizado).
--
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
--
Gema Masegosa.
Email:[EMAIL PROTECTED]
Web personal: http://www.guebstudio.es
___
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] buscando ideas
Hola Vlad. A parte de lo que te han comentado los demás, yo te aconsejaría dedicar algo de tiempo a la semana a dibujar y/o a la fotografía. Da igual que no te hayas dedicado a estas actividades antes, ayudan a ver las cosas de una manera distinta y enriquecerán tus diseños igualmente. Un saludo. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de webmaster Enviado el: martes, 17 de octubre de 2006 20:24 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] buscando ideas Hola gente de la lista! Tengo un problema que considero muy grabe con mi diseño Web... Me siento contento de poder hacer ya un diseño de tres columnas para una Web, con el notepad, que me funcione bien en Explorer y en firefox sin usar hacks (claro para versiones recientes XD ) Pero siento que me hace falta aprender sobre cómo lograr belleza gráfica, sin superar saturar la Web, de flash, de imágenes animadas, en eso me siento bastante malo. Si alguien tiene ideas, referencias, o me puede apuntar, a un lugar en la Web donde pueda encontrar info. sobre cómo diseñar mejor, lo agradecería mucho, ya que me siento diseñando muy plano. Saludos, Vlad. ___ 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 menu horizontal
Hola Ignacio,
prueba a quitar el padding del menú.
#navegador ul {
margin: 0px 10px;
padding:0;
}
Saludos
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Ignacio Fortea
Enviado el: miércoles, 18 de octubre de 2006 9:04
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: [Ovillo] Problemas con menu horizontal
Estoy intentando hacer un menú horizontal como el que sigue:
http://yzweb.iespana.es/pantallazo.jpg
Y a mí me ha quedado:
http://yzweb.iespana.es/menu.jpg
Este es mí código HTML:
div id=cabecera
h1a href=/index.asp
img src=/imagenes/cabecera/logoAE.jpg
alt=Aragonempleo.com /
/a/h1
a
href=http://es.serlog21.centraltest.com/esptest/@test/part_liste.php;
title=Centraltest.com target=_blank
img src=/imagenes/banners/tests.gif alt=Centraltest width=468
height=60 border=0 /
/a
/div
div id=navegador
ul
lia href=/area_candidatos/validar.asp title=Accede a
tu curriculumAacute;rea candidatos/a/li
lia href=/menu_privado/area_privada.asp title=Acceso
para empresasAacute;rea empresas/a/li
lia href=/ofertas/busqueda_avanzada.asp title=Busca la
oferta que maacute;s se amolde a tu perfilBuscar ofertas/a/li
lia href=/ofertas/empresas_destacadas.asp
title=Consulta las ofertas publicadas por nuestras empresas
colaboradorasOfertas por empresas/a/li
li id=contactoa href=# title=Si quieres contactar
con nosotros
onclick=AbrirCentrada('/serviciosextra/contactar_empresa.asp','',584,380)
Contactar/a/li
/ul
/div
Y esta la CSS:
#cabecera {
background: url('/imagenes/cabecera/fondocab_degradado.gif')
repeat-y center center;
height: 66px;
}
#cabecera h1 {
display: inline;
margin: 0px;
}
#cabecera h1 a img {
border: 0px;
}
#cabecera a {
text-decoration: none;
}
/* NAVEGADOR SUPERIOR */
#navegador:before, #navegador:after {
content: url(/imagenes/cabecera/cuadradito.gif);
}
#navegador {
margin: 0.2em 0em;
}
#navegador ul {
margin: 0px 10px;
}
#navegador li {
margin: 0em 2px;
float: left;
background: #005692;
list-style: none;
}
#navegador li a {
color: #FF;
display: block;
text-align: center;
width: 132px;
min-height: 2.5em;
line-height: 2.3em;
font-size: 8pt;
text-decoration: none;
}
A ver si alguno de ustedes puede ayudarme.
Gracias y un saludo.
Ignacio Fortea
___
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 menu horizontal
Hola Adriana,
Gracias por contestar.
Le he quitado el padding como me has dicho y lo que sucede, es que el primer
enlace se mueve debajo de la imagen, pero no llega a encajar en la misma
línea.
Saludos
Ignacio Fortea
Serlog21 - Consultoría de Recursos Humanos
Pso. Sagasta, 62 :: Edificio venus, oficina 4 :: 50006 Zaragoza
Tlf. 902 10 40 98 - 976 37 25 06 :: Fax. 976 37 25 30
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Salugral Adriana Pazos García-Camino
Enviado el: miércoles, 18 de octubre de 2006 9:47
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problemas con menu horizontal
Hola Ignacio,
prueba a quitar el padding del menú.
#navegador ul {
margin: 0px 10px;
padding:0;
}
Saludos
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Ignacio Fortea
Enviado el: miércoles, 18 de octubre de 2006 9:04
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: [Ovillo] Problemas con menu horizontal
Estoy intentando hacer un menú horizontal como el que sigue:
http://yzweb.iespana.es/pantallazo.jpg
Y a mí me ha quedado:
http://yzweb.iespana.es/menu.jpg
Este es mí código HTML:
div id=cabecera
h1a href=/index.asp
img src=/imagenes/cabecera/logoAE.jpg
alt=Aragonempleo.com /
/a/h1
a
href=http://es.serlog21.centraltest.com/esptest/@test/part_liste.php;
title=Centraltest.com target=_blank
img src=/imagenes/banners/tests.gif alt=Centraltest width=468
height=60 border=0 /
/a
/div
div id=navegador
ul
lia href=/area_candidatos/validar.asp title=Accede a
tu curriculumAacute;rea candidatos/a/li
lia href=/menu_privado/area_privada.asp title=Acceso
para empresasAacute;rea empresas/a/li
lia href=/ofertas/busqueda_avanzada.asp title=Busca la
oferta que maacute;s se amolde a tu perfilBuscar ofertas/a/li
lia href=/ofertas/empresas_destacadas.asp
title=Consulta las ofertas publicadas por nuestras empresas
colaboradorasOfertas por empresas/a/li
li id=contactoa href=# title=Si quieres contactar
con nosotros
onclick=AbrirCentrada('/serviciosextra/contactar_empresa.asp','',584,380)
Contactar/a/li
/ul
/div
Y esta la CSS:
#cabecera {
background: url('/imagenes/cabecera/fondocab_degradado.gif')
repeat-y center center;
height: 66px;
}
#cabecera h1 {
display: inline;
margin: 0px;
}
#cabecera h1 a img {
border: 0px;
}
#cabecera a {
text-decoration: none;
}
/* NAVEGADOR SUPERIOR */
#navegador:before, #navegador:after {
content: url(/imagenes/cabecera/cuadradito.gif);
}
#navegador {
margin: 0.2em 0em;
}
#navegador ul {
margin: 0px 10px;
}
#navegador li {
margin: 0em 2px;
float: left;
background: #005692;
list-style: none;
}
#navegador li a {
color: #FF;
display: block;
text-align: center;
width: 132px;
min-height: 2.5em;
line-height: 2.3em;
font-size: 8pt;
text-decoration: none;
}
A ver si alguno de ustedes puede ayudarme.
Gracias y un saludo.
Ignacio Fortea
___
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] Problemas con menu horizontal
Hola Ignacio,
he estado probando tu código,
utilizando el :before, :after no consigo posicionar el menú bien además de que
no se ve en ie.
Creo que es más sencillo poniendo las imágenes de los cuadrados como fondo del
div navegador y del navegador ul y flotándolos a la izquierda, he hecho una
prueba parece que funciona bien.
#navegador {
margin: 0.2em 0em;
padding-left:30px;
background: url(/imagenes/cabecera/cuadradito.gif) left top no-repeat;
float:left;
}
#navegador ul {
margin: 0px 10px;
padding:0 40px 0 0;
float:left;
background: url(/imagenes/cabecera/cuadradito.gif) right top no-repeat;
}
Saludos
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Ignacio Fortea
Enviado el: miércoles, 18 de octubre de 2006 10:14
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Problemas con menu horizontal
Hola Adriana,
Gracias por contestar.
Le he quitado el padding como me has dicho y lo que sucede, es que el primer
enlace se mueve debajo de la imagen, pero no llega a encajar en la misma
línea.
Saludos
Ignacio Fortea
Serlog21 - Consultoría de Recursos Humanos
Pso. Sagasta, 62 :: Edificio venus, oficina 4 :: 50006 Zaragoza
Tlf. 902 10 40 98 - 976 37 25 06 :: Fax. 976 37 25 30
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Salugral Adriana Pazos García-Camino
Enviado el: miércoles, 18 de octubre de 2006 9:47
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problemas con menu horizontal
Hola Ignacio,
prueba a quitar el padding del menú.
#navegador ul {
margin: 0px 10px;
padding:0;
}
Saludos
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Ignacio Fortea
Enviado el: miércoles, 18 de octubre de 2006 9:04
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: [Ovillo] Problemas con menu horizontal
Estoy intentando hacer un menú horizontal como el que sigue:
http://yzweb.iespana.es/pantallazo.jpg
Y a mí me ha quedado:
http://yzweb.iespana.es/menu.jpg
Este es mí código HTML:
div id=cabecera
h1a href=/index.asp
img src=/imagenes/cabecera/logoAE.jpg
alt=Aragonempleo.com /
/a/h1
a
href=http://es.serlog21.centraltest.com/esptest/@test/part_liste.php;
title=Centraltest.com target=_blank
img src=/imagenes/banners/tests.gif alt=Centraltest width=468
height=60 border=0 /
/a
/div
div id=navegador
ul
lia href=/area_candidatos/validar.asp title=Accede a
tu curriculumAacute;rea candidatos/a/li
lia href=/menu_privado/area_privada.asp title=Acceso
para empresasAacute;rea empresas/a/li
lia href=/ofertas/busqueda_avanzada.asp title=Busca la
oferta que maacute;s se amolde a tu perfilBuscar ofertas/a/li
lia href=/ofertas/empresas_destacadas.asp
title=Consulta las ofertas publicadas por nuestras empresas
colaboradorasOfertas por empresas/a/li
li id=contactoa href=# title=Si quieres contactar
con nosotros
onclick=AbrirCentrada('/serviciosextra/contactar_empresa.asp','',584,380)
Contactar/a/li
/ul
/div
Y esta la CSS:
#cabecera {
background: url('/imagenes/cabecera/fondocab_degradado.gif')
repeat-y center center;
height: 66px;
}
#cabecera h1 {
display: inline;
margin: 0px;
}
#cabecera h1 a img {
border: 0px;
}
#cabecera a {
text-decoration: none;
}
/* NAVEGADOR SUPERIOR */
#navegador:before, #navegador:after {
content: url(/imagenes/cabecera/cuadradito.gif);
}
#navegador {
margin: 0.2em 0em;
}
#navegador ul {
margin: 0px 10px;
}
#navegador li {
margin: 0em 2px;
float: left;
background: #005692;
list-style: none;
}
#navegador li a {
color: #FF;
display: block;
text-align: center;
width: 132px;
min-height: 2.5em;
line-height: 2.3em;
font-size: 8pt;
text-decoration: none;
}
A ver si alguno de ustedes puede ayudarme.
Gracias y un saludo.
Ignacio Fortea
___
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:
Re: [Ovillo] Problemas con sIFR
reynier, sin ver la página y los archivos correspondientes está dificl
adivinar qué es lo que pasa.
lo unico que te puedo recomendar, es si usas dreamweaver instalar esta
extensión.
http://www.tecnorama.org/document.php?id_doc=70
que se asegura que todos los enlaces y reglas estén bien.
buena suerte!
kemie
...:| kemie |:...
.:| www.monolinea.com http://www.monolinea.com |:.
Reynier Perez Mira wrote:
Hola Kemie:
He comprobado todo lo que me dices.
1) Los enlaces a los SWF son correctos porque de lo contrario me pone que no
cargó la película.
2) El enlace del JS de sIFR tambinén es correcto. Yo uso la extensión JS View
de FF y bueno como que me sale correctamente el sifr.js y puedo ver su código
y todo.
3) Aquí me perdí. ¿A que te refieres a que en las reglas de mi sIRF estén
todos los elementos remplazados? No es esto:
if(typeof sIFR == function){
sIFR.replaceElement(h1.fondo, named({sFlashSrc: ?php echo
base_url() ?themes/simpro/sifr/avantgardemdbt.swf, sColor: #C8DBFF,
sFlashVars: textalign=right, nPaddingRight:5, sWmode: transparent}));
sIFR.replaceElement(h1.fondo_home, named({sFlashSrc: ?php
echo base_url() ?themes/simpro/sifr/avantgardemdbt.swf, sColor: #C8DBFF,
sFlashVars: textalign=right, nPaddingRight:5, sWmode: transparent}));
sIFR.replaceElement(h1.resumen_home, named({sFlashSrc:
?php echo base_url() ?themes/simpro/sifr/avantgardemdbt.swf, sColor:
#FFBA37, sFlashVars: textalign=center, sWmode: transparent}));
sIFR.replaceElement(h1.noticia_home, named({sFlashSrc:
?php echo base_url() ?themes/simpro/sifr/avantgardemdbt.swf, sColor:
#FFBA37, sFlashVars: textalign=justify, sWmode: transparent}));
};
4) Lamentablemente no dispongo de una URL ni de un servidor para que puedas
ver los resultados.
Salu2, gracias y esperando por tu ayuda
--
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
[Ovillo] padding para img en IE
Hola:
Para un diseño(?) que estoy haciendo, le puse a las imágenes
el típico padding con un borde de 1px sólido, que creo que luce muy
bien. Algo como esto:
img { padding:3px;border:solid 1px maroon; }
En
varios navegadores de varias plataformas se ve bien, o sea, el efecto
esperado, pero como era también de esperarse en IE no, ni en IE/Linux
ni en IE/Windows. He estado tratando de encontrarle respuesta a ese
problema y ya sé que se trata de un bug conocido de IE que no
intrepreta como debe ser (qué raro que IE no interprete algo bien, :D )
el padding en los elementos inline, de hecho no lo interpreta.
Lo
que quiero saber si alguien conoce alguna solución elegante para esto.
Ya probé añadirle un dispaly:block; pues pensé que si el problema es
con los elementos inline, si le cambiaba esa condición al elemento
podría funcionar, pero no. Si la única solución es encerrar la imagen
en un div, por ejemplo, la verdad es que me gustaría más otra variante.
Muchos saludos a todos.
Pável Varela Rodríguez
__
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
Re: [Ovillo] padding para img en IE
En varios navegadores de varias plataformas se ve bien, o sea, el efecto esperado, pero como era también de esperarse en IE no, ni en IE/Linux ni en IE/Windows. He estado tratando de encontrarle respuesta a ese problema y ya sé que se trata de un bug conocido de IE que no intrepreta como debe ser (qué raro que IE no interprete algo bien, :D ) el padding en los elementos inline, de hecho no lo interpreta. ¿En qué versión de IE de Windows no interpreta el padding para elementos inline? ¿Podrías poner una URL de ejemplo? http://www.obokaman.com/albums/643 En esta URL todas las fotos tienen aplicado un padding y un border, y se ven correctamente en IE. Un saludo, Albert Garcia OboLog » Tus pensamientos en red www.obolog.com __ Mi blog personal en http://obokaman.obolog.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
[Ovillo] Capa que se mueva con el scroll?
Hola, tengo una dudilla. Me gustaría que una capa que tengo estuviese siempre visible estando el scroll donde esté. No sé si me explico, es como el Loading... de gmail ___ 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] Capa que se mueva con el scroll?
position: fixed; Pero eso solo te funcionará con navegadores normales. IE, cómo siempre se lo saltará a la torera. Ignacio Fortea Serlog21 - Consultoría de Recursos Humanos Pso. Sagasta, 62 :: Edificio venus, oficina 4 :: 50006 Zaragoza Tlf. 902 10 40 98 - 976 37 25 06 :: Fax. 976 37 25 30 -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Luis Villegas Enviado el: miércoles, 18 de octubre de 2006 17:04 Para: Ovillo Asunto: [Ovillo] Capa que se mueva con el scroll? Hola, tengo una dudilla. Me gustaría que una capa que tengo estuviese siempre visible estando el scroll donde esté. No sé si me explico, es como el Loading... de gmail ___ 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] Capa que se mueva con el scroll?
Hay un java script que hace eso... yo tambien lo estoy buscando Saludos 2006/10/18, Luis Villegas [EMAIL PROTECTED]: Hola, tengo una dudilla. Me gustaría que una capa que tengo estuviese siempre visible estando el scroll donde esté. No sé si me explico, es como el Loading... de gmail ___ 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 -- Proximamente: www.ferticidio.com.ar ___ 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] Capa que se mueva con el scroll?
Aquí explica cómo se puede hacer con css para que funcione en ie http://www.tierradenomadas.com/rc012.phtml saludos -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] nombre de fernando lescano Enviado el: miércoles, 18 de octubre de 2006 17:16 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Capa que se mueva con el scroll? Hay un java script que hace eso... yo tambien lo estoy buscando Saludos 2006/10/18, Luis Villegas [EMAIL PROTECTED]: Hola, tengo una dudilla. Me gustaría que una capa que tengo estuviese siempre visible estando el scroll donde esté. No sé si me explico, es como el Loading... de gmail ___ 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 -- Proximamente: www.ferticidio.com.ar ___ 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] Capa que se mueva con el scroll?
Yo tuve una necesidad con un cliente que queria un menu que se viese
siempre, es decir, que se fuese desplazando segun bajas o subes el scroll.
En mi caso es una web centrada, por lo que position fixed no me sirve, y en
efecto según como juegues con las propiedades, hace cosas raras.
SOLUCION (para mi caso):
Aplicarle un margen diferente, por estilos, y JavaScript, segun donde se
encuentre el scroll. Para ello tienes que mirar con javascript los
siguientes objetos:
document.documentElement utilizando document.documentElement.scrollTop
document.body utilizando document.body.scrollTop
window.pageYOffset
Estos objetos son validos unos en un navegador otros en otro. Poniendo un
if, else if, else, te cubres para los tres y te olvidas de comprobaciones.
( if document.body, blabla, etc. )
A continuacion no tienes mas que aplicarle un margen. En mi caso:
document.getElementById(menu ).style.marginTop =
(document.documentElement.scrollTop - 195)+'px';
Tendras que ir calculando al pixel, pero con este script conseguiras que ese
DIV se coloque siempre en la parte superior de la pantalla.
Ah, por supuesto, pon en el body onload la siguiente funcion:
setInterval('sPosicionarMenu()',20);
O no harás nada ;-)
(siendo sPosicionarMenu() como yo he llamado a la funcion, y 20 los
milisegundos (el tiempo que tarda en volver a ejecutarse la funcion).
Suerte.
PD: Si lo querias con CSS... lo siento, no tengo una solucion para ti.
__
?php
$Autor = Iban Rodriguez;
// Programador, THE MOVIE
?
www.themovie.org
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Luis Villegas
Enviado el: miércoles, 18 de octubre de 2006 17:04
Para: Ovillo
Asunto: [Ovillo] Capa que se mueva con el scroll?
Hola, tengo una dudilla. Me gustaría que una capa que tengo estuviese
siempre visible estando el scroll donde esté. No sé si me explico, es como
el Loading... de gmail
___
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] buscando ideas
webmaster escribió: Hola gente de la lista! Tengo un problema que considero muy grabe con mi diseño Web... Me siento contento de poder hacer ya un diseño de tres columnas para una Web, con el notepad, que me funcione bien en Explorer y en firefox sin usar hacks (claro para versiones recientes XD ) Pero siento que me hace falta aprender sobre cómo lograr belleza gráfica, sin superar saturar la Web, de flash, de imágenes animadas, en eso me siento bastante malo. Si alguien tiene ideas, referencias, o me puede apuntar, a un lugar en la Web donde pueda encontrar info. sobre cómo diseñar mejor, lo agradecería mucho, ya que me siento diseñando muy plano. Saludos, Vlad. Hola Una cosa que puedes hacer, ademas de visitar las galerias de CSS como CSS Beauty, es hacerte con algun programa de mezcla de colores, o visita las galerias de paletas de colores en www.colorschemer.com/schemes/ y www.colorblender.com, para quien no acostumbra trabajar con combinaciones de colores son herramientas muy utiles ___ 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] Problema con imagen de fondo de página
Hola a todos: tengo un problema con una imagen de fondo en el body. Se ve en la página http://www.gros.es/pruebas/background-image.htm El caso es que quiero que en FifeFox y otros se comporte, por raro que pueda sonar, ¡como en MSIE 6! Quiero que la imagen roja se repita verticalmente hasta donde termina el contenido, no sólo hasta donde vemos antes de hacer scroll. ¿Alguien conoce alguna solución? Muchas gracias por vuestra ayuda. Un saludo, Ignacio ___ 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] Problema con imagen de fondo de página
On Wed, 18 Oct 2006 18:13:21 +0100, Ignacio Gros [EMAIL PROTECTED] wrote: Hola a todos: tengo un problema con una imagen de fondo en el body. Se ve en la página http://www.gros.es/pruebas/background-image.htm El caso es que quiero que en FifeFox y otros se comporte, por raro que pueda sonar, ¡como en MSIE 6! Quiero que la imagen roja se repita verticalmente hasta donde termina el contenido, no sólo hasta donde vemos antes de hacer scroll. ¿Alguien conoce alguna solución? Muchas gracias por vuestra ayuda. Un saludo, Ignacio Quitale el height:100% al html,body -- Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ ___ 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] Corrección al e-mail anterior
Necesitaría poner esa imagen en body. No me sirve crear una capa que contenga todo... Tengo que ceñirme al HTML que tengo hecho. Muchas gracias, Ignacio ___ 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] buscando ideas
Les agradezco a todos sus aportaciones, Seguire sus consejos de la mejor manera posible y veremos como resulta la aventura. Gracias a todos. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Ramon Lapenta Sent: Miércoles, 18 de Octubre de 2006 10:50 a.m. To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] buscando ideas webmaster escribió: Hola gente de la lista! Tengo un problema que considero muy grabe con mi diseño Web... Me siento contento de poder hacer ya un diseño de tres columnas para una Web, con el notepad, que me funcione bien en Explorer y en firefox sin usar hacks (claro para versiones recientes XD ) Pero siento que me hace falta aprender sobre cómo lograr belleza gráfica, sin superar saturar la Web, de flash, de imágenes animadas, en eso me siento bastante malo. Si alguien tiene ideas, referencias, o me puede apuntar, a un lugar en la Web donde pueda encontrar info. sobre cómo diseñar mejor, lo agradecería mucho, ya que me siento diseñando muy plano. Saludos, Vlad. Hola Una cosa que puedes hacer, ademas de visitar las galerias de CSS como CSS Beauty, es hacerte con algun programa de mezcla de colores, o visita las galerias de paletas de colores en www.colorschemer.com/schemes/ y www.colorblender.com, para quien no acostumbra trabajar con combinaciones de colores son herramientas muy utiles ___ 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] padding para img en IE
Lo he probado en las siguientes versiones y plataformas de IE: IE/Win 6.0.3790.1830 IE/Linux 6.0.2800.1106 (ies4linux) La verdad es que no tenía idea de que eso daba problemas, la verdad. La URL no la puedo poner por acá, directamente quizá sí. El caso es que no estoy autorizado a mostrarla, por más que quiero en este momento a ver si logra resolverse el problema. Saludos y gracias de antemano a quien ya respondió y a los que responderán luego, jeje. Pável __ 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
[Ovillo] Presentacion + duda de como superar el tablerismo
Buenas. Me presento soy MD empeze joven en esto del diseño web y bueno siempre me ha gustado estar cerca del código para tenerlo limpio y bien domado. Y bueno de hace un tiempo para haca estoy empezando a trastear con las CSS pero todavía no he superado mi complejo tablerista (de maquetar todo con tablas). Y bueno hay una cosa irresoluble que por mas vueltas he dado y que mas he googleado es maquetar textos de párrafos con fotos. Me explico tener la situación de: pimg src=imagen mas alta que el parrafo.png align=left o righttexto largo/p pimg src=otra imagen mas alta el parrafo.png align=left o rightotro texto largo/p O en forma de listas: ul liimg src=imagen mas alta que el parrafo.png align=left o righttexto largo/li liimg src=otra imagen mas alta el parrafo.png align=left o rightotro texto largo/li /ul Y bueno la solución cutre (pero simple) que funcionaba para párrafos y para listas tirando de tablas que usaba antes de tomarme en serio CSS era: table border=0 trtd pimg src=imagen mas alta que el parrafo.png align=left o righttexto largo/p /tr/td trtd pimg src=otra imagen mas alta el parrafo.png align=left o rightotro texto largo/p /tr/td /table Y el resultado deseado era pues párrafos acompañados de su imagen y que si esta era mas alta que el párrafo, pues hasta el siguiente párrafo dejaba suficiente espacio en blanco para que no se mezclara esta imagen con el siguiente párrafo. Pero por mas vueltas que he dado intentando hacer un html limpio es decir escribiendo atributos class a los elementos a maquetar en vez de llenar el html de etiquetas div, no he conseguido llegar a la solución. Salvo con la opción en CSS display: table-row-group que funciona bien para párrafos pero no para listas porque te quita el circulito de la lista, ademas que en m$ iexplorer todavía no la reconoce pero en Firefox si. Bueno saludos. __ 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
Re: [Ovillo] Presentacion + duda de como superar el tablerismo
MD escribió:
Buenas.
...
Y bueno hay una cosa irresoluble que por mas vueltas he dado y que mas
he googleado es maquetar textos de párrafos con fotos. Me explico
tener la situación de:
pimg src=imagen mas alta que el parrafo.png align=left o
righttexto largo/p
pimg src=otra imagen mas alta el parrafo.png align=left o
rightotro texto largo/p
...
Y el resultado deseado era pues párrafos acompañados de su imagen y que
si esta era mas alta que el párrafo, pues hasta el siguiente párrafo
dejaba suficiente espacio en blanco para que no se mezclara esta imagen
con el siguiente párrafo.
Dos cosas quita ese align del img que esa información debería ir en el css
img {float: left;}
Y metele al parrafo un clear
p {clear: both;}
--
Saludos -=stripTM=-
___
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] Presentacion + duda de como superar el tablerismo
stripTM escribió:
MD escribió:
Buenas.
...
Y bueno hay una cosa irresoluble que por mas vueltas he dado y que mas
he googleado es maquetar textos de párrafos con fotos. Me explico
tener la situación de:
pimg src=imagen mas alta que el parrafo.png align=left o
righttexto largo/p
pimg src=otra imagen mas alta el parrafo.png align=left o
rightotro texto largo/p
...
Y el resultado deseado era pues párrafos acompañados de su imagen y que
si esta era mas alta que el párrafo, pues hasta el siguiente párrafo
dejaba suficiente espacio en blanco para que no se mezclara esta imagen
con el siguiente párrafo.
Dos cosas quita ese align del img que esa información debería ir en el css
img {float: left;}
Y metele al parrafo un clear
p {clear: both;}
Gracias ^_^. Parece que funciona perfectamente (hasta en m$ iexploter).
He estado toqueteando un poco mas el asunto para que sirva para p y
para li y lo he dejado tal que asi:
en el CSS
.imgLeft {
float: left;
}
.imgRight {
float: right;
}
li {
clear:both;
}
.parrafoLimpio {
clear: both;
}
Y asi si se encuentra:
li
pimg class=imgLefttexto1/pptexto2/p
/li
los agrupa todos sin separarlos. Y por otra parte si se quiere párrafos
limpios con imágenes pues
p class=parrafoLimpioimg class=imgRight o Lefttexto1/p
p class=parrafoLimpioimg class=imgRight o Lefttexto2/p
Puede que se pueda mejorar pero bueno funcionar funciona y bien.
Gracias. Hasta pronto.
__
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
