Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover

2010-04-15 Por tema Ramón Corominas
Nota:

h2 es elemento de bloque.
a es elemento inline

h2 no puede ir dentro de a si quieres que el código valide.

Saludos,
Ramón.

Jairo escribió:
 Tengo este codigo html (que puedo cambiar si fuese necesario)

 div class=post
 a href=enlace.php
 h2spanmi titulo/span/h2
 img class=thumbnail src=imagen.jpg /
 /a
 /div
   

___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] Mostrar capa sobre imagenes al hacer mouseover

2010-04-15 Por tema Jairo Ochoa
Hola,

Te refieres a validación W3C?

Tal cual está funciona en todos los navegadores
- Mac OS: Firefox, Camino, Chrome, Safari, Opera, SeaMonkey y Netscape
- Windows XP: Firefox
- Windows 7: Firefox, Explorer 8

Y falla en:
- Windows XP: Explorer 6

Todas las capas las muestra sobre el primer elemento. En pantalla se muestra
un grid de 5x3 elemetos .post
Supongo que el error se debe a los valores de css position

Ahora, he hecho el cambio que sugieres

div class=post
h2a href=enlacespanMi titulo/span/a/h2
a href=enlaceimg class=thumbnail src=imagen.jpg //a
/div

En el css, cambio lo que comentaron en el anterior email por esto

.post:hover h2  { display:block; }


Estéticamente el efecto es el mismo salvo que la zona de enlace se restringe
sólo a al texto.

Es decir, si antes daba igual donde hiceiese click, porque siempre se abría
la página, ahora sólo funciona si hago click sobre las letras del título.


¿Qué alternativa sugieres que valide y que funcione de igual forma?



Saludos,

--

Jairo Ochoa


El 15 de abril de 2010 09:39, Ramón Corominas
lis...@ramoncorominas.comescribió:

 Nota:

 h2 es elemento de bloque.
 a es elemento inline

 h2 no puede ir dentro de a si quieres que el código valide.

 Saludos,
 Ramón.

 Jairo escribió:
  Tengo este codigo html (que puedo cambiar si fuese necesario)
 
  div class=post
  a href=enlace.php
  h2spanmi titulo/span/h2
  img class=thumbnail src=imagen.jpg /
  /a
  /div
 

 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un 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] Mostrar capa sobre imagenes al hacer mouseover

2010-04-15 Por tema Carlos Acero Sánchez
Enlaza el link que le pones a la imagen y ya está.

div class=post
h2a href=mipagina.htmlspanMi titulo/span/a/h2
a href=mipagina.htmlimg class=thumbnail src=imagen.jpg //a
/div

Carlos Acero Sánchez
Dpto. Sistemas
Aguirre Newman

-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En 
nombre de Jairo Ochoa
Enviado el: jueves, 15 de abril de 2010 12:26
Para: Ovillo, la lista de CSS en castellano
Asunto: [Correo sospechoso] Re: [Ovillo] Mostrar capa sobre imagenes al hacer 
mouseover

Hola,

Te refieres a validación W3C?

Tal cual está funciona en todos los navegadores
- Mac OS: Firefox, Camino, Chrome, Safari, Opera, SeaMonkey y Netscape
- Windows XP: Firefox
- Windows 7: Firefox, Explorer 8

Y falla en:
- Windows XP: Explorer 6

Todas las capas las muestra sobre el primer elemento. En pantalla se muestra
un grid de 5x3 elemetos .post
Supongo que el error se debe a los valores de css position

Ahora, he hecho el cambio que sugieres

div class=post
h2a href=enlacespanMi titulo/span/a/h2
a href=enlaceimg class=thumbnail src=imagen.jpg //a
/div

En el css, cambio lo que comentaron en el anterior email por esto

.post:hover h2  { display:block; }


Estéticamente el efecto es el mismo salvo que la zona de enlace se restringe
sólo a al texto.

Es decir, si antes daba igual donde hiceiese click, porque siempre se abría
la página, ahora sólo funciona si hago click sobre las letras del título.


¿Qué alternativa sugieres que valide y que funcione de igual forma?



Saludos,

--

Jairo Ochoa


El 15 de abril de 2010 09:39, Ramón Corominas
lis...@ramoncorominas.comescribió:

 Nota:

 h2 es elemento de bloque.
 a es elemento inline

 h2 no puede ir dentro de a si quieres que el código valide.

 Saludos,
 Ramón.

 Jairo escribió:
  Tengo este codigo html (que puedo cambiar si fuese necesario)
 
  div class=post
  a href=enlace.php
  h2spanmi titulo/span/h2
  img class=thumbnail src=imagen.jpg /
  /a
  /div
 

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

En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de Datos 
de Carácter Personal, le informamos que los datos de carácter personal 
utilizados para la presente comunicación proceden de un fichero de datos de 
carácter personal titularidad de Aguirre Newman, S.A., debidamente notificado 
ante la Agencia Española de Protección de Datos, cuya finalidad es la gestión 
(control, mantenimiento y archivo de la documentación) de la relación que 
mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con terceros. Dichos 
datos, por consiguiente, han sido incorporados o serán incorporados en dicho 
fichero para los usos y finalidades indicadas, pudiendo ser objeto de 
comunicación a las Compañías que integran el GRUPO AGUIRRE NEWMAN, cuya 
identidad podrá consultar en el aviso legal de la página web corporativa 
www.aguirrenewman.es, cuando sea necesario y/o pertinente para el cumplimiento 
de las finalidades señaladas. 
Si Ud. no consintiese la utilización del correo electrónico para enviarle 
comunicaciones electrónicas,  la comunicación de sus datos de contacto al resto 
de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su consentimiento al 
tratamiento de sus datos, podrá hacerlo mediante un correo electrónico dirigido 
a asesoriajurid...@aguirrenewman.es. Asimismo, si Ud. desea ejercitar sus 
derechos de acceso, rectificación, cancelación y oposición podrá hacerlo 
dirigiéndose por escrito al Departamento de Asesoría Jurídica de Aguirre 
Newman, S.A., calle General Lacy número 23, C.P. 28045 Madrid, remitiendo, 
junto con la solicitud, una fotocopia de un documento oficial de identificación 
(DNI, Pasaporte, etc).


According to Spanish Data Protection Law 15/1999, we hereby inform that the 
personal data used in this communication come from an automated data filed 
owned by Aguirre Newman, S.A., which has been duly notified to the Spanish Data 
Protection Agency, and whose purpose is managing (control, maintenance and 
archiving) the relationship you hold with GRUPO AGUIRRE NEWMAN and its 
communication with third parties. Such personal data has been included within 
the referred data file for the uses and purposes above-mentioned and may be 
transferred to other companies of the AGUIRRE NEWMAN Group, when necessary for 
the compliance of the purposes above-mentioned. The companies that form the 
AGUIRRE NEWMAN GROUP are listed in the legal 

Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover

2010-04-15 Por tema Jairo Ochoa
Lo he probado también, pero al estar h2 sobre la imagen, la 'tapa' y el
enlace que hay debajo no funciona.

h2 tiene un width y height del mismo tamaño que la imagen para que así el
png que es background de h2 deje ver la imagen con transparencia.

:-(


--

Jairo Ochoa


El 15 de abril de 2010 12:51, Carlos Acero Sánchez 
carlos.ac...@aguirrenewman.es escribió:

 Enlaza el link que le pones a la imagen y ya está.

 div class=post
 h2a href=mipagina.htmlspanMi titulo/span/a/h2
 a href=mipagina.htmlimg class=thumbnail src=imagen.jpg //a
 /div

 Carlos Acero Sánchez
 Dpto. Sistemas
 Aguirre Newman

 -Mensaje original-
 De: ovillo-boun...@lists.ovillo.org [mailto:
 ovillo-boun...@lists.ovillo.org] En nombre de Jairo Ochoa
 Enviado el: jueves, 15 de abril de 2010 12:26
 Para: Ovillo, la lista de CSS en castellano
 Asunto: [Correo sospechoso] Re: [Ovillo] Mostrar capa sobre imagenes al
 hacer mouseover

 Hola,

 Te refieres a validación W3C?

 Tal cual está funciona en todos los navegadores
 - Mac OS: Firefox, Camino, Chrome, Safari, Opera, SeaMonkey y Netscape
 - Windows XP: Firefox
 - Windows 7: Firefox, Explorer 8

 Y falla en:
 - Windows XP: Explorer 6

 Todas las capas las muestra sobre el primer elemento. En pantalla se
 muestra
 un grid de 5x3 elemetos .post
 Supongo que el error se debe a los valores de css position

 Ahora, he hecho el cambio que sugieres

 div class=post
 h2a href=enlacespanMi titulo/span/a/h2
 a href=enlaceimg class=thumbnail src=imagen.jpg //a
 /div

 En el css, cambio lo que comentaron en el anterior email por esto

 .post:hover h2  { display:block; }


 Estéticamente el efecto es el mismo salvo que la zona de enlace se
 restringe
 sólo a al texto.

 Es decir, si antes daba igual donde hiceiese click, porque siempre se abría
 la página, ahora sólo funciona si hago click sobre las letras del título.


 ¿Qué alternativa sugieres que valide y que funcione de igual forma?



 Saludos,

 --

 Jairo Ochoa


 El 15 de abril de 2010 09:39, Ramón Corominas
 lis...@ramoncorominas.comescribió:

  Nota:
 
  h2 es elemento de bloque.
  a es elemento inline
 
  h2 no puede ir dentro de a si quieres que el código valide.
 
  Saludos,
  Ramón.
 
  Jairo escribió:
   Tengo este codigo html (que puedo cambiar si fuese necesario)
  
   div class=post
   a href=enlace.php
   h2spanmi titulo/span/h2
   img class=thumbnail src=imagen.jpg /
   /a
   /div
  
 
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un 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

 En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de
 Datos de Carácter Personal, le informamos que los datos de carácter personal
 utilizados para la presente comunicación proceden de un fichero de datos de
 carácter personal titularidad de Aguirre Newman, S.A., debidamente
 notificado ante la Agencia Española de Protección de Datos, cuya finalidad
 es la gestión (control, mantenimiento y archivo de la documentación) de la
 relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con
 terceros. Dichos datos, por consiguiente, han sido incorporados o serán
 incorporados en dicho fichero para los usos y finalidades indicadas,
 pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO
 AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la
 página web corporativa www.aguirrenewman.es, cuando sea necesario y/o
 pertinente para el cumplimiento de las finalidades señaladas.
 Si Ud. no consintiese la utilización del correo electrónico para enviarle
 comunicaciones electrónicas,  la comunicación de sus datos de contacto al
 resto de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su
 consentimiento al tratamiento de sus datos, podrá hacerlo mediante un correo
 electrónico dirigido a asesoriajurid...@aguirrenewman.es. Asimismo, si Ud.
 desea ejercitar sus derechos de acceso, rectificación, cancelación y
 oposición podrá hacerlo dirigiéndose por escrito al Departamento de Asesoría
 Jurídica de Aguirre Newman, S.A., calle General Lacy número 23, C.P. 28045
 Madrid, remitiendo, junto con la solicitud, una fotocopia de un documento
 oficial de identificación (DNI, Pasaporte, etc).

 

 According to Spanish Data Protection Law 15/1999, we hereby inform that the
 personal data used in this communication come from an automated data filed
 owned by Aguirre Newman, S.A., which has been duly notified to the Spanish
 Data Protection Agency, and whose purpose is managing (control, 

Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover

2010-04-15 Por tema Ramón Corominas
Yo me preguntaría... ¿Es realmente necesario que ese título sea un h2? 
Tal como lo veo a lo mejor es más práctico que pongas un simple span. 
Otra opción, si realmente es un h2 que encabeza algo más que la 
imagen, podría ser meter dentro del h2 el enlace y que incluya tanto 
al título como a la imagen. Y a ser posible un solo enlace, porque si no 
eso puede ser repetitivo para el usuario de lector de pantalla. Y por 
cierto, a la imagen le deberías poner un texto alternativo con el 
atributo alt.

Algo así, tal vez (suponiendo que hay contenido detrás, si no lo suyo 
sería no poner h2):

div ...
h2a href=...
  span class=txtMi título/span
  span class=imgimg src=... alt=... //span
/a/h2
... otros contenidos a los que da título el h2
/div

Saludos,
Ramón.

Jairo escribió:
 Lo he probado también, pero al estar h2 sobre la imagen, la 'tapa' y el
 enlace que hay debajo no funciona.

 h2 tiene un width y height del mismo tamaño que la imagen para que así el
 png que es background de h2 deje ver la imagen con transparencia.

 :-(


 --

 Jairo Ochoa


 El 15 de abril de 2010 12:51, Carlos Acero Sánchez 
 carlos.ac...@aguirrenewman.es escribió:

   
 Enlaza el link que le pones a la imagen y ya está.

 div class=post
 h2a href=mipagina.htmlspanMi titulo/span/a/h2
 a href=mipagina.htmlimg class=thumbnail src=imagen.jpg //a
 /div

 Carlos Acero Sánchez
 Dpto. Sistemas
 Aguirre Newman

 -Mensaje original-
 De: ovillo-boun...@lists.ovillo.org [mailto:
 ovillo-boun...@lists.ovillo.org] En nombre de Jairo Ochoa
 Enviado el: jueves, 15 de abril de 2010 12:26
 Para: Ovillo, la lista de CSS en castellano
 Asunto: [Correo sospechoso] Re: [Ovillo] Mostrar capa sobre imagenes al
 hacer mouseover

 Hola,

 Te refieres a validación W3C?

 Tal cual está funciona en todos los navegadores
 - Mac OS: Firefox, Camino, Chrome, Safari, Opera, SeaMonkey y Netscape
 - Windows XP: Firefox
 - Windows 7: Firefox, Explorer 8

 Y falla en:
 - Windows XP: Explorer 6

 Todas las capas las muestra sobre el primer elemento. En pantalla se
 muestra
 un grid de 5x3 elemetos .post
 Supongo que el error se debe a los valores de css position

 Ahora, he hecho el cambio que sugieres

 div class=post
 h2a href=enlacespanMi titulo/span/a/h2
 a href=enlaceimg class=thumbnail src=imagen.jpg //a
 /div

 En el css, cambio lo que comentaron en el anterior email por esto

 .post:hover h2  { display:block; }


 Estéticamente el efecto es el mismo salvo que la zona de enlace se
 restringe
 sólo a al texto.

 Es decir, si antes daba igual donde hiceiese click, porque siempre se abría
 la página, ahora sólo funciona si hago click sobre las letras del título.


 ¿Qué alternativa sugieres que valide y que funcione de igual forma?



 Saludos,

 --

 Jairo Ochoa


 El 15 de abril de 2010 09:39, Ramón Corominas
 lis...@ramoncorominas.comescribió:

 
 Nota:

 h2 es elemento de bloque.
 a es elemento inline

 h2 no puede ir dentro de a si quieres que el código valide.

 Saludos,
 Ramón.

 Jairo escribió:
   
 Tengo este codigo html (que puedo cambiar si fuese necesario)

 div class=post
 a href=enlace.php
 h2spanmi titulo/span/h2
 img class=thumbnail src=imagen.jpg /
 /a
 /div

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

 En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de
 Datos de Carácter Personal, le informamos que los datos de carácter personal
 utilizados para la presente comunicación proceden de un fichero de datos de
 carácter personal titularidad de Aguirre Newman, S.A., debidamente
 notificado ante la Agencia Española de Protección de Datos, cuya finalidad
 es la gestión (control, mantenimiento y archivo de la documentación) de la
 relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con
 terceros. Dichos datos, por consiguiente, han sido incorporados o serán
 incorporados en dicho fichero para los usos y finalidades indicadas,
 pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO
 AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la
 página web corporativa www.aguirrenewman.es, cuando sea necesario y/o
 pertinente para el cumplimiento de las finalidades señaladas.
 Si Ud. no consintiese la utilización del correo electrónico para enviarle
 comunicaciones electrónicas,  la comunicación de sus datos de contacto al
 resto de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su
 consentimiento al tratamiento de sus datos, podrá hacerlo mediante un correo
 

Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover

2010-04-15 Por tema Carlos Acero Sánchez
Tal vez dando el mismo ancho y alto al enlace te pueda apañar. No sé si te 
descolocará algo...

.post h2 a
{
display:block;
width:110px;
height:110px;
}


Carlos Acero Sánchez
Dpto. Sistemas
Aguirre Newman Madrid

C/ General Lacy, 23. 28045 Madrid
T +31 91 319 13 14 F +34 91 319 87 57
carlos.ac...@aguirrenewman.es
www.aguirrenewman.com
Sé ecológico, antes de imprimir este e-mail piense bien si es necesario hacerlo



-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En 
nombre de Jairo Ochoa
Enviado el: jueves, 15 de abril de 2010 12:57
Para: Ovillo, la lista de CSS en castellano
Asunto: [Correo sospechoso] Re: [Ovillo] Mostrar capa sobre imagenes al hacer 
mouseover

Lo he probado también, pero al estar h2 sobre la imagen, la 'tapa' y el
enlace que hay debajo no funciona.

h2 tiene un width y height del mismo tamaño que la imagen para que así el
png que es background de h2 deje ver la imagen con transparencia.

:-(


--

Jairo Ochoa


El 15 de abril de 2010 12:51, Carlos Acero Sánchez 
carlos.ac...@aguirrenewman.es escribió:

 Enlaza el link que le pones a la imagen y ya está.

 div class=post
 h2a href=mipagina.htmlspanMi titulo/span/a/h2
 a href=mipagina.htmlimg class=thumbnail src=imagen.jpg //a
 /div

 Carlos Acero Sánchez
 Dpto. Sistemas
 Aguirre Newman

 -Mensaje original-
 De: ovillo-boun...@lists.ovillo.org [mailto:
 ovillo-boun...@lists.ovillo.org] En nombre de Jairo Ochoa
 Enviado el: jueves, 15 de abril de 2010 12:26
 Para: Ovillo, la lista de CSS en castellano
 Asunto: [Correo sospechoso] Re: [Ovillo] Mostrar capa sobre imagenes al
 hacer mouseover

 Hola,

 Te refieres a validación W3C?

 Tal cual está funciona en todos los navegadores
 - Mac OS: Firefox, Camino, Chrome, Safari, Opera, SeaMonkey y Netscape
 - Windows XP: Firefox
 - Windows 7: Firefox, Explorer 8

 Y falla en:
 - Windows XP: Explorer 6

 Todas las capas las muestra sobre el primer elemento. En pantalla se
 muestra
 un grid de 5x3 elemetos .post
 Supongo que el error se debe a los valores de css position

 Ahora, he hecho el cambio que sugieres

 div class=post
 h2a href=enlacespanMi titulo/span/a/h2
 a href=enlaceimg class=thumbnail src=imagen.jpg //a
 /div

 En el css, cambio lo que comentaron en el anterior email por esto

 .post:hover h2  { display:block; }


 Estéticamente el efecto es el mismo salvo que la zona de enlace se
 restringe
 sólo a al texto.

 Es decir, si antes daba igual donde hiceiese click, porque siempre se abría
 la página, ahora sólo funciona si hago click sobre las letras del título.


 ¿Qué alternativa sugieres que valide y que funcione de igual forma?



 Saludos,

 --

 Jairo Ochoa


 El 15 de abril de 2010 09:39, Ramón Corominas
 lis...@ramoncorominas.comescribió:

  Nota:
 
  h2 es elemento de bloque.
  a es elemento inline
 
  h2 no puede ir dentro de a si quieres que el código valide.
 
  Saludos,
  Ramón.
 
  Jairo escribió:
   Tengo este codigo html (que puedo cambiar si fuese necesario)
  
   div class=post
   a href=enlace.php
   h2spanmi titulo/span/h2
   img class=thumbnail src=imagen.jpg /
   /a
   /div
  
 
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un 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

 En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de
 Datos de Carácter Personal, le informamos que los datos de carácter personal
 utilizados para la presente comunicación proceden de un fichero de datos de
 carácter personal titularidad de Aguirre Newman, S.A., debidamente
 notificado ante la Agencia Española de Protección de Datos, cuya finalidad
 es la gestión (control, mantenimiento y archivo de la documentación) de la
 relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con
 terceros. Dichos datos, por consiguiente, han sido incorporados o serán
 incorporados en dicho fichero para los usos y finalidades indicadas,
 pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO
 AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la
 página web corporativa www.aguirrenewman.es, cuando sea necesario y/o
 pertinente para el cumplimiento de las finalidades señaladas.
 Si Ud. no consintiese la utilización del correo electrónico para enviarle
 comunicaciones electrónicas,  la comunicación de sus datos de contacto al
 resto de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su
 consentimiento al tratamiento de sus datos, podrá hacerlo mediante un correo
 electrónico dirigido a 

Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover

2010-04-15 Por tema Jairo Ochoa
Voy a probar esta opción, yo daba tamaño al span y este sólo cogía el
tamaño del texto.
--

Jairo Ochoa


El 15 de abril de 2010 13:06, Carlos Acero Sánchez 
carlos.ac...@aguirrenewman.es escribió:

 Tal vez dando el mismo ancho y alto al enlace te pueda apañar. No sé si te
 descolocará algo...

 .post h2 a
 {
display:block;
width:110px;
height:110px;
 }


 Carlos Acero Sánchez
 Dpto. Sistemas
 Aguirre Newman Madrid

 C/ General Lacy, 23. 28045 Madrid
 T +31 91 319 13 14 F +34 91 319 87 57
 carlos.ac...@aguirrenewman.es
 www.aguirrenewman.com
 Sé ecológico, antes de imprimir este e-mail piense bien si es necesario
 hacerlo



 -Mensaje original-
 De: ovillo-boun...@lists.ovillo.org [mailto:
 ovillo-boun...@lists.ovillo.org] En nombre de Jairo Ochoa
 Enviado el: jueves, 15 de abril de 2010 12:57
 Para: Ovillo, la lista de CSS en castellano
 Asunto: [Correo sospechoso] Re: [Ovillo] Mostrar capa sobre imagenes al
 hacer mouseover

 Lo he probado también, pero al estar h2 sobre la imagen, la 'tapa' y el
 enlace que hay debajo no funciona.

 h2 tiene un width y height del mismo tamaño que la imagen para que así el
 png que es background de h2 deje ver la imagen con transparencia.

 :-(


 --

 Jairo Ochoa


 El 15 de abril de 2010 12:51, Carlos Acero Sánchez 
 carlos.ac...@aguirrenewman.es escribió:

  Enlaza el link que le pones a la imagen y ya está.
 
  div class=post
  h2a href=mipagina.htmlspanMi titulo/span/a/h2
  a href=mipagina.htmlimg class=thumbnail src=imagen.jpg //a
  /div
 
  Carlos Acero Sánchez
  Dpto. Sistemas
  Aguirre Newman
 
  -Mensaje original-
  De: ovillo-boun...@lists.ovillo.org [mailto:
  ovillo-boun...@lists.ovillo.org] En nombre de Jairo Ochoa
  Enviado el: jueves, 15 de abril de 2010 12:26
  Para: Ovillo, la lista de CSS en castellano
  Asunto: [Correo sospechoso] Re: [Ovillo] Mostrar capa sobre imagenes al
  hacer mouseover
 
  Hola,
 
  Te refieres a validación W3C?
 
  Tal cual está funciona en todos los navegadores
  - Mac OS: Firefox, Camino, Chrome, Safari, Opera, SeaMonkey y Netscape
  - Windows XP: Firefox
  - Windows 7: Firefox, Explorer 8
 
  Y falla en:
  - Windows XP: Explorer 6
 
  Todas las capas las muestra sobre el primer elemento. En pantalla se
  muestra
  un grid de 5x3 elemetos .post
  Supongo que el error se debe a los valores de css position
 
  Ahora, he hecho el cambio que sugieres
 
  div class=post
  h2a href=enlacespanMi titulo/span/a/h2
  a href=enlaceimg class=thumbnail src=imagen.jpg //a
  /div
 
  En el css, cambio lo que comentaron en el anterior email por esto
 
  .post:hover h2  { display:block; }
 
 
  Estéticamente el efecto es el mismo salvo que la zona de enlace se
  restringe
  sólo a al texto.
 
  Es decir, si antes daba igual donde hiceiese click, porque siempre se
 abría
  la página, ahora sólo funciona si hago click sobre las letras del título.
 
 
  ¿Qué alternativa sugieres que valide y que funcione de igual forma?
 
 
 
  Saludos,
 
  --
 
  Jairo Ochoa
 
 
  El 15 de abril de 2010 09:39, Ramón Corominas
  lis...@ramoncorominas.comescribió:
 
   Nota:
  
   h2 es elemento de bloque.
   a es elemento inline
  
   h2 no puede ir dentro de a si quieres que el código valide.
  
   Saludos,
   Ramón.
  
   Jairo escribió:
Tengo este codigo html (que puedo cambiar si fuese necesario)
   
div class=post
a href=enlace.php
h2spanmi titulo/span/h2
img class=thumbnail src=imagen.jpg /
/a
/div
   
  
   ___
   Lista de distribución Ovillo
   Para escribir a la lista, envia un 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
 
  En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de
  Datos de Carácter Personal, le informamos que los datos de carácter
 personal
  utilizados para la presente comunicación proceden de un fichero de datos
 de
  carácter personal titularidad de Aguirre Newman, S.A., debidamente
  notificado ante la Agencia Española de Protección de Datos, cuya
 finalidad
  es la gestión (control, mantenimiento y archivo de la documentación) de
 la
  relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con
  terceros. Dichos datos, por consiguiente, han sido incorporados o serán
  incorporados en dicho fichero para los usos y finalidades indicadas,
  pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO
  AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la
  página web corporativa www.aguirrenewman.es, cuando sea necesario y/o
  pertinente para el cumplimiento de las finalidades 

Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover

2010-04-15 Por tema Jairo Ochoa
Voy a probar.
Aunque la imagen no puede ir dentro del H2 ya que está presente antes de que
se muestre el H2 y queda debajo, tapada por el background/mascara del H2

El H2 lo utilizo porque el H1 da título a la página y los H2 son los enlaces
a las páginas relacionadas.

Otra opción que se me ocurre es contener todo un div y reemplazar el
span por un h2

¿Cometería el mismo fallo de validación si el a encierra el div y este a
su vez al h2?


Saludos


--

Jairo Ochoa


El 15 de abril de 2010 13:05, Ramón Corominas
lis...@ramoncorominas.comescribió:

 Yo me preguntaría... ¿Es realmente necesario que ese título sea un h2?
 Tal como lo veo a lo mejor es más práctico que pongas un simple span.
 Otra opción, si realmente es un h2 que encabeza algo más que la
 imagen, podría ser meter dentro del h2 el enlace y que incluya tanto
 al título como a la imagen. Y a ser posible un solo enlace, porque si no
 eso puede ser repetitivo para el usuario de lector de pantalla. Y por
 cierto, a la imagen le deberías poner un texto alternativo con el
 atributo alt.

 Algo así, tal vez (suponiendo que hay contenido detrás, si no lo suyo
 sería no poner h2):

 div ...
 h2a href=...
  span class=txtMi título/span
  span class=imgimg src=... alt=... //span
 /a/h2
 ... otros contenidos a los que da título el h2
 /div

 Saludos,
 Ramón.

 Jairo escribió:
  Lo he probado también, pero al estar h2 sobre la imagen, la 'tapa' y el
  enlace que hay debajo no funciona.
 
  h2 tiene un width y height del mismo tamaño que la imagen para que así el
  png que es background de h2 deje ver la imagen con transparencia.
 
  :-(
 
 
  --
 
  Jairo Ochoa
 
 
  El 15 de abril de 2010 12:51, Carlos Acero Sánchez 
  carlos.ac...@aguirrenewman.es escribió:
 
 
  Enlaza el link que le pones a la imagen y ya está.
 
  div class=post
  h2a href=mipagina.htmlspanMi titulo/span/a/h2
  a href=mipagina.htmlimg class=thumbnail src=imagen.jpg //a
  /div
 
  Carlos Acero Sánchez
  Dpto. Sistemas
  Aguirre Newman
 
  -Mensaje original-
  De: ovillo-boun...@lists.ovillo.org [mailto:
  ovillo-boun...@lists.ovillo.org] En nombre de Jairo Ochoa
  Enviado el: jueves, 15 de abril de 2010 12:26
  Para: Ovillo, la lista de CSS en castellano
  Asunto: [Correo sospechoso] Re: [Ovillo] Mostrar capa sobre imagenes al
  hacer mouseover
 
  Hola,
 
  Te refieres a validación W3C?
 
  Tal cual está funciona en todos los navegadores
  - Mac OS: Firefox, Camino, Chrome, Safari, Opera, SeaMonkey y Netscape
  - Windows XP: Firefox
  - Windows 7: Firefox, Explorer 8
 
  Y falla en:
  - Windows XP: Explorer 6
 
  Todas las capas las muestra sobre el primer elemento. En pantalla se
  muestra
  un grid de 5x3 elemetos .post
  Supongo que el error se debe a los valores de css position
 
  Ahora, he hecho el cambio que sugieres
 
  div class=post
  h2a href=enlacespanMi titulo/span/a/h2
  a href=enlaceimg class=thumbnail src=imagen.jpg //a
  /div
 
  En el css, cambio lo que comentaron en el anterior email por esto
 
  .post:hover h2  { display:block; }
 
 
  Estéticamente el efecto es el mismo salvo que la zona de enlace se
  restringe
  sólo a al texto.
 
  Es decir, si antes daba igual donde hiceiese click, porque siempre se
 abría
  la página, ahora sólo funciona si hago click sobre las letras del
 título.
 
 
  ¿Qué alternativa sugieres que valide y que funcione de igual forma?
 
 
 
  Saludos,
 
  --
 
  Jairo Ochoa
 
 
  El 15 de abril de 2010 09:39, Ramón Corominas
  lis...@ramoncorominas.comescribió:
 
 
  Nota:
 
  h2 es elemento de bloque.
  a es elemento inline
 
  h2 no puede ir dentro de a si quieres que el código valide.
 
  Saludos,
  Ramón.
 
  Jairo escribió:
 
  Tengo este codigo html (que puedo cambiar si fuese necesario)
 
  div class=post
  a href=enlace.php
  h2spanmi titulo/span/h2
  img class=thumbnail src=imagen.jpg /
  /a
  /div
 
 
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un 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
 
  En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de
  Datos de Carácter Personal, le informamos que los datos de carácter
 personal
  utilizados para la presente comunicación proceden de un fichero de datos
 de
  carácter personal titularidad de Aguirre Newman, S.A., debidamente
  notificado ante la Agencia Española de Protección de Datos, cuya
 finalidad
  es la gestión (control, mantenimiento y archivo de la documentación) de
 la
  relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con
  terceros. Dichos datos, por consiguiente, han sido 

Re: [Ovillo] Ajustar lista al ancho del contenedor

2010-04-15 Por tema Luis Mario Álvarez
Si el contenedor padre tiene definido su ancho, basta con hacer width:
100%;al tag que necesitas lo llene.
Te recomendaría además que quites esos estilos de tu ul y los metas en
algúna hoja css. No es necesario que le asignes clase o id, basta con #navbar
ul {overflow:hidden ;border:1px solid #000;}

Saludos!

2010/4/15 Rafa Artacho teme...@gmail.com

 Buenas tardes:

 Tengo un menú que será dinámico y que dependiendo de las necesidades
 contendrá un número variable de elementos. Necesitaría que la lista se
 adaptase al ancho del div contenedor (974px). El HTML del menú con 6
 opciones:

div id=navbar
ul style=overflow:hidden;border:1px solid #000;
liInicio/li
liPelículas/li
liMúsica/li
liTeatro/li
liExposiciones/li
liCoches/li
/ul
/div


 ¿Sería posible hacer esto solamente con CSS o sería necesario usar JS?
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




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


Re: [Ovillo] Ajustar lista al ancho del contenedor

2010-04-15 Por tema Carlos Acero Sánchez

Prueba a dividir el número de elementos li entre 100 y se le aplicas:

100/6 = 16.6

#navbar ul li
{
float:left;
font-size:1.2em;
color:#00FF00;
padding:0 5px 0 10px;
border-right:1px solid #000;
text-align:right;
width:16.6%
}


Carlos Acero Sánchez
Dpto. Sistemas
Aguirre Newman Madrid

C/ General Lacy, 23. 28045 Madrid
T +31 91 319 13 14 F +34 91 319 87 57
carlos.ac...@aguirrenewman.es
www.aguirrenewman.com
Sé ecológico, antes de imprimir este e-mail piense bien si es necesario hacerlo



-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En 
nombre de Rafa Artacho
Enviado el: jueves, 15 de abril de 2010 17:27
Para: Ovillo, la lista de CSS en castellano
Asunto: [Correo sospechoso] Re: [Ovillo] Ajustar lista al ancho del contenedor

He probado así:

#navbar{color:#FF;width:974px;}
#navbar ul{width:100%;}
#navbar ul li{float:left;font-size:1.2em;color:#00FF00;padding:0 5px 0
10px;border-right:1px solid #000;text-align:right;}

De este modo el ul queda extendido hasta el 100% del div #navbar, pero los
li no se ajustan al 100% del ul. Si pongo 100% al li ocupa cada li el 100%
del div #navbar. ¿Dónde sería el error?

El style lo puse para ver visualmente hasta dónde se extendía el contenedor,
cuando termine las pruebas lo quitaría.

Gracias!


2010/4/15 Luis Mario Álvarez mag...@magrio.net

 Si el contenedor padre tiene definido su ancho, basta con hacer width:
 100%;al tag que necesitas lo llene.
 Te recomendaría además que quites esos estilos de tu ul y los metas en
 algúna hoja css. No es necesario que le asignes clase o id, basta con
 #navbar
 ul {overflow:hidden ;border:1px solid #000;}

 Saludos!

 2010/4/15 Rafa Artacho teme...@gmail.com

  Buenas tardes:
 
  Tengo un menú que será dinámico y que dependiendo de las necesidades
  contendrá un número variable de elementos. Necesitaría que la lista se
  adaptase al ancho del div contenedor (974px). El HTML del menú con 6
  opciones:
 
 div id=navbar
 ul style=overflow:hidden;border:1px solid #000;
 liInicio/li
 liPelículas/li
 liMúsica/li
 liTeatro/li
 liExposiciones/li
 liCoches/li
 /ul
 /div
 
 
  ¿Sería posible hacer esto solamente con CSS o sería necesario usar JS?
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 



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

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

En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de Datos 
de Carácter Personal, le informamos que los datos de carácter personal 
utilizados para la presente comunicación proceden de un fichero de datos de 
carácter personal titularidad de Aguirre Newman, S.A., debidamente notificado 
ante la Agencia Española de Protección de Datos, cuya finalidad es la gestión 
(control, mantenimiento y archivo de la documentación) de la relación que 
mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con terceros. Dichos 
datos, por consiguiente, han sido incorporados o serán incorporados en dicho 
fichero para los usos y finalidades indicadas, pudiendo ser objeto de 
comunicación a las Compañías que integran el GRUPO AGUIRRE NEWMAN, cuya 
identidad podrá consultar en el aviso legal de la página web corporativa 
www.aguirrenewman.es, cuando sea necesario y/o pertinente para el cumplimiento 
de las finalidades señaladas. 
Si Ud. no consintiese la utilización del correo electrónico para enviarle 
comunicaciones electrónicas,  la comunicación de sus datos de contacto al resto 
de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su consentimiento al 
tratamiento de sus datos, podrá hacerlo mediante un correo electrónico dirigido 
a asesoriajurid...@aguirrenewman.es. Asimismo, si Ud. desea ejercitar sus 
derechos de acceso, rectificación, cancelación y oposición podrá hacerlo 
dirigiéndose por escrito al Departamento de Asesoría Jurídica de Aguirre 
Newman, S.A., calle General Lacy número 23, C.P. 28045 Madrid, remitiendo, 
junto con la solicitud, una fotocopia de un documento oficial de identificación 
(DNI, Pasaporte, etc).


According to 

Re: [Ovillo] Ajustar lista al ancho del contenedor

2010-04-15 Por tema Rafa Artacho
El problema es el menú será dinámico por lo que en ocasiones pueden aparecer
6 elementos en el menú pero otras veces pueden aparecer 8, 10, 5...

Con JS se puede lo que quería saber es si se puede hacer únicamente con CSS.

Gracias!


2010/4/15 Carlos Acero Sánchez carlos.ac...@aguirrenewman.es


 Prueba a dividir el número de elementos li entre 100 y se le aplicas:

 100/6 = 16.6

 #navbar ul li
 {
 float:left;
 font-size:1.2em;
 color:#00FF00;
 padding:0 5px 0 10px;
 border-right:1px solid #000;
 text-align:right;
 width:16.6%
 }


 Carlos Acero Sánchez
 Dpto. Sistemas
 Aguirre Newman Madrid

 C/ General Lacy, 23. 28045 Madrid
 T +31 91 319 13 14 F +34 91 319 87 57
 carlos.ac...@aguirrenewman.es
 www.aguirrenewman.com
 Sé ecológico, antes de imprimir este e-mail piense bien si es necesario
 hacerlo



 -Mensaje original-
 De: ovillo-boun...@lists.ovillo.org [mailto:
 ovillo-boun...@lists.ovillo.org] En nombre de Rafa Artacho
 Enviado el: jueves, 15 de abril de 2010 17:27
 Para: Ovillo, la lista de CSS en castellano
 Asunto: [Correo sospechoso] Re: [Ovillo] Ajustar lista al ancho del
 contenedor

 He probado así:

 #navbar{color:#FF;width:974px;}
 #navbar ul{width:100%;}
 #navbar ul li{float:left;font-size:1.2em;color:#00FF00;padding:0 5px 0
 10px;border-right:1px solid #000;text-align:right;}

 De este modo el ul queda extendido hasta el 100% del div #navbar, pero los
 li no se ajustan al 100% del ul. Si pongo 100% al li ocupa cada li el 100%
 del div #navbar. ¿Dónde sería el error?

 El style lo puse para ver visualmente hasta dónde se extendía el
 contenedor,
 cuando termine las pruebas lo quitaría.

 Gracias!


 2010/4/15 Luis Mario Álvarez mag...@magrio.net

  Si el contenedor padre tiene definido su ancho, basta con hacer width:
  100%;al tag que necesitas lo llene.
  Te recomendaría además que quites esos estilos de tu ul y los metas en
  algúna hoja css. No es necesario que le asignes clase o id, basta con
  #navbar
  ul {overflow:hidden ;border:1px solid #000;}
 
  Saludos!
 
  2010/4/15 Rafa Artacho teme...@gmail.com
 
   Buenas tardes:
  
   Tengo un menú que será dinámico y que dependiendo de las necesidades
   contendrá un número variable de elementos. Necesitaría que la lista se
   adaptase al ancho del div contenedor (974px). El HTML del menú con 6
   opciones:
  
  div id=navbar
  ul style=overflow:hidden;border:1px solid #000;
  liInicio/li
  liPelículas/li
  liMúsica/li
  liTeatro/li
  liExposiciones/li
  liCoches/li
  /ul
  /div
  
  
   ¿Sería posible hacer esto solamente con CSS o sería necesario usar JS?
   ___
   Lista de distribución Ovillo
   Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
   Puedes modificar tus datos o desuscribirte en la siguiente dirección:
   http://lists.ovillo.org/mailman/listinfo/ovillo
  
 
 
 
  --
  mario álvarez
  desarrollador web
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

 En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de
 Datos de Carácter Personal, le informamos que los datos de carácter personal
 utilizados para la presente comunicación proceden de un fichero de datos de
 carácter personal titularidad de Aguirre Newman, S.A., debidamente
 notificado ante la Agencia Española de Protección de Datos, cuya finalidad
 es la gestión (control, mantenimiento y archivo de la documentación) de la
 relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con
 terceros. Dichos datos, por consiguiente, han sido incorporados o serán
 incorporados en dicho fichero para los usos y finalidades indicadas,
 pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO
 AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la
 página web corporativa www.aguirrenewman.es, cuando sea necesario y/o
 pertinente para el cumplimiento de las finalidades señaladas.
 Si Ud. no consintiese la utilización del correo electrónico para enviarle
 comunicaciones electrónicas,  la comunicación de sus datos de contacto al
 resto de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su
 consentimiento al tratamiento de sus datos, podrá hacerlo mediante un correo
 electrónico dirigido a asesoriajurid...@aguirrenewman.es. Asimismo, si Ud.
 desea ejercitar sus derechos de acceso, 

Re: [Ovillo] Ajustar lista al ancho del contenedor

2010-04-15 Por tema Andrés gutiérrez
A mi no se me ocurre una forma de solucionar este problema con ul/li. Se que
puede sonar mal pero los TD de las tablas si que se expanden y reparten
hasta el 100% de su padre. Es una idea.

El 15 de abril de 2010 17:39, Rafa Artacho teme...@gmail.com escribió:

 El problema es el menú será dinámico por lo que en ocasiones pueden
 aparecer
 6 elementos en el menú pero otras veces pueden aparecer 8, 10, 5...

 Con JS se puede lo que quería saber es si se puede hacer únicamente con
 CSS.

 Gracias!


 2010/4/15 Carlos Acero Sánchez carlos.ac...@aguirrenewman.es

 
  Prueba a dividir el número de elementos li entre 100 y se le aplicas:
 
  100/6 = 16.6
 
  #navbar ul li
  {
  float:left;
  font-size:1.2em;
  color:#00FF00;
  padding:0 5px 0 10px;
  border-right:1px solid #000;
  text-align:right;
  width:16.6%
  }
 
 
  Carlos Acero Sánchez
  Dpto. Sistemas
  Aguirre Newman Madrid
 
  C/ General Lacy, 23. 28045 Madrid
  T +31 91 319 13 14 F +34 91 319 87 57
  carlos.ac...@aguirrenewman.es
  www.aguirrenewman.com
  Sé ecológico, antes de imprimir este e-mail piense bien si es necesario
  hacerlo
 
 
 
  -Mensaje original-
  De: ovillo-boun...@lists.ovillo.org [mailto:
  ovillo-boun...@lists.ovillo.org] En nombre de Rafa Artacho
  Enviado el: jueves, 15 de abril de 2010 17:27
  Para: Ovillo, la lista de CSS en castellano
  Asunto: [Correo sospechoso] Re: [Ovillo] Ajustar lista al ancho del
  contenedor
 
  He probado así:
 
  #navbar{color:#FF;width:974px;}
  #navbar ul{width:100%;}
  #navbar ul li{float:left;font-size:1.2em;color:#00FF00;padding:0 5px 0
  10px;border-right:1px solid #000;text-align:right;}
 
  De este modo el ul queda extendido hasta el 100% del div #navbar, pero
 los
  li no se ajustan al 100% del ul. Si pongo 100% al li ocupa cada li el
 100%
  del div #navbar. ¿Dónde sería el error?
 
  El style lo puse para ver visualmente hasta dónde se extendía el
  contenedor,
  cuando termine las pruebas lo quitaría.
 
  Gracias!
 
 
  2010/4/15 Luis Mario Álvarez mag...@magrio.net
 
   Si el contenedor padre tiene definido su ancho, basta con hacer width:
   100%;al tag que necesitas lo llene.
   Te recomendaría además que quites esos estilos de tu ul y los metas en
   algúna hoja css. No es necesario que le asignes clase o id, basta con
   #navbar
   ul {overflow:hidden ;border:1px solid #000;}
  
   Saludos!
  
   2010/4/15 Rafa Artacho teme...@gmail.com
  
Buenas tardes:
   
Tengo un menú que será dinámico y que dependiendo de las necesidades
contendrá un número variable de elementos. Necesitaría que la lista
 se
adaptase al ancho del div contenedor (974px). El HTML del menú con 6
opciones:
   
   div id=navbar
   ul style=overflow:hidden;border:1px solid #000;
   liInicio/li
   liPelículas/li
   liMúsica/li
   liTeatro/li
   liExposiciones/li
   liCoches/li
   /ul
   /div
   
   
¿Sería posible hacer esto solamente con CSS o sería necesario usar
 JS?
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
   
  
  
  
   --
   mario álvarez
   desarrollador web
   ___
   Lista de distribución Ovillo
   Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
   Puedes modificar tus datos o desuscribirte en la siguiente dirección:
   http://lists.ovillo.org/mailman/listinfo/ovillo
  
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
  En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de
  Datos de Carácter Personal, le informamos que los datos de carácter
 personal
  utilizados para la presente comunicación proceden de un fichero de datos
 de
  carácter personal titularidad de Aguirre Newman, S.A., debidamente
  notificado ante la Agencia Española de Protección de Datos, cuya
 finalidad
  es la gestión (control, mantenimiento y archivo de la documentación) de
 la
  relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con
  terceros. Dichos datos, por consiguiente, han sido incorporados o serán
  incorporados en dicho fichero para los usos y finalidades indicadas,
  pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO
  AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la
  página web corporativa www.aguirrenewman.es, cuando sea necesario y/o
  pertinente para el cumplimiento de las finalidades señaladas.
  Si Ud. no