Re: [Ovillo] anchos variables
Perfecto!
Muchísimas gracias.
Un saludo.
H
> Date: Wed, 17 Nov 2010 18:41:12 +0100
> From: admin...@gmail.com
> To: ovillo@lists.ovillo.org
> Subject: Re: [Ovillo] anchos variables
>
> Hola,
> Después de un rato planteándome este pequeño "reto" creo que he dado con la
> solución (si es que he entendido bien la pregunta).
> / start code /
>
>
>
>#left, #right { border:1px solid black;}
>#right {
> /* display:none; /* Uncomment to simulate only one column */
> float:right;
> width:15%;
>}
>
>
>
> Ovillo test
>
> Rigth Column
> Left Column
>
>
>
> /* end code ***/
> Salud!
>
> El 17 de noviembre de 2010 17:45, Jose Maria Ruiz de Arbulo <
> jmrarb...@gmail.com> escribió:
>
> Si no etendí mal el primer mensaje, prueba a meter un div dentro de otro, de
> > forma que cuando desaparezca el segundo, el primero ocupe todo el espacio.
> > Prueba lo siguiente (los bordes y padding los pongo para que veas el
> > resultado)
> >
> >
> >
> > A
> > B
> >
> >
> >
> > Saludos: Jose maría
> >
> > El 17 de noviembre de 2010 17:42, Jose Maria Ruiz de Arbulo <
> > jmrarb...@gmail.com> escribió:
> >
> > >
> > >
> > > El 17 de noviembre de 2010 17:17, Jimmy Collazos || acido ||
> > cuatroxl.com
> > > escribió:
> > >
> > > No lo consigues porque no le has añadido la nueva clase.
> > >>
> > >> Lo que tú pides:
> > >>
> > >>
> > >> A
> > >> B
> > >>
> > >>
> > >> y..
> > >>
> > >> A
> > >>
> > >>
> > >> Como puedes ver no es posible;
> > >> --
> > >>
> > >>
> >
> > >> J i m m y C o l l a z o s :
> > >>
> > >>
> >
> > >> desarrollado web; estándar, accesible, escalable
> > >>
> > >>
> >
> > >>acido69
> > >> ___
> > >> 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] anchos variables
Alberto, gracias. Pero con esto no lo consigo.
> From: albe...@katiuskas.com
> Date: Wed, 17 Nov 2010 14:35:14 +
> To: ovillo@lists.ovillo.org
> Subject: Re: [Ovillo] anchos variables
>
> Puedes usar clases múltiples:
>
>
>
> .pagina { width:50%; }
> .pagina.una-columa { width:100%; }
>
> Salud!
>
> Alberto García
> *****
>
>
>
> El 17/11/2010, a las 14:04, hugo sierra escribió:
>
> >
> > Hola a todos:
> >
> > A ver si me podeis ayudar.
> >
> > Tengo dos divs flotando uno al lado del otro.
> >
> > Uno tiene una anchura del 50% y el otro 37%.
> >
> > En el caso de que desapareciese uno de ellos (en este caso el de
> > 37%), cómo podría hacer para que el de 50% pasase a ocupar todo el
> > ancho del contenedor en el que se encuentran?
> >
> > Es decir, existen ambas posibilidades. Que estén los dos o que sólo
> > esté uno de ellos.
> >
> > Muchas gracias.
> >
> > H
> >
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente
> > dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] anchos variables
Hola a todos: A ver si me podeis ayudar. Tengo dos divs flotando uno al lado del otro. Uno tiene una anchura del 50% y el otro 37%. En el caso de que desapareciese uno de ellos (en este caso el de 37%), cómo podría hacer para que el de 50% pasase a ocupar todo el ancho del contenedor en el que se encuentran? Es decir, existen ambas posibilidades. Que estén los dos o que sólo esté uno de ellos. Muchas gracias. H ___ 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] opacity en IE
Compañeros:
Ya arreglé el problema.
Todo lo que estaba haciendo estaba bien... Pero se cuando abría el IE7 me pedía
activar no-me-acuerdo-qué y no se veía la transparencia. Lo activé y no más
problemas.
Pero muchas gracias a todos.
> Date: Mon, 10 Nov 2008 23:27:42 +0100
> From: [EMAIL PROTECTED]
> To: ovillo@lists.ovillo.org
> Subject: Re: [Ovillo] opacity en IE
>
> Pues con esta respuesta has patinado un poco.
>
>1. No existe la propiedad -ms-opacity.
>2. Usar un prefijo antes de una propiedad es una cosa permitida y
>recomendada por el w3c para que así los navegadores puedan implementar
>propiedades y que estas no interfieran con la creación de estándares.
>3. Firefox, Opera, Safari y Konqueror hacen lo mismo y nadie se ríe de
>ellos.
>
> Por favor, seamos series y critiquemos hechos, no a una empresa por llamarse
> como se llama.
>
> El 10 de noviembre de 2008 18:18, Tei <[EMAIL PROTECTED]> escribió:
>
> > el rango es 0...1, y no 0..255 como pareces creer.
> >
> > Creo que el valor por defecto es 1= opaco, 0 seria invisible.
> >
> > Ademas, el equipo de IE, en su infinita sabiduria, ha inventado otra
> > forma de poner transparencia, creo recordar ... algo como -ms-opacity:
> >
> >
> > http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx
> >
> > lo comento solo para reirnos un poco.
> >
> > 2008/11/10 hugo sierra <[EMAIL PROTECTED]>:
> > >
> > > No entiendo muy bien lo de 0.3.
> > > Aún así sigo sin conseguirlo.
> > > He rastreado por varios sitios donde lo explican y no lo consigo ni
> > poniéndolo igual.
> > >
> > >> Date: Mon, 10 Nov 2008 12:12:36 -0300
> > >> From: [EMAIL PROTECTED]
> > >> To: ovillo@lists.ovillo.org
> > >> Subject: Re: [Ovillo] opacity en IE
> > >>
> > >> Si no me equivoco es 0.8, 0.3. Firefox toma opacity.
> > >>
> > >> 2008/11/10 hugo sierra <[EMAIL PROTECTED]>
> > >>
> > >> >
> > >> > Hola a todos:
> > >> > Estoy intentando aplicar a un div la propiedad opacity, pero no lo
> > consigo
> > >> > en IE7.
> > >> >
> > >> > ¿Sabría alguien decirme qué estoy haciendo mal o qué no estoy
> > haciendo?
> > >> >
> > >> > Os mando el códico y el css:
> > >> >
> > >> > div.elegir {
> > >> >background-color:#7B1B0D;
> > >> >width:170px;
> > >> >border:2px solid #2C2C2C;
> > >> >filter:alpha(opacity=80);
> > >> >-moz-opacity:.8;
> > >> >opacity:.8;
> > >> > }
> > >> > div.elegir dl{
> > >> >color:#FF;
> > >> >font-weight:bold;
> > >> >padding:10px;
> > >> >position: relative;
> > >> >display:block;
> > >> > }
> > >> >
> >
> > --
> > --
> > ℱin del ℳensaje.
> > ___
> > 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
_
Los más de lo más, Especial Rankings
http://events.es.msn.com/dinero/listas/default.aspx
___
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] opacity en IE
No entiendo muy bien lo de 0.3.
Aún así sigo sin conseguirlo.
He rastreado por varios sitios donde lo explican y no lo consigo ni poniéndolo
igual.
> Date: Mon, 10 Nov 2008 12:12:36 -0300
> From: [EMAIL PROTECTED]
> To: ovillo@lists.ovillo.org
> Subject: Re: [Ovillo] opacity en IE
>
> Si no me equivoco es 0.8, 0.3. Firefox toma opacity.
>
> 2008/11/10 hugo sierra <[EMAIL PROTECTED]>
>
> >
> > Hola a todos:
> > Estoy intentando aplicar a un div la propiedad opacity, pero no lo consigo
> > en IE7.
> >
> > ¿Sabría alguien decirme qué estoy haciendo mal o qué no estoy haciendo?
> >
> > Os mando el códico y el css:
> >
> > div.elegir {
> >background-color:#7B1B0D;
> >width:170px;
> >border:2px solid #2C2C2C;
> >filter:alpha(opacity=80);
> >-moz-opacity:.8;
> >opacity:.8;
> > }
> > div.elegir dl{
> >color:#FF;
> >font-weight:bold;
> >padding:10px;
> >position: relative;
> >display:block;
> > }
> >
> >
> >
> >
> >
> >pepepe
> >A
> >B
> >
> >
> >
> >
> > Muchas gracias.
> >
> > _
> > Los más de lo más, Especial Rankings
> > http://events.es.msn.com/dinero/listas/default.aspx
> > ___
> > 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
> >
>
>
>
> --
> ↓ Ignacio Ricci
> www.ignacioricci.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
_
¡Este Otoño reta a tus amigos con el nuevo juego de preguntas LiveQuiz!
http://www.vivelive.com/LiveQuiz/
___
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] opacity en IE
Hola a todos:
Estoy intentando aplicar a un div la propiedad opacity, pero no lo consigo en
IE7.
¿Sabría alguien decirme qué estoy haciendo mal o qué no estoy haciendo?
Os mando el códico y el css:
div.elegir {
background-color:#7B1B0D;
width:170px;
border:2px solid #2C2C2C;
filter:alpha(opacity=80);
-moz-opacity:.8;
opacity:.8;
}
div.elegir dl{
color:#FF;
font-weight:bold;
padding:10px;
position: relative;
display:block;
}
pepepe
A
B
Muchas gracias.
_
Los más de lo más, Especial Rankings
http://events.es.msn.com/dinero/listas/default.aspx
___
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] borde blanco en imágenes
Hey, perdona! Creo que antes te he contestado muy rápido y la solución que te he dicho no vale para nada en este caso. He estado mirando el enlace y mi consejo es que esas imágenes las incluyas en el css y le des una clase a cada elemento de lista. De esta manera sería más correcto y creo que así se arreglaría tu problema. Al menos, yo es lo que haría. Bueno y de nuevo siento por haberme precipitado. > From: [EMAIL PROTECTED] > To: ovillo@lists.ovillo.org > Date: Tue, 30 Oct 2007 14:37:01 +0100 > Subject: [Ovillo] borde blanco en imágenes > > ¿alguien podría decirme por qué al aplicar un estilo a una etiqueta "img" > sale un precioso borde extra inesperado? además.. pasa en todos los > navegadores... > > podéis ver un ejemplo aquí: > > http://www.pym-e.es/NUEVA%20PYME/ > > las cajitas rosas no deberían tener esa separación...!! > > ayuda por diooo!! > > Gracias! > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo _ Express yourself instantly with MSN Messenger! Download today it's FREE! http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/ ___ 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] borde blanco en imágenes
Prueba a poner en el css
img {
border:0;
}
> From: [EMAIL PROTECTED]
> To: ovillo@lists.ovillo.org
> Date: Tue, 30 Oct 2007 14:37:01 +0100
> Subject: [Ovillo] borde blanco en imágenes
>
> ¿alguien podría decirme por qué al aplicar un estilo a una etiqueta "img"
> sale un precioso borde extra inesperado? además.. pasa en todos los
> navegadores...
>
> podéis ver un ejemplo aquí:
>
> http://www.pym-e.es/NUEVA%20PYME/
>
> las cajitas rosas no deberían tener esa separación...!!
>
> ayuda por diooo!!
>
> Gracias!
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
_
Express yourself instantly with MSN Messenger! Download today it's FREE!
http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/
___
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] RE: menú de listas anidadas en hori zontal
Muchas gracias Javi!
Ahora si que funciona.
> Date: Tue, 16 Oct 2007 16:36:06 +0200
> From: [EMAIL PROTECTED]
> To: ovillo@lists.ovillo.org
> Subject: Re: [Ovillo] menú de listas anidadas en horizontal
>
> Hugo:
>
> No lo he visto en detalle pero siempre que al padre le pongas
> position:relative... a los hijos les puedes poner position:absolute, y
> las coordenadas que le des lo colocarán siempre con respecto al padre.
>
> Resumiendo:
> Padre: position: relative;
> Hijo: position:absolute;
>
> Si el hijo lleva top: 0px; left:0px; Se colocará en las coordenadas 0,0
> con respecto al padre, esté donde esté en la página
>
> hugo sierra escribió:
> > Gracias Jaume, ya me conocía estos sitios. Pero muchas gracias.
> >
> > A ver, otra cosa. El menú es horizontal, que en el cuerpo del mensaje decía
> > lo contrario, jeje.
> >
> > Y bueno, llevará javascript. Pero me preocupa que con la posición absoluta
> > dependo del contenido anterior. Yo lo que quiero es que la lista anidada
> > siempre se coloque debajo de la padre, independientemente de lo que haya
> > antes.
> >
> >
> >
> >
> >
> >> Date: Tue, 16 Oct 2007 16:16:59 +0200
> >> From: [EMAIL PROTECTED]
> >> To: ovillo@lists.ovillo.org
> >> Subject: Re: [Ovillo] menú de listas anidadas en horizontal
> >>
> >> Hola hugo, no se si entiendo todo bien, quieres un menu se desplieble solo
> >> con css "jodidillo" pero mira a ver estos links que tenia a mano
> >> ://www.htmldog.com/articles/suckerfish/example/<http://www.htmldog.com/articles/suckerfish/example/>
> >> <http://www.htmldog.com/articles/suckerfish/example/><http://www.htmldog.com/articles/suckerfish/example/>
> >> http://www.cssplay.co.uk/menus/flyout5.html
> >> solo has de estudiar un poco el codigo y asentarlo a tu gusto.
> >>
> >> Jaume
> >>
> >> 2007/10/16, hugo sierra <[EMAIL PROTECTED]>:
> >>
> >>> Hola a todos:
> >>>
> >>> Estoy haciendo un menú vertical con 2 niveles. Por lo tanto estoy usando
> >>> listas anidadas.
> >>> Pero no consigo controlar la posición de la lista-hija. La posición es
> >>> absoluta y en cuanto falta o se añade algún elemento en algún componente
> >>> anterior, se descoloca.
> >>>
> >>> Yo lo que quiero es que siempre esté ahí.
> >>>
> >>> Si no le pongo position:absolute; más o menos se queda bien pero el
> >>> padre se hace tan grande como la ul que anida.
> >>>
> >>> Bueno este es el CSS para ver si me podeis echar una mano:
> >>>
> >>> #pestanias {
> >>> background-image: url(fondos/pestanias.gif);
> >>> background-repeat: repeat-x;
> >>> background-position: left top;
> >>> height: 58px;
> >>> width: auto;
> >>> }
> >>>
> >>> #pestanias ul{
> >>> margin:0;
> >>> list-style:none;
> >>> padding: 8px 10px 0px 10px;
> >>> }
> >>>
> >>> #pestanias ul li{
> >>> display:inline;
> >>> float: left;
> >>> margin: 0;
> >>>
> >>> }
> >>>
> >>> #pestanias ul li a{
> >>> font-weight: bold;
> >>> color: #3F3E41;
> >>> font-size: 0.9em;
> >>> background-color: #E0DFDF;
> >>> background-image: url(fondos/bot_menu.gif);
> >>> background-repeat: repeat-x;
> >>> background-position: left top;
> >>> display: block;
> >>> padding: 5px 7px;
> >>> border-top: 1px solid #696969;
> >>> border-right:1px solid #696969;
> >>> border-left: 1px solid #696969;
> >>> }
> >>> #pestanias ul li a:hover{
> >>> background-image: url(fondos/bot_menu_sobre.gif);
> >>> background-repeat: repeat-x;
> >>> background-position: left top;
> >>> }
> >>> #pestanias ul li ul{
> >>> background:none;
> >>> list-style:none;
> >>> margin-top:0px;
> >>> position: absolute;
> >>> left: 3px;
> >>> top:172px!important;
> >>> top:180px;
> >>> width: auto;
> >>> padding-top:15px;
> >>>
> >>> }
> >
[Ovillo] RE: menú de listas anidadas en ho rizontal
Gracias Jaume, ya me conocía estos sitios. Pero muchas gracias.
A ver, otra cosa. El menú es horizontal, que en el cuerpo del mensaje decía lo
contrario, jeje.
Y bueno, llevará javascript. Pero me preocupa que con la posición absoluta
dependo del contenido anterior. Yo lo que quiero es que la lista anidada
siempre se coloque debajo de la padre, independientemente de lo que haya antes.
> Date: Tue, 16 Oct 2007 16:16:59 +0200
> From: [EMAIL PROTECTED]
> To: ovillo@lists.ovillo.org
> Subject: Re: [Ovillo] menú de listas anidadas en horizontal
>
> Hola hugo, no se si entiendo todo bien, quieres un menu se desplieble solo
> con css "jodidillo" pero mira a ver estos links que tenia a mano
> ://www.htmldog.com/articles/suckerfish/example/<http://www.htmldog.com/articles/suckerfish/example/>
> <http://www.htmldog.com/articles/suckerfish/example/><http://www.htmldog.com/articles/suckerfish/example/>
> http://www.cssplay.co.uk/menus/flyout5.html
> solo has de estudiar un poco el codigo y asentarlo a tu gusto.
>
> Jaume
>
> 2007/10/16, hugo sierra <[EMAIL PROTECTED]>:
> >
> >
> > Hola a todos:
> >
> > Estoy haciendo un menú vertical con 2 niveles. Por lo tanto estoy usando
> > listas anidadas.
> > Pero no consigo controlar la posición de la lista-hija. La posición es
> > absoluta y en cuanto falta o se añade algún elemento en algún componente
> > anterior, se descoloca.
> >
> > Yo lo que quiero es que siempre esté ahí.
> >
> > Si no le pongo position:absolute; más o menos se queda bien pero el
> > padre se hace tan grande como la ul que anida.
> >
> > Bueno este es el CSS para ver si me podeis echar una mano:
> >
> > #pestanias {
> > background-image: url(fondos/pestanias.gif);
> > background-repeat: repeat-x;
> > background-position: left top;
> > height: 58px;
> > width: auto;
> > }
> >
> > #pestanias ul{
> > margin:0;
> > list-style:none;
> > padding: 8px 10px 0px 10px;
> > }
> >
> > #pestanias ul li{
> > display:inline;
> > float: left;
> > margin: 0;
> >
> > }
> >
> > #pestanias ul li a{
> > font-weight: bold;
> > color: #3F3E41;
> > font-size: 0.9em;
> > background-color: #E0DFDF;
> > background-image: url(fondos/bot_menu.gif);
> > background-repeat: repeat-x;
> > background-position: left top;
> > display: block;
> > padding: 5px 7px;
> > border-top: 1px solid #696969;
> > border-right:1px solid #696969;
> > border-left: 1px solid #696969;
> > }
> > #pestanias ul li a:hover{
> > background-image: url(fondos/bot_menu_sobre.gif);
> > background-repeat: repeat-x;
> > background-position: left top;
> > }
> > #pestanias ul li ul{
> > background:none;
> > list-style:none;
> > margin-top:0px;
> > position: absolute;
> > left: 3px;
> > top:172px!important;
> > top:180px;
> > width: auto;
> > padding-top:15px;
> >
> > }
> >
> > #pestanias ul li ul li{
> > padding: 0px 2px;
> > }
> > #pestanias ul li ul li a.activo{
> > border:none;
> > float: left;
> > display: inline;
> > background-color:transparent;
> > background-image: url(fondos/bullet_submenu.gif);
> > background-repeat: no-repeat;
> > background-position: 0px 9px;
> > padding-left: 11px;
> >
> > }
> > #pestanias ul li ul li a:hover{
> > color: #A4020B;
> > background-image: url(fondos/bullet_submenu2.gif);
> > background-repeat: no-repeat;
> > background-position: 0px 9px;
> > padding-left: 11px;
> > }
> >
> >
> > #pestanias ul li a.activo {
> > background-image: url(fondos/bot_menu_sobre.gif);
> > background-repeat: repeat-x;
> > background-position: left top;
> > }
> >
> >
> > Muchísimas gracias de antemano.
> >
> >
> >
> > _
> > Express yourself instantly with MSN Messenger! Download today it's FREE!
> > http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/
> > ___
> > 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/mailma
[Ovillo] menú de listas anidadas en horizontal
Hola a todos:
Estoy haciendo un menú vertical con 2 niveles. Por lo tanto estoy usando listas
anidadas.
Pero no consigo controlar la posición de la lista-hija. La posición es
absoluta y en cuanto falta o se añade algún elemento en algún componente
anterior, se descoloca.
Yo lo que quiero es que siempre esté ahí.
Si no le pongo position:absolute; más o menos se queda bien pero el padre
se hace tan grande como la ul que anida.
Bueno este es el CSS para ver si me podeis echar una mano:
#pestanias {
background-image: url(fondos/pestanias.gif);
background-repeat: repeat-x;
background-position: left top;
height: 58px;
width: auto;
}
#pestanias ul{
margin:0;
list-style:none;
padding: 8px 10px 0px 10px;
}
#pestanias ul li{
display:inline;
float: left;
margin: 0;
}
#pestanias ul li a{
font-weight: bold;
color: #3F3E41;
font-size: 0.9em;
background-color: #E0DFDF;
background-image: url(fondos/bot_menu.gif);
background-repeat: repeat-x;
background-position: left top;
display: block;
padding: 5px 7px;
border-top: 1px solid #696969;
border-right:1px solid #696969;
border-left: 1px solid #696969;
}
#pestanias ul li a:hover{
background-image: url(fondos/bot_menu_sobre.gif);
background-repeat: repeat-x;
background-position: left top;
}
#pestanias ul li ul{
background:none;
list-style:none;
margin-top:0px;
position: absolute;
left: 3px;
top:172px!important;
top:180px;
width: auto;
padding-top:15px;
}
#pestanias ul li ul li{
padding: 0px 2px;
}
#pestanias ul li ul li a.activo{
border:none;
float: left;
display: inline;
background-color:transparent;
background-image: url(fondos/bullet_submenu.gif);
background-repeat: no-repeat;
background-position: 0px 9px;
padding-left: 11px;
}
#pestanias ul li ul li a:hover{
color: #A4020B;
background-image: url(fondos/bullet_submenu2.gif);
background-repeat: no-repeat;
background-position: 0px 9px;
padding-left: 11px;
}
#pestanias ul li a.activo {
background-image: url(fondos/bot_menu_sobre.gif);
background-repeat: repeat-x;
background-position: left top;
}
Muchísimas gracias de antemano.
_
Express yourself instantly with MSN Messenger! Download today it's FREE!
http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/
___
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] textarea y overflow
Hola gente:
Una pregunta. Tengo un textarea que quiero que se vea siempre su contenido a
pesar de que esté disabled.
Este es el XHTML:
Y esto la clase:
.nuevo {
overflow:visible;
}
En IE6, el textarea crece hasta el final del texto que contiene, pero en IE7
se corta en las 5 filas que se le indica.
¿Alguna solución?.
Gracias a todos de antemano.
_
Dale rienda suelta a tu tiempo libre. Mil ideas para exprimir tu ocio con
MSN Entretenimiento. http://entretenimiento.msn.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] no veo un p
Ya había probado eso y nada.
Pero ya he encontrado la solución. La cosa era algo rara. Resulta que bajo
el tenía un div de esos que limpian todo lo flotante y mostraba un
comportamiento que no entiendo muy bien. Así que lo he quitado y le he dado
al div un padding-bottom mayor que el que tenía y así si que se ve.
Muchas gracias y perdón por esta explicación que no entiendo ni yo.
>From: "LISTAS" <[EMAIL PROTECTED]>
>Reply-To: "Ovillo, la lista de CSS en castellano"
>To: "Ovillo, la lista de CSS en castellano"
>Subject: Re: [Ovillo] no veo un p
>Date: Mon, 9 Apr 2007 10:23:43 -0300
>
>Viejo tema... :)
>Prueba poner esto en los estilos: * {height: auto}
>Después nos cuentas cómo te ha ido.
>
>Almirante von Web/.
>--
>"Educando al asno, por no apalearlo."
>©2007 ;-)
>
>- Original Message -
>From: "hugo sierra" <[EMAIL PROTECTED]>
>To:
>Sent: Monday, April 09, 2007 9:57 AM
>Subject: Re: [Ovillo] no veo un p
>
>
>El problema es que el texto está, pero en IE desaparece y aparece
>visualmente. Pero si el párrafo no llega a la altura del pie de la imagen,
>no se ve. Si sobrepasa ese límite, si. Es una cosa un poco rara.
>Pero muchas gracias Juan.
>
>
> >From: "Juan José Montes de Oca
>Arbós"<[EMAIL PROTECTED]>
> >Reply-To: "Ovillo, la lista de CSS en castellano"
>
> >To: "Ovillo, la lista de CSS en castellano"
> >Subject: Re: [Ovillo] no veo un p
> >Date: Mon, 9 Apr 2007 09:44:48 -0300
> >
> >Hola Hugo...
> >
> >yo probé con este código y lo veo perfecto exactamente igual en FF 2 y en
> >IE
> >6.
> >
> >
> >
> >
> > #bienvenidos {
> >background-color:#D6E3EB;
> >background-image:
>url(retadis/fondos/bienvenidos.gif);
> >background-repeat: repeat-x;
> >background-position: left bottom;
> >padding: 0.5em 0.5em 1em 0.5em;
> >height: auto;
> > }
> > #bienvenidos img {
> >float:left;
> >border:2px solid #4F7A94;
> >margin-right: 5px;
> > }
> >
> >
> >
> >
> >
> > Txt
> >
> >
> >
> >
> >
> >El día 9/04/07, hugo sierra <[EMAIL PROTECTED]> escribió:
> > >
> > > Buenos días compañeros:
> > > Problema que tengo. A ver si me podeis ayudar.
> > > Tengo esta estructura:
> > >
> > >
> > >
> > > Texto que me invento
> > >
> > >
> > > La imagen flota a la izquierda, por lo tanto el texto se acopla a la
> > > imagen.
> > > Pero en IE6 y 7 si el texto no es lo suficientemente extenso, no se
>ve.
> > > En el css tengo puesto esto:
> > >
> > > #bienvenidos {
> > > background-color:#D6E3EB;
> > > background-image: url(retadis/fondos/bienvenidos.gif);
> > > background-repeat: repeat-x;
> > > background-position: left bottom;
> > > padding: 0.5em 0.5em 1em 0.5em;
> > > height: auto;
> > > }
> > > #bienvenidos img {
> > > float:left;
> > > border:2px solid #4F7A94;
> > > margin-right: 5px;
> > > }
> > >
> > > Muchas gracias.
> > >
> > > _
> > > Acepta el reto MSN Premium: Correos más divertidos con fotos y textos
> > > increíbles en MSN Premium. Descárgalo y pruébalo 2 meses gratis.
> > >
> > >
> >http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_correosmasdi
>vertidos
> > >
> > > ___
> > > 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 José Montes de Oca Arbós.
> >
> >[EMAIL PROTECTED]
> >[EMAIL PROTECTED]
> >http://world5.monstersgame.es/?ac=vid&vid=58044309
> >___
> >Lista de distribución Ovillo
> >Para escribir
Re: [Ovillo] no veo un p
El problema es que el texto está, pero en IE desaparece y aparece
visualmente. Pero si el párrafo no llega a la altura del pie de la imagen,
no se ve. Si sobrepasa ese límite, si. Es una cosa un poco rara.
Pero muchas gracias Juan.
>From: "Juan José Montes de Oca Arbós"<[EMAIL PROTECTED]>
>Reply-To: "Ovillo, la lista de CSS en castellano"
>To: "Ovillo, la lista de CSS en castellano"
>Subject: Re: [Ovillo] no veo un p
>Date: Mon, 9 Apr 2007 09:44:48 -0300
>
>Hola Hugo...
>
>yo probé con este código y lo veo perfecto exactamente igual en FF 2 y en
>IE
>6.
>
>
>
>
> #bienvenidos {
>background-color:#D6E3EB;
>background-image: url(retadis/fondos/bienvenidos.gif);
>background-repeat: repeat-x;
>background-position: left bottom;
>padding: 0.5em 0.5em 1em 0.5em;
>height: auto;
> }
> #bienvenidos img {
>float:left;
>border:2px solid #4F7A94;
>margin-right: 5px;
> }
>
>
>
>
>
> Txt
>
>
>
>
>
>El día 9/04/07, hugo sierra <[EMAIL PROTECTED]> escribió:
> >
> > Buenos días compañeros:
> > Problema que tengo. A ver si me podeis ayudar.
> > Tengo esta estructura:
> >
> >
> >
> > Texto que me invento
> >
> >
> > La imagen flota a la izquierda, por lo tanto el texto se acopla a la
> > imagen.
> > Pero en IE6 y 7 si el texto no es lo suficientemente extenso, no se ve.
> > En el css tengo puesto esto:
> >
> > #bienvenidos {
> > background-color:#D6E3EB;
> > background-image: url(retadis/fondos/bienvenidos.gif);
> > background-repeat: repeat-x;
> > background-position: left bottom;
> > padding: 0.5em 0.5em 1em 0.5em;
> > height: auto;
> > }
> > #bienvenidos img {
> > float:left;
> > border:2px solid #4F7A94;
> > margin-right: 5px;
> > }
> >
> > Muchas gracias.
> >
> > _
> > Acepta el reto MSN Premium: Correos más divertidos con fotos y textos
> > increíbles en MSN Premium. Descárgalo y pruébalo 2 meses gratis.
> >
> >
>http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_correosmasdivertidos
> >
> > ___
> > 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 José Montes de Oca Arbós.
>
>[EMAIL PROTECTED]
>[EMAIL PROTECTED]
>http://world5.monstersgame.es/?ac=vid&vid=58044309
>___
>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
_
Un amor, una aventura, compañía para un viaje. Regístrate gratis en MSN Amor
& Amistad. http://match.msn.es/match/mt.cfm?pg=channel&tcid=162349
___
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] no veo un p
Buenos días compañeros:
Problema que tengo. A ver si me podeis ayudar.
Tengo esta estructura:
Texto que me invento
La imagen flota a la izquierda, por lo tanto el texto se acopla a la imagen.
Pero en IE6 y 7 si el texto no es lo suficientemente extenso, no se ve.
En el css tengo puesto esto:
#bienvenidos {
background-color:#D6E3EB;
background-image: url(retadis/fondos/bienvenidos.gif);
background-repeat: repeat-x;
background-position: left bottom;
padding: 0.5em 0.5em 1em 0.5em;
height: auto;
}
#bienvenidos img {
float:left;
border:2px solid #4F7A94;
margin-right: 5px;
}
Muchas gracias.
_
Acepta el reto MSN Premium: Correos más divertidos con fotos y textos
increíbles en MSN Premium. Descárgalo y pruébalo 2 meses gratis.
http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_correosmasdivertidos
___
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] menu que mueve un div (y yo no quiero)
Gracias a todos. Acabo de dar con ello.
He dado a la ul una anchura del 100% y la posición absoluta y ahora funciona
perfectamente.
Muchas gracias a todos.
>From: Noemÿed Garcÿeda Lorca <[EMAIL PROTECTED]>
>Reply-To: "Ovillo, la lista de CSS en castellano"
>To: "Ovillo, la lista de CSS en castellano"
>Subject: Re: [Ovillo] menu que mueve un div (y yo no quiero)
>Date: Wed, 7 Mar 2007 14:58:42 + (GMT)
>
>Pues si el borde lo ves, entonces va a ser lo que te estaba comentado.
>
>Pues usar un css para IE y hacer lo cambios que necesites para que se vea
>igual que en los demás navegadores.
>
>
>- Mensaje original
>De: hugo sierra <[EMAIL PROTECTED]>
>Para: ovillo@lists.ovillo.org
>Enviado: miércoles, 7 de marzo, 2007 14:43:25
>Asunto: Re: [Ovillo] menu que mueve un div (y yo no quiero)
>
>
>Vaya, no sabía que no se podían mandar attachments en la lista. Lo siento,
>no lo puedo colgar todavía.
>
>El borde lo veo a pesar del cambio de tamaño.
>
>LA verdad es que no se me ocurre nada y no sé explicarlo muy bien.
>
>Gracias de nuevo.
>
>
>
>
> >From: Noemÿed Garcÿeda Lorca <[EMAIL PROTECTED]>
> >Reply-To: "Ovillo, la lista de CSS en castellano"
>
> >To: "Ovillo, la lista de CSS en castellano"
> >Subject: Re: [Ovillo] menu que mueve un div (y yo no quiero)
> >Date: Wed, 7 Mar 2007 14:28:16 + (GMT)
> >
> >Lo sé. Vi tu correo anterior. Pero no sé porque no me están llegando los
> >archivos adjuntos de los correos de esta lista.
> >
> >El cambio de tamaño se puede deber a que puede que para IE el border no
> >forme parte del width sino que se añade y en los demás navegadores sí que
> >forma parte del width. Sé que esto sucede con el padding, pero no sé si
> >sucede con el border.
> >
> >Pero no sé si es que además del cambio de tamaño, no estás viendo el
>borde,
> >es así?
> >
> >
> >- Mensaje original
> >De: hugo sierra <[EMAIL PROTECTED]>
> >Para: ovillo@lists.ovillo.org
> >Enviado: miércoles, 7 de marzo, 2007 14:18:03
> >Asunto: Re: [Ovillo] menu que mueve un div (y yo no quiero)
> >
> >
> >Si, en el único que no funciona es en IE.
> >
> >Os he mandado un par de imágenes para que veais qué es lo que pasa.
> >
> >Gracias.
> >
> >
> > >From: Noemÿed Garcÿeda Lorca <[EMAIL PROTECTED]>
> > >Reply-To: "Ovillo, la lista de CSS en castellano"
> >
> > >To: "Ovillo, la lista de CSS en castellano"
> > >Subject: Re: [Ovillo] menu que mueve un div (y yo no quiero)
> > >Date: Wed, 7 Mar 2007 13:21:21 + (GMT)
> > >
> > >Y te funciona en Firefox u otro navegador???
> > >
> > >Pero en IE, a pesar de que se agrande, te sale el borde ??
> > >
> > >
> > >- Mensaje original
> > >De: hugo sierra <[EMAIL PROTECTED]>
> > >Para: Ovillo@lists.ovillo.org
> > >Enviado: miércoles, 7 de marzo, 2007 12:39:14
> > >Asunto: [Ovillo] menu que mueve un div (y yo no quiero)
> > >
> > >
> > >Hola compañeros:
> > >De nuevo acudo a vosotros. Tengo un menú dentro de un div. El menú se
> > >muestra en línea.
> > >El problema viene cuando hace el a:hover que tiene que salir un borde
>por
> > >abajo, pero en Explorer lo que hace es agrandar el div al que
>pertenece.
> >No
> > >sé si me explico muy bien.
> > >Siento no tener nada colgado ni poder mandaros nada.
> > >
> > >Os pongo los datos de la hoja de estilos a ver si con eso me podeis
> >ayudar.
> > >
> > >Antes de nada, muchas gracias.
> > >
> > >#recursos {
> > > background-color: #232958;
> > > height: 1.3em;
> > >
> > >}
> > >#recursos ul {
> > > float: right;
> > > list-style-type: none;
> > > width: 36em;
> > > margin: 0px;
> > > padding: 0px;
> > >}
> > >#recursos ul li{
> > > text-align: center;
> > > display: inline;
> > >}
> > >#recursos ul li a{
> > > text-decoration: none;
> > > background-image: url(../images/fondos/recursos_fondo.gif);
> > > background-repeat: repeat-x;
> > > background-position: left;
> > > color: #FF;
> > > margin-right: 1px;
> > > height: 1.3em;
> > > float: right;
> > > padding: 0px 25px;
> > >
> > &g
Re: [Ovillo] menu que mueve un div (y yo no quiero)
Vaya, no sabía que no se podían mandar attachments en la lista. Lo siento,
no lo puedo colgar todavía.
El borde lo veo a pesar del cambio de tamaño.
LA verdad es que no se me ocurre nada y no sé explicarlo muy bien.
Gracias de nuevo.
>From: Noemÿed Garcÿeda Lorca <[EMAIL PROTECTED]>
>Reply-To: "Ovillo, la lista de CSS en castellano"
>To: "Ovillo, la lista de CSS en castellano"
>Subject: Re: [Ovillo] menu que mueve un div (y yo no quiero)
>Date: Wed, 7 Mar 2007 14:28:16 + (GMT)
>
>Lo sé. Vi tu correo anterior. Pero no sé porque no me están llegando los
>archivos adjuntos de los correos de esta lista.
>
>El cambio de tamaño se puede deber a que puede que para IE el border no
>forme parte del width sino que se añade y en los demás navegadores sí que
>forma parte del width. Sé que esto sucede con el padding, pero no sé si
>sucede con el border.
>
>Pero no sé si es que además del cambio de tamaño, no estás viendo el borde,
>es así?
>
>
>- Mensaje original
>De: hugo sierra <[EMAIL PROTECTED]>
>Para: ovillo@lists.ovillo.org
>Enviado: miércoles, 7 de marzo, 2007 14:18:03
>Asunto: Re: [Ovillo] menu que mueve un div (y yo no quiero)
>
>
>Si, en el único que no funciona es en IE.
>
>Os he mandado un par de imágenes para que veais qué es lo que pasa.
>
>Gracias.
>
>
> >From: Noemÿed Garcÿeda Lorca <[EMAIL PROTECTED]>
> >Reply-To: "Ovillo, la lista de CSS en castellano"
>
> >To: "Ovillo, la lista de CSS en castellano"
> >Subject: Re: [Ovillo] menu que mueve un div (y yo no quiero)
> >Date: Wed, 7 Mar 2007 13:21:21 + (GMT)
> >
> >Y te funciona en Firefox u otro navegador???
> >
> >Pero en IE, a pesar de que se agrande, te sale el borde ??
> >
> >
> >- Mensaje original
> >De: hugo sierra <[EMAIL PROTECTED]>
> >Para: Ovillo@lists.ovillo.org
> >Enviado: miércoles, 7 de marzo, 2007 12:39:14
> >Asunto: [Ovillo] menu que mueve un div (y yo no quiero)
> >
> >
> >Hola compañeros:
> >De nuevo acudo a vosotros. Tengo un menú dentro de un div. El menú se
> >muestra en línea.
> >El problema viene cuando hace el a:hover que tiene que salir un borde por
> >abajo, pero en Explorer lo que hace es agrandar el div al que pertenece.
>No
> >sé si me explico muy bien.
> >Siento no tener nada colgado ni poder mandaros nada.
> >
> >Os pongo los datos de la hoja de estilos a ver si con eso me podeis
>ayudar.
> >
> >Antes de nada, muchas gracias.
> >
> >#recursos {
> > background-color: #232958;
> > height: 1.3em;
> >
> >}
> >#recursos ul {
> > float: right;
> > list-style-type: none;
> > width: 36em;
> > margin: 0px;
> > padding: 0px;
> >}
> >#recursos ul li{
> > text-align: center;
> > display: inline;
> >}
> >#recursos ul li a{
> > text-decoration: none;
> > background-image: url(../images/fondos/recursos_fondo.gif);
> > background-repeat: repeat-x;
> > background-position: left;
> > color: #FF;
> > margin-right: 1px;
> > height: 1.3em;
> > float: right;
> > padding: 0px 25px;
> >
> >}
> >#recursos ul li a:hover{
> > border-bottom: 3px solid #D61769;
> > background-color: #232958;
> > background-image:none;
> >}
> >
> >_
> >Horóscopo, tarot, numerología... Escucha lo que te dicen los astros.
> >http://astrocentro.msn.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
> >
> >
> >
> >__
> >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
>
>_
>Grandes éxitos, superhéroes, imitaciones, cine y TV...
>http://es.msn.kiwee.com/ Lo mejor para tu móvil.
>
>
Re: [Ovillo] menu que mueve un div (y yo no quiero)
Si, en el único que no funciona es en IE.
Os he mandado un par de imágenes para que veais qué es lo que pasa.
Gracias.
>From: Noemÿed Garcÿeda Lorca <[EMAIL PROTECTED]>
>Reply-To: "Ovillo, la lista de CSS en castellano"
>To: "Ovillo, la lista de CSS en castellano"
>Subject: Re: [Ovillo] menu que mueve un div (y yo no quiero)
>Date: Wed, 7 Mar 2007 13:21:21 + (GMT)
>
>Y te funciona en Firefox u otro navegador???
>
>Pero en IE, a pesar de que se agrande, te sale el borde ??
>
>
>- Mensaje original
>De: hugo sierra <[EMAIL PROTECTED]>
>Para: Ovillo@lists.ovillo.org
>Enviado: miércoles, 7 de marzo, 2007 12:39:14
>Asunto: [Ovillo] menu que mueve un div (y yo no quiero)
>
>
>Hola compañeros:
>De nuevo acudo a vosotros. Tengo un menú dentro de un div. El menú se
>muestra en línea.
>El problema viene cuando hace el a:hover que tiene que salir un borde por
>abajo, pero en Explorer lo que hace es agrandar el div al que pertenece. No
>sé si me explico muy bien.
>Siento no tener nada colgado ni poder mandaros nada.
>
>Os pongo los datos de la hoja de estilos a ver si con eso me podeis ayudar.
>
>Antes de nada, muchas gracias.
>
>#recursos {
> background-color: #232958;
> height: 1.3em;
>
>}
>#recursos ul {
> float: right;
> list-style-type: none;
> width: 36em;
> margin: 0px;
> padding: 0px;
>}
>#recursos ul li{
> text-align: center;
> display: inline;
>}
>#recursos ul li a{
> text-decoration: none;
> background-image: url(../images/fondos/recursos_fondo.gif);
> background-repeat: repeat-x;
> background-position: left;
> color: #FF;
> margin-right: 1px;
> height: 1.3em;
> float: right;
> padding: 0px 25px;
>
>}
>#recursos ul li a:hover{
> border-bottom: 3px solid #D61769;
> background-color: #232958;
> background-image:none;
>}
>
>_
>Horóscopo, tarot, numerología... Escucha lo que te dicen los astros.
>http://astrocentro.msn.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
>
>
>
>__
>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
_
Grandes éxitos, superhéroes, imitaciones, cine y TV...
http://es.msn.kiwee.com/ Lo mejor para tu móvil.
___
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] menu que mueve un div (y yo no quiero)
Hola Juan, gracias, pero no me vale.
Mando un par de imágenes para que veais como se ve en FF, Opera y otros y
cómo se ve en IE.
From: "Juan Jorge Muñoz Herrero" <[EMAIL PROTECTED]>
Reply-To: "Ovillo, la lista de CSS en castellano"
To: "Ovillo, la lista de CSS en castellano"
Subject: Re: [Ovillo] menu que mueve un div (y yo no quiero)
Date: Wed, 7 Mar 2007 13:57:50 +0100
Prueba a ponerle un borde igual desde el principio para que sólo cambie el
color del mismo, y así disimula el efecto...
#recursos ul li a{border-bottom: 3px solid #232958;}
Si no te parece, prueba a poner una altura suficiente al div para que
contenga bien al menú en hover sin tener que redimensionarse.
El día 7/03/07, hugo sierra <[EMAIL PROTECTED]> escribió:
>
> Hola compañeros:
> De nuevo acudo a vosotros. Tengo un menú dentro de un div. El menú se
> muestra en línea.
> El problema viene cuando hace el a:hover que tiene que salir un borde
por
> abajo, pero en Explorer lo que hace es agrandar el div al que pertenece.
> No
> sé si me explico muy bien.
> Siento no tener nada colgado ni poder mandaros nada.
>
> Os pongo los datos de la hoja de estilos a ver si con eso me podeis
> ayudar.
>
> Antes de nada, muchas gracias.
>
> #recursos {
> background-color: #232958;
> height: 1.3em;
>
> }
> #recursos ul {
> float: right;
> list-style-type: none;
> width: 36em;
> margin: 0px;
> padding: 0px;
> }
> #recursos ul li{
> text-align: center;
> display: inline;
> }
> #recursos ul li a{
> text-decoration: none;
> background-image: url(../images/fondos/recursos_fondo.gif);
> background-repeat: repeat-x;
> background-position: left;
> color: #FF;
> margin-right: 1px;
> height: 1.3em;
> float: right;
> padding: 0px 25px;
>
> }
> #recursos ul li a:hover{
> border-bottom: 3px solid #D61769;
> background-color: #232958;
> background-image:none;
> }
>
> _
> Horóscopo, tarot, numerología... Escucha lo que te dicen los astros.
> http://astrocentro.msn.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
>
--
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
_
Horóscopo, tarot, numerología... Escucha lo que te dicen los astros.
http://astrocentro.msn.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
[Ovillo] menu que mueve un div (y yo no quiero)
Hola compañeros:
De nuevo acudo a vosotros. Tengo un menú dentro de un div. El menú se
muestra en línea.
El problema viene cuando hace el a:hover que tiene que salir un borde por
abajo, pero en Explorer lo que hace es agrandar el div al que pertenece. No
sé si me explico muy bien.
Siento no tener nada colgado ni poder mandaros nada.
Os pongo los datos de la hoja de estilos a ver si con eso me podeis ayudar.
Antes de nada, muchas gracias.
#recursos {
background-color: #232958;
height: 1.3em;
}
#recursos ul {
float: right;
list-style-type: none;
width: 36em;
margin: 0px;
padding: 0px;
}
#recursos ul li{
text-align: center;
display: inline;
}
#recursos ul li a{
text-decoration: none;
background-image: url(../images/fondos/recursos_fondo.gif);
background-repeat: repeat-x;
background-position: left;
color: #FF;
margin-right: 1px;
height: 1.3em;
float: right;
padding: 0px 25px;
}
#recursos ul li a:hover{
border-bottom: 3px solid #D61769;
background-color: #232958;
background-image:none;
}
_
Horóscopo, tarot, numerología... Escucha lo que te dicen los astros.
http://astrocentro.msn.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] imagen de fondo
Mil gracias Rafa. Funciona. ;) >From: Rafa Quesada <[EMAIL PROTECTED]> >Reply-To: "Ovillo, la lista de CSS en castellano" >To: "Ovillo, la lista de CSS en castellano" >Subject: Re: [Ovillo] imagen de fondo >Date: Fri, 9 Feb 2007 13:00:00 + (GMT) > >Prueba ponerle un >overflow: hidden; >para que te coja la altura auque no tenga contenido > > > > > > > > >- Mensaje original >De: hugo sierra <[EMAIL PROTECTED]> >Para: ovillo@lists.ovillo.org >Enviado: viernes, 9 de febrero, 2007 13:50:08 >Asunto: Re: [Ovillo] imagen de fondo > > >Ya he probado a darle el tamaño de la imagen, pero lo que me pasa es que el >div que viene justo debajo se monta encima. He logrado separarlos con la >altura absoluta, pero ahora no veo la imagen entera en vertical. > >Muchas gracias de todos modos. A ver si hay alguna otra solución o me >retiro. jeje. > > >From: sn <[EMAIL PROTECTED]> > >Reply-To: "Ovillo, la lista de CSS en castellano" > > >To: "Ovillo, la lista de CSS en castellano" > >Subject: Re: [Ovillo] imagen de fondo > >Date: Fri, 9 Feb 2007 13:45:51 +0100 > > > >salud; > >prueba a darle a la capa un ancho y alto fijos, que se correspondan con >el > >tamaño real de la imagen. > >___ > >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 > >_ >¿Estás pensando en cambiar de coche? Todas los modelos de serie y extras en >MSN Motor. http://motor.msn.es/researchcentre/ > >___ >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, 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 _ ¿Estás pensando en cambiar de coche? Todas los modelos de serie y extras en MSN Motor. http://motor.msn.es/researchcentre/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] imagen de fondo
Vale, voy a intentarlo. Muchas gracias de nuevo. >From: sn <[EMAIL PROTECTED]> >Reply-To: "Ovillo, la lista de CSS en castellano" >To: "Ovillo, la lista de CSS en castellano" >Subject: Re: [Ovillo] imagen de fondo >Date: Fri, 9 Feb 2007 13:55:09 +0100 > >no te retires hombre, que para casi todo hay solución. >incluso sin el casi...jeje > >si se te solapa el div que viene justo debajo, prueba a moverlo. >posiciónalo relativamente y modifica sus coordenadas, en este caso te >bastará con la propiedad top supongo. >___ >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 _ Acepta el reto MSN Premium: Protección para tus hijos en internet. Descárgalo y pruébalo 2 meses gratis. http://join.msn.com?XAPID=1697&DI=1055&HL=Footer_mailsenviados_proteccioninfantil ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] imagen de fondo
Ya he probado a darle el tamaño de la imagen, pero lo que me pasa es que el div que viene justo debajo se monta encima. He logrado separarlos con la altura absoluta, pero ahora no veo la imagen entera en vertical. Muchas gracias de todos modos. A ver si hay alguna otra solución o me retiro. jeje. >From: sn <[EMAIL PROTECTED]> >Reply-To: "Ovillo, la lista de CSS en castellano" >To: "Ovillo, la lista de CSS en castellano" >Subject: Re: [Ovillo] imagen de fondo >Date: Fri, 9 Feb 2007 13:45:51 +0100 > >salud; >prueba a darle a la capa un ancho y alto fijos, que se correspondan con el >tamaño real de la imagen. >___ >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 _ ¿Estás pensando en cambiar de coche? Todas los modelos de serie y extras en MSN Motor. http://motor.msn.es/researchcentre/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] imagen de fondo
Buenas:
Una pregunta . A ver si me podeis echar una manilla.
Tengo un div con una imagen de fondo y no consigo que se vea la imagen en su
totalidad en sentido vertical.
El estilo que se le aplica es este:
#registro_usuario{
height:auto;
padding-top:10px;
background-image:url(../images/empleo/sombra_formulario.gif);
background-position:top left;
background-repeat:no-repeat;
display:block;
}
¿Alguien me podría decir cómo lo puedo solucionar?
Muchas gracias.
H.
_
¿Estás pensando en cambiar de coche? Todas los modelos de serie y extras en
MSN Motor. http://motor.msn.es/researchcentre/
___
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 la clase de un video
No, lo que tengo es
>From: Rodrigo Álvarez Virgós <[EMAIL PROTECTED]>
>Reply-To: "Ovillo, la lista de CSS en castellano"
>To: "Ovillo, la lista de CSS en castellano"
>Subject: Re: [Ovillo] duda con la clase de un video
>Date: Tue, 12 Dec 2006 14:56:03 +0100
>
>hugo sierra escribió:
> > .video {
> > border: 1px solid #336600;
> > *margin: 10px;*
> > height: 256px;
> > *width: 320px;*
> > }
> > #movie {
> > text-align: center;
> > background-color: #F9FBF7;
> > *width: 350px;*
> > *margin-right: auto;*
> > *margin-left: auto;*
> > padding-bottom: 10px;
> > }
> >
>¿Tienes algo parecido a ? No creo que sea
>por eso, pero si es así: estás aplicando anchos y márgenes distintos al
>mismo div. Aparte: ¿el ancho y el alto del vídeo es de 256 x 320 (o 350)
>px?
>
>Un saludo
>Rodrigo
>___
>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
_
Un amor, una aventura, compañía para un viaje. Regístrate gratis en MSN Amor
& Amistad. http://match.msn.es/match/mt.cfm?pg=channel&tcid=162349
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] duda con la clase de un video
Hola:
Tengo una duda y no logro dar con la solución. A ver si me podeis ayudar:
Tengo un video .mov dentro de un div y le he aplicado una clase (la cual
implica tener un borde). El problema es que dicho borde no se ve en Firefox
y sí en Explorer.
Así es como lo tengo en la hoja de estilos:
.video {
border: 1px solid #336600;
margin: 10px;
height: 256px;
width: 320px;
}
#movie {
text-align: center;
background-color: #F9FBF7;
width: 350px;
margin-right: auto;
margin-left: auto;
padding-bottom: 10px;
}
Muchas gracias y saludos a todos (es la primera vez que escribo)
_
Moda para esta temporada. Ponte al día de todas las tendencias.
http://www.msn.es/Mujer/moda/default.asp
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
