[Ovillo] anchos variables

2010-11-17 Por tema hugo sierra

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] anchos variables

2010-11-17 Por tema hugo sierra

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:
 
 div class=pagina una-columna/div
 
 .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


Re: [Ovillo] anchos variables

2010-11-17 Por tema hugo sierra

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 /
 html
 head
style
#left, #right { border:1px solid black;}
#right {
   /* display:none; /* Uncomment to simulate only one column */
   float:right;
   width:15%;
}
/style
 /head
 body
  h1Ovillo test/h1
  div id=container
   div id=rightRigth Column/div
   div id=leftLeft Column/div
  /div
 /body
 /html
 /* 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)
 
 
  div
   div style=width:50%; float:left; border: 2px solid #00; padding:
  8px;  A
   div style=width:45%; float:right; border: 2px solid #00; padding:
  8px;B
  /div
  /div
 
  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
   acid...@gmail.com escribió:
  
   No lo consigues porque no le has añadido la nueva clase.
  
   Lo que tú pides:
  
   div
div style=width:50%A/div
div style=width:45%B/div
   /diiv
  
   y..
   div
div style=width:50%A/div !-- como puedes ver no va a medir 100%
   --
   /diiv
  
   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] opacity en IE

2008-11-16 Por tema hugo sierra

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

[Ovillo] opacity en IE

2008-11-10 Por tema hugo sierra

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;
}



div class=elegir
dl
dtpepepe/dt
ddA/dd
ddB/dd
/dl
/div


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] opacity en IE

2008-11-10 Por tema hugo sierra

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;
  }
 
 
 
  div class=elegir
 dl
 dtpepepe/dt
 ddA/dd
 ddB/dd
 /dl
 /div
 
 
  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

Re: [Ovillo] borde blanco en imágenes

2007-10-30 Por tema hugo sierra

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


Re: [Ovillo] borde blanco en imágenes

2007-10-30 Por tema hugo sierra

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


[Ovillo] menú de listas anidadas en horizontal

2007-10-16 Por tema hugo sierra

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 li 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] RE: menú de listas anidadas en ho rizontal

2007-10-16 Por tema hugo sierra

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 li
  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
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un 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

2007-10-16 Por tema hugo sierra

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 li
  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
 

  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un 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

2007-07-20 Por tema hugo sierra
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:

textarea id=texto class=nuevo name=for_men_con rows=5 cols=50 
disabled='disabled'/textarea


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


[Ovillo] no veo un p

2007-04-09 Por tema hugo sierra
Buenos días compañeros:
Problema que tengo. A ver si me podeis ayudar.
Tengo esta estructura:

div id=bienvenidos
  img/
  pTexto que me invento/p
/div

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=1697DI=1055HL=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] no veo un p

2007-04-09 Por tema hugo sierra
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 ovillo@lists.ovillo.org
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
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.

html
 head
 style
 #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;
 }
 /style
 /head
 body
 div id=bienvenidos
 img/
 pTxt/p
 /div
 /body
/html


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:
 
  div id=bienvenidos
img/
pTexto que me invento/p
  /div
 
  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=1697DI=1055HL=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=vidvid=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=channeltcid=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


Re: [Ovillo] no veo un p

2007-04-09 Por tema hugo sierra
Ya había probado eso y nada.
Pero ya he encontrado la solución. La cosa era algo rara. Resulta que bajo 
el p 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 ovillo@lists.ovillo.org
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
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: ovillo@lists.ovillo.org
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 
ovillo@lists.ovillo.org
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 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.
 
 html
  head
  style
  #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;
  }
  /style
  /head
  body
  div id=bienvenidos
  img/
  pTxt/p
  /div
  /body
 /html
 
 
 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:
  
   div id=bienvenidos
 img/
 pTexto que me invento/p
   /div
  
   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=1697DI=1055HL=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=vidvid=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=channeltcid=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

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

_
Dale rienda suelta a tu

[Ovillo] menu que mueve un div (y yo no quiero)

2007-03-07 Por tema hugo sierra
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] menu que mueve un div (y yo no quiero)

2007-03-07 Por tema hugo sierra

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 ovillo@lists.ovillo.org
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
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

Re: [Ovillo] menu que mueve un div (y yo no quiero)

2007-03-07 Por tema hugo sierra
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 ovillo@lists.ovillo.org
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
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)

2007-03-07 Por tema hugo sierra
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 ovillo@lists.ovillo.org
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
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 
ovillo@lists.ovillo.org
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 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



__
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

_
Dale rienda suelta a tu tiempo libre. Mil ideas para exprimir tu ocio con 
MSN

Re: [Ovillo] menu que mueve un div (y yo no quiero)

2007-03-07 Por tema hugo sierra

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 ovillo@lists.ovillo.org
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
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 
ovillo@lists.ovillo.org
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 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
 ovillo@lists.ovillo.org
  To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
  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

Re: [Ovillo] imagen de fondo

2007-02-09 Por tema hugo sierra

Vale, voy a intentarlo.

Muchas gracias de nuevo.

From: sn [EMAIL PROTECTED]
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
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=1697DI=1055HL=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

2007-02-09 Por tema hugo sierra
Mil gracias Rafa.

Funciona. ;)

From: Rafa Quesada [EMAIL PROTECTED]
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
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 
ovillo@lists.ovillo.org
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 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


[Ovillo] duda con la clase de un video

2006-12-12 Por tema hugo sierra
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


Re: [Ovillo] duda con la clase de un video

2006-12-12 Por tema hugo sierra

No, lo que tengo es

div id=movie

embed ...class=video.../embed

/div




From: Rodrigo Álvarez Virgós [EMAIL PROTECTED]
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
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 div id=movie class=video? 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=channeltcid=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