[Ovillo] Grillas (tablas) más anchas que lay out
Que tal Ovillo. Tengo un diseño en una intranet (unas 30 pantallas) en el cual el 80% son grillas de resultados de distintos anchos y cantidad de columnas; al menos 10 de ellas sobrepasan el ancho del div principal (maqueta) por lo que se salen rompiendo el diseño. Si maquetara con tablas el problema desaparece porque la tabla contenedora se ajusta al contenido(grilla) si este es más ancho, pero con divs no puedo lograr el mismo efecto. Alguna idea de cómo salvar esto? El layout es el tipico que considera header, body y footer a 780px compatible con IE6 y otros y en el body bajo la botonera se despliega una grilla de resultados. Saludos y gracias de antemano. Irán Vásquez S. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Grillas (tablas) más anchas que lay out
No me hagas mucho caso porque no soy aun nun poco novato en esto pero, se podria solucionar quizas poniendo medida relativas? En vez de px por ejemplo % Saludos El 8 de abril de 2009 15:40, Phaseolus phaseol...@yahoo.es escribió: Que tal Ovillo. Tengo un diseño en una intranet (unas 30 pantallas) en el cual el 80% son grillas de resultados de distintos anchos y cantidad de columnas; al menos 10 de ellas sobrepasan el ancho del div principal (maqueta) por lo que se salen rompiendo el diseño. Si maquetara con tablas el problema desaparece porque la tabla contenedora se ajusta al contenido(grilla) si este es más ancho, pero con divs no puedo lograr el mismo efecto. Alguna idea de cómo salvar esto? El layout es el tipico que considera header, body y footer a 780px compatible con IE6 y otros y en el body bajo la botonera se despliega una grilla de resultados. Saludos y gracias de antemano. Irán Vásquez S. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problema con css valoracion por estrellas en IE6
Hola, hemos realizado un sistema de valoracion de videos mediante estrellas,
tal y como youtube y muchas otras webs implementan.
El resultado se puede observar en:
http://mimandote.com/videos/679-largo-viaje-humo-por-tus-pulmones
http://localhost:3000/videos/679-largo-viaje-humo-por-tus-pulmones
La cuestion es que el sistema de votaciones funciona perfectamente con
firefox y con safari, pero con explorer 6 y 7 tiene un fallo que
deseamos subsanar (en el 8 si funciona). Cuando pasamos por encima de
los remolinos cambian de color, pero al retroceder no pasan de color mas
oscuro a clarito (digamos que no desselecciona), no sabemos por que
puede ser (maldito explorer). Si a alguien se le ocurre alguna idea le
estaria muy agradecido.
Cuando el cursor pasa por encima de unno de los remolinos se realia una
llamada por AJAX:
ul class='star-rating'
.
.
.
%= link_to_remote( , :url = votar_video_ajax_path(video.id, i),
:method = :post, :html = { :class = star#{i}, :name = #{i} stars
out of 5 }) %
.
.
.
ul/
Este es el css que usamos:
.video-y-control {
margin-bottom:30px;
}
.bloque-video {
float:left;
}
.titulo-video-sin-imag, .titulo-video-sin-imag a {
color:#F92F1E;
}
.titulo-video-sin-imag {
font-size:16px;
padding-bottom:6px;
}
.opciones-video{
padding:30px 0 0 320px;
}
.opciones-video-show{
padding:30px 0 0 510px;
}
/* ESTILOS PARA LAS ESTRELLAS DE LOS VIDEOS */
.star-rating{
float:left;
list-style:none;
margin: 0;
padding:0;
width: 150px;
height: 30px;
position: relative;
background: url(/images/star_rating.gif) top left repeat-x; /*Aqui esta
toda la barra*/
}
.star-rating li {
padding:0;
margin:0;
float: left;
position: absolute;
height: 30px;
}
.star-rating li a {
display:block;
width:30px;
height: 30px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.star-rating li a:hover {
background: url(/images/star_rating.gif) left bottom;
z-index: 2;
left: 0px;
border:none;
}
.star-rating a.one-star, a.star1{
left: 0px;
}
.star-rating a.one-star:hover, a.star1:hover, .voto1 {
width:30px;
}
.star-rating a.two-stars, a.star2{
left:30px;
}
.star-rating a.two-stars:hover, a.star2:hover, .voto2 {
width: 60px;
}
.star-rating a.three-stars,a.star3{
left: 60px;
}
.star-rating a.three-stars:hover, a.star3:hover, .voto3 {
width: 90px;
}
.star-rating a.four-stars, a.star4{
left: 90px;
}
.star-rating a.four-stars:hover, a.star4:hover, .voto4 {
width: 120px;
}
.star-rating a.five-stars, a.star5{
left: 120px;
}
.star-rating a.five-stars:hover, a.star5:hover, .voto5 {
width: 150px;
}
.star-rating li.current-rating{
background: url(/images/star_rating.gif) left bottom;
position: absolute;
height: 30px;
display: block;
text-indent: -9000px;
z-index: 1;
}
.votos_rating {
margin: 0;
padding:0;
width: 150px;
height: 30px;
background: url(/images/star_rating.gif) top left repeat-x; /*Aqui
esta toda la barra*/
z-index: 3;
}
.voto1, .voto2, .voto3, .voto4, .voto5 {
background: url(/images/star_rating.gif) left bottom;
z-index: 2;
height: 30px;
left: 0px;
}
.info_rating {
/*float:left;*/
padding-top:11px;
margin-left:325px;
color:#C334BE;
font-size:16px;
}
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] Grillas (tablas) más anchas que lay out
..mmm no resulta... Alguna otra idea??? -- El 8 de abril de 2009 9:46, 2tonewarrior 2tonewarr...@gmail.com escribió: No me hagas mucho caso porque no soy aun nun poco novato en esto pero, se podria solucionar quizas poniendo medida relativas? En vez de px por ejemplo % Saludos El 8 de abril de 2009 15:40, Phaseolus phaseol...@yahoo.es escribió: Que tal Ovillo. Tengo un diseño en una intranet (unas 30 pantallas) en el cual el 80% son grillas de resultados de distintos anchos y cantidad de columnas; al menos 10 de ellas sobrepasan el ancho del div principal (maqueta) por lo que se salen rompiendo el diseño. Si maquetara con tablas el problema desaparece porque la tabla contenedora se ajusta al contenido(grilla) si este es más ancho, pero con divs no puedo lograr el mismo efecto. Alguna idea de cómo salvar esto? El layout es el tipico que considera header, body y footer a 780px compatible con IE6 y otros y en el body bajo la botonera se despliega una grilla de resultados. Saludos y gracias de antemano. ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] Grillas (tablas) más anchas que lay out
Puedes poner la url como para ver un poco el codigo El 8/04/2009, a las 14:59, Phaseolus escribió: ..mmm no resulta... Alguna otra idea??? -- El 8 de abril de 2009 9:46, 2tonewarrior 2tonewarr...@gmail.com escribió: No me hagas mucho caso porque no soy aun nun poco novato en esto pero, se podria solucionar quizas poniendo medida relativas? En vez de px por ejemplo % Saludos El 8 de abril de 2009 15:40, Phaseolus phaseol...@yahoo.es escribió: Que tal Ovillo. Tengo un diseño en una intranet (unas 30 pantallas) en el cual el 80% son grillas de resultados de distintos anchos y cantidad de columnas; al menos 10 de ellas sobrepasan el ancho del div principal (maqueta) por lo que se salen rompiendo el diseño. Si maquetara con tablas el problema desaparece porque la tabla contenedora se ajusta al contenido(grilla) si este es más ancho, pero con divs no puedo lograr el mismo efecto. Alguna idea de cómo salvar esto? El layout es el tipico que considera header, body y footer a 780px compatible con IE6 y otros y en el body bajo la botonera se despliega una grilla de resultados. Saludos y gracias de antemano. ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] Grillas (tablas) más anchas que lay out
Mas bien una captura y/o el código porque si es un intranet... El 9 de abril de 2009 0:16, Mauricio Dulce mauricio.du...@gmail.comescribió: Puedes poner la url como para ver un poco el codigo El 8/04/2009, a las 14:59, Phaseolus escribió: ..mmm no resulta... Alguna otra idea??? -- El 8 de abril de 2009 9:46, 2tonewarrior 2tonewarr...@gmail.com escribió: No me hagas mucho caso porque no soy aun nun poco novato en esto pero, se podria solucionar quizas poniendo medida relativas? En vez de px por ejemplo % Saludos El 8 de abril de 2009 15:40, Phaseolus phaseol...@yahoo.es escribió: Que tal Ovillo. Tengo un diseño en una intranet (unas 30 pantallas) en el cual el 80% son grillas de resultados de distintos anchos y cantidad de columnas; al menos 10 de ellas sobrepasan el ancho del div principal (maqueta) por lo que se salen rompiendo el diseño. Si maquetara con tablas el problema desaparece porque la tabla contenedora se ajusta al contenido(grilla) si este es más ancho, pero con divs no puedo lograr el mismo efecto. Alguna idea de cómo salvar esto? El layout es el tipico que considera header, body y footer a 780px compatible con IE6 y otros y en el body bajo la botonera se despliega una grilla de resultados. Saludos y gracias de antemano. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
