Re: [Ovillo] menu vertical en css y div que recibe un .html, no funcionan bien ya subidos, IE6 desastre total(en local funcionan, excepto ie6)
gracias Ignacio, pense que usar ese codigo era mas accesible que meter mas JS del que tiene, ya que este en css, funciona bien en la web del autor, crei que con eso arreglaba el tema del JS desactivado :( Ahora voy a ver como queda en el , pero porque al autor le anda y a mi no? Gracias por tu tiempo Alejandra ___ 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 vertical en css y div que recibe un .html, no funcionan bien ya subidos, IE6 desastre total(en local funcionan, excepto ie6)
El código que usaste de la otra web deja mucho que desear...Aparte no te
anda en IE6 porque li:hover no lo entiende. IE6 solo interpreta el tag A en
estado hover.
Deberías buscar menus con javascript si queres hacer algo 100% crossbrowser.
Hay muchas cosas en Jquery con código bien hecho y cross-browser.
Nacho
2009/6/7 Andrés gutiérrez
> Para empezar en el ejemplo original me ha parecido ver que no usaba
> dentro de las listas. Esto puede ser un problema.
> Lo que yo haría, sería copiar exactamente el ejemplo y hacerlo funcionar en
> tu servidor. Y cuando funcione ya probaría de hacer cambios como meter un
> span despues de a
>
> NOTA:
> Igual estoy equivocado y el span estaba tambien en el original. Pero me ha
> parecido que no
>
> El 7 de junio de 2009 10:06, escribió:
>
> > Hola Amigos, tengo un menu que baje de esta pagina:
> > http://www.forosdelweb.com/f53/menu-desplegable-100-css-595007/ el
> numero
> > 5
> > en local funcionaba bien (probando en apache) en ie7 y en ff, en ie6, no
> > funcionaba.
> > Lo subo a la web y no funciona nada bien.
> > 1- en ie6 se descuadra absolutamente todo, y desparrama el contenido por
> > cualquier lado
> > 2- en FF y ie7, funciona mal, es decir, abre el menu y la primera opcion
> > todo bien, luego cuando busco la segunda opcion, vuelve a cargar la
> primera
> > o directamente nada.
> > 3- no se si es por el menu, el punto dos, o por la tecnica con JScript
> para
> > abrir en un div, dentro de la misma pagina (como si fuera un frame, pero
> > sin
> > serlo)
> > 4- en el caso de ie6 en local, tambien abre el html en el div "show" pero
> > se
> > descuadra todo
> >
> > Estoy muy perdida les agradeceria me echen un poco de luz
> >
> > Esta subido aqui: www.clubajedrezphilidor.com.ar/torneos.html
> >
> > Este es el codigo que tengo*:
> > HTML:* (este es el JS para abrir un html en un div, en la misma pagina)
> > *
> > *Club de Ajedrez Philidor | Torneos
> >
> >
> >
> >
> >
> >
> >
> >
> > $(document).ready(function(){
> >var emi = "#menu a";//Emisor
> >var rec = "#show";//Receptor
> >var src = "loading.gif";//Imagen de precarga
> >var iid = "loading";//Id de la precarga
> >var pre = '
';//Objeto precarga
> >var spe = "slow";//Velocidad del
> efecto
> >$(emi).each(function(){
> >//Guardamos el vaolor de href de cada enlace.
> >$(this).click(function(){//Cargamos en rec el
> > contenido de cada href y le damos efectos.
> >var href = $(this).attr("href");
> >$(rec).hide().after(pre).load(href, function()
> > {$("#"+iid).remove();$(this).fadeIn(spe)});
> >return false;//Para que no se
> > redireccione.
> >});
> >});
> > });
> >
> > *
> >
> > HTML2:* (esta es la parte del menu y abajo el id receptor)*
> >
> > *
> >
> >
> > La Institución
> > /
> > Torneos /
> > Ranking /
> > Galería de Fotos
> > /
> > Contáctenos
> > /
> >
> >
> >
> >
> >
> >
> > > class="nivel1">Ultimo
> > Torneo
> >
> > Torneos 2009
> >
> >
> > Challenger "A"
> > 2009
> > Challenger "B"
> > 2009
> > Homenaje a
> Venturiello
> > Torneo por equipos
> > 2009
> >
> >
> >
> > Torneos Anuario 2008
> >
> >
> > SEMILENTO CLUB
> > DE
> > AJEDREZ PHILIDOR DE MORON - 13/12/2008
> > TORNEO ABIERTO CLUB PHILIDOR -
> > 02/12/2008
> > 6° SABATINO “SIMPLEMENTE
> > GUILLERMO” - 25/10/2008
> > TORNEO DE
> > CATEGORÍAS / FIN DE AÑO / CUARTA CATEGORÍA -
> > 4-11-2008
> >
> >
> >
> > Mejores Torneos
> >
> >
> > SEMILENTO CLUB DE
> > AJEDREZ
> > PHILIDOR DE MORON
> > TORNEO ABIERTO CLUB PHILIDOR
> > 2-12-2008
> >
> >
> >
> >
> >
> >
> >
> > Semilento de Semana SantaSábado 11-4-09
> >
> > En un hermoso sábado, se desarrolló en el club Philidor
> de
> > Morón el torneo Semilento de Semana Santa, con un tiempo de 15
> min.
> > por jugador, que contó con una gran convocatoria de jugadores de
> > gran
> > nivel.El torneo lo ganó Mareco Sandro con 7/7, en segundo
> > lugar
> > Gómez Daniel con 6/7 y en el tercer puesto el juvenil Cuberli
> > Emiliano con 5/7.A su finalización se llevó a cabo la
> > entrega de premios en efectivo para los destacados del certamen.
> > *
> >
> >
> >
> -
> > CSS* (del menu vertical, tal cual lo copie)
> >
> > * { margin: 0px; padding: 0px; outline: 0; }
> > #menu { text-align: center; font-size: 0.7em; width: 200px; margin-left:
> > 6px; float:left;}
> > #menu ul { list-style-type: none; }
> > #menu ul li.nivel1 { width: 162px; }
> > #menu ul li.primera { border-top: solid 1px #FFF;}
> > #menu ul li a {display: block; text-decoration: none; color: #fff;
> > background-color: #399; border: solid 1
Re: [Ovillo] menu vertical en css y div que recibe un .html, no funcionan bien ya subidos, IE6 desastre total(en local funcionan, excepto ie6)
Para empezar en el ejemplo original me ha parecido ver que no usaba
dentro de las listas. Esto puede ser un problema.
Lo que yo haría, sería copiar exactamente el ejemplo y hacerlo funcionar en
tu servidor. Y cuando funcione ya probaría de hacer cambios como meter un
span despues de a
NOTA:
Igual estoy equivocado y el span estaba tambien en el original. Pero me ha
parecido que no
El 7 de junio de 2009 10:06, escribió:
> Hola Amigos, tengo un menu que baje de esta pagina:
> http://www.forosdelweb.com/f53/menu-desplegable-100-css-595007/ el numero
> 5
> en local funcionaba bien (probando en apache) en ie7 y en ff, en ie6, no
> funcionaba.
> Lo subo a la web y no funciona nada bien.
> 1- en ie6 se descuadra absolutamente todo, y desparrama el contenido por
> cualquier lado
> 2- en FF y ie7, funciona mal, es decir, abre el menu y la primera opcion
> todo bien, luego cuando busco la segunda opcion, vuelve a cargar la primera
> o directamente nada.
> 3- no se si es por el menu, el punto dos, o por la tecnica con JScript para
> abrir en un div, dentro de la misma pagina (como si fuera un frame, pero
> sin
> serlo)
> 4- en el caso de ie6 en local, tambien abre el html en el div "show" pero
> se
> descuadra todo
>
> Estoy muy perdida les agradeceria me echen un poco de luz
>
> Esta subido aqui: www.clubajedrezphilidor.com.ar/torneos.html
>
> Este es el codigo que tengo*:
> HTML:* (este es el JS para abrir un html en un div, en la misma pagina)
> *
> *Club de Ajedrez Philidor | Torneos
>
>
>
>
>
>
>
>
> $(document).ready(function(){
>var emi = "#menu a";//Emisor
>var rec = "#show";//Receptor
>var src = "loading.gif";//Imagen de precarga
>var iid = "loading";//Id de la precarga
>var pre = '';//Objeto precarga
>var spe = "slow";//Velocidad del efecto
>$(emi).each(function(){
>//Guardamos el vaolor de href de cada enlace.
>$(this).click(function(){//Cargamos en rec el
> contenido de cada href y le damos efectos.
>var href = $(this).attr("href");
>$(rec).hide().after(pre).load(href, function()
> {$("#"+iid).remove();$(this).fadeIn(spe)});
>return false;//Para que no se
> redireccione.
>});
>});
> });
>
> *
>
> HTML2:* (esta es la parte del menu y abajo el id receptor)*
>
> *
>
>
> La Institución
> /
> Torneos /
> Ranking /
> Galería de Fotos
> /
> Contáctenos
> /
>
>
>
>
>
>
> class="nivel1">Ultimo
> Torneo
>
> Torneos 2009
>
>
> Challenger "A"
> 2009
> Challenger "B"
> 2009
> Homenaje a Venturiello
> Torneo por equipos
> 2009
>
>
>
> Torneos Anuario 2008
>
>
> SEMILENTO CLUB
> DE
> AJEDREZ PHILIDOR DE MORON - 13/12/2008
> TORNEO ABIERTO CLUB PHILIDOR -
> 02/12/2008
> 6° SABATINO “SIMPLEMENTE
> GUILLERMO” - 25/10/2008
> TORNEO DE
> CATEGORÍAS / FIN DE AÑO / CUARTA CATEGORÍA -
> 4-11-2008
>
>
>
> Mejores Torneos
>
>
> SEMILENTO CLUB DE
> AJEDREZ
> PHILIDOR DE MORON
> TORNEO ABIERTO CLUB PHILIDOR
> 2-12-2008
>
>
>
>
>
>
>
> Semilento de Semana SantaSábado 11-4-09
>
> En un hermoso sábado, se desarrolló en el club Philidor de
> Morón el torneo Semilento de Semana Santa, con un tiempo de 15 min.
> por jugador, que contó con una gran convocatoria de jugadores de
> gran
> nivel.El torneo lo ganó Mareco Sandro con 7/7, en segundo
> lugar
> Gómez Daniel con 6/7 y en el tercer puesto el juvenil Cuberli
> Emiliano con 5/7.A su finalización se llevó a cabo la
> entrega de premios en efectivo para los destacados del certamen.
> *
>
>
> -
> CSS* (del menu vertical, tal cual lo copie)
>
> * { margin: 0px; padding: 0px; outline: 0; }
> #menu { text-align: center; font-size: 0.7em; width: 200px; margin-left:
> 6px; float:left;}
> #menu ul { list-style-type: none; }
> #menu ul li.nivel1 { width: 162px; }
> #menu ul li.primera { border-top: solid 1px #FFF;}
> #menu ul li a {display: block; text-decoration: none; color: #fff;
> background-color: #399; border: solid 1px #fff; border-top: none; padding:
> 8px; position: relative; }
> #menu ul li:hover {position: relative; background-color: #6CC; color: #000;
> }
> #menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #6CC;
> color: #000; position: relative; }
> #menu ul li a.nivel1 {display: block!important;display: none; position:
> relative; }
> #menu ul li ul {display: none; }
> #menu ul li a:hover ul, #menu ul li:hover ul {display: block; position:
> absolute;left: 161px;top:-1px!important;top: -31px; }
> #menu ul li ul li a {width: 160px; background-color: #6CC; color: #000; }
> #menu ul li ul li a:hover {position: relative; background-color: #399;
> color: #FFF; }
[Ovillo] menu vertical en css y div que recibe un .html, no funcionan bien ya subidos, IE6 desastre total(en local funcionan, excepto ie6)
Hola Amigos, tengo un menu que baje de esta pagina:
http://www.forosdelweb.com/f53/menu-desplegable-100-css-595007/ el numero 5
en local funcionaba bien (probando en apache) en ie7 y en ff, en ie6, no
funcionaba.
Lo subo a la web y no funciona nada bien.
1- en ie6 se descuadra absolutamente todo, y desparrama el contenido por
cualquier lado
2- en FF y ie7, funciona mal, es decir, abre el menu y la primera opcion
todo bien, luego cuando busco la segunda opcion, vuelve a cargar la primera
o directamente nada.
3- no se si es por el menu, el punto dos, o por la tecnica con JScript para
abrir en un div, dentro de la misma pagina (como si fuera un frame, pero sin
serlo)
4- en el caso de ie6 en local, tambien abre el html en el div "show" pero se
descuadra todo
Estoy muy perdida les agradeceria me echen un poco de luz
Esta subido aqui: www.clubajedrezphilidor.com.ar/torneos.html
Este es el codigo que tengo*:
HTML:* (este es el JS para abrir un html en un div, en la misma pagina)
*
*Club de Ajedrez Philidor | Torneos
$(document).ready(function(){
var emi = "#menu a";//Emisor
var rec = "#show";//Receptor
var src = "loading.gif";//Imagen de precarga
var iid = "loading";//Id de la precarga
var pre = '';//Objeto precarga
var spe = "slow";//Velocidad del efecto
$(emi).each(function(){
//Guardamos el vaolor de href de cada enlace.
$(this).click(function(){//Cargamos en rec el
contenido de cada href y le damos efectos.
var href = $(this).attr("href");
$(rec).hide().after(pre).load(href, function()
{$("#"+iid).remove();$(this).fadeIn(spe)});
return false;//Para que no se
redireccione.
});
});
});
*
HTML2:* (esta es la parte del menu y abajo el id receptor)*
*
La Institución
/
Torneos /
Ranking /
Galería de Fotos
/
Contáctenos
/
Ultimo
Torneo
Torneos 2009
Challenger "A"
2009
Challenger "B"
2009
Homenaje a Venturiello
Torneo por equipos
2009
Torneos Anuario 2008
SEMILENTO CLUB DE
AJEDREZ PHILIDOR DE MORON - 13/12/2008
TORNEO ABIERTO CLUB PHILIDOR -
02/12/2008
6° SABATINO “SIMPLEMENTE
GUILLERMO” - 25/10/2008
TORNEO DE
CATEGORÍAS / FIN DE AÑO / CUARTA CATEGORÍA -
4-11-2008
Mejores Torneos
SEMILENTO CLUB DE AJEDREZ
PHILIDOR DE MORON
TORNEO ABIERTO CLUB PHILIDOR
2-12-2008
Semilento de Semana SantaSábado 11-4-09
En un hermoso sábado, se desarrolló en el club Philidor de
Morón el torneo Semilento de Semana Santa, con un tiempo de 15 min.
por jugador, que contó con una gran convocatoria de jugadores de gran
nivel.El torneo lo ganó Mareco Sandro con 7/7, en segundo lugar
Gómez Daniel con 6/7 y en el tercer puesto el juvenil Cuberli
Emiliano con 5/7.A su finalización se llevó a cabo la
entrega de premios en efectivo para los destacados del certamen.
*
-
CSS* (del menu vertical, tal cual lo copie)
* { margin: 0px; padding: 0px; outline: 0; }
#menu { text-align: center; font-size: 0.7em; width: 200px; margin-left:
6px; float:left;}
#menu ul { list-style-type: none; }
#menu ul li.nivel1 { width: 162px; }
#menu ul li.primera { border-top: solid 1px #FFF;}
#menu ul li a {display: block; text-decoration: none; color: #fff;
background-color: #399; border: solid 1px #fff; border-top: none; padding:
8px; position: relative; }
#menu ul li:hover {position: relative; background-color: #6CC; color: #000;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #6CC;
color: #000; position: relative; }
#menu ul li a.nivel1 {display: block!important;display: none; position:
relative; }
#menu ul li ul {display: none; }
#menu ul li a:hover ul, #menu ul li:hover ul {display: block; position:
absolute;left: 161px;top:-1px!important;top: -31px; }
#menu ul li ul li a {width: 160px; background-color: #6CC; color: #000; }
#menu ul li ul li a:hover {position: relative; background-color: #399;
color: #FFF; }
table.falsa {border-collapse:collapse; border:0px; float: left; position:
relative; }
CSS2: (esta parte es la del div "show" que muestra el html como un iframe)
#centraltorneos, #show{width:200px;
height:550px;
float:left;
text-align:left;
border-left:2px solid #036;
margin:0 auto;/*arriba, derecha, abajo, izquierda*/
margin-left:20px;
padding-left:10px;
padding-right:10px;
}
#show{width:650px;
height:auto;
float:left;
overflow:inherit;
}
table #show{font-size:1em;
text-align:left;}
Disculpen lo largo del mensaje, igual en el sitio esta todo.
Ojala puedan echarme un poco de luz.
Muchas Gracias
Ale
