Re: [Ovillo] Cambiar estilos del elemento seleccionado con clase current
2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net: En mi opinión, para el caso particular que indicas no lo hagas por css sino por programación. También te lo digo porque no sé como se haría en css :D ( seguramente alguien con más conocimientos en las listas te pueda echar una mano ). Yo lo resolvería haciendo que de la misma manera que estás añadiendo un current al li del bajo nivel se lo pones al de arriba que lo contenga. a mi me mola esta forma, porque aunque estas recorriendo a la programacion, es de forma absolutamente minima, y aun es el CSS el que decide que hacer -- -- ℱ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
Re: [Ovillo] Cambiar estilos del elemento seleccionado con clase current
Leyendo la idea de Reynier de seleccionar al elemento inmediatamente superior (parent) me he acordado que un idea tuve una situación similar y me puse a buscar si en CSS3 había un selectorque funcionase tipo el element child_element pero en sentido inverso. Me encontré con un artículo[1] que reflexiona sobre las repercusiones de que existiese esto. Se va un poco de tema, pero quizás a alguien le resulta interesante. Sobre la solución, también creo que mejor recurrir a la programación para añadir una clase al padre o similar. [1] http://css-tricks.com/parent-selectors-in-css/ ___ 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] Cambiar estilos del elemento seleccionado con clase current
On 09/05/2012 08:05 AM, CHK Webmaster wrote: Leyendo la idea de Reynier de seleccionar al elemento inmediatamente superior (parent) me he acordado que un idea tuve una situación similar y me puse a buscar si en CSS3 había un selectorque funcionase tipo el element child_element pero en sentido inverso. Me encontré con un artículo[1] que reflexiona sobre las repercusiones de que existiese esto. Se va un poco de tema, pero quizás a alguien le resulta interesante. Sobre la solución, también creo que mejor recurrir a la programación para añadir una clase al padre o similar. [1] http://css-tricks.com/parent-selectors-in-css/ ___ 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 Muy interesante la lectura CHK Webmaster :) gracias -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier.pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ 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] Cambiar estilos del elemento seleccionado con clase current
On 09/04/2012 04:51 PM, Manuel Canga - Latrasweb.net wrote: En mi opinión, para el caso particular que indicas no lo hagas por css sino por programación. También te lo digo porque no sé como se haría en css :D ( seguramente alguien con más conocimientos en las listas te pueda echar una mano ). Yo lo resolvería haciendo que de la misma manera que estás añadiendo un current al li del bajo nivel se lo pones al de arriba que lo contenga. No sé como harás la programación, si quieres la pasas y la vemos. Eso sí, a lo mejor eso ya queda fuera del ámbito de estas listas. Hola a todos, bueno no todo es felicidad en el mundo y estoy teniendo un problema que no logro resolver. En realidad son dos pero el otro lo comentare en otro mensaje a la lista para no secuestrar este hilo. Bien, exceptuando lo del elemento padre y del border que aparece encima del elemento seleccionado que ya convencí a la diseñadora de que eso no se ve feo jejejeje todo funciona perfecto pero si el elemento LI al cual se le aplican los estilos contiene hijos entonces estos estilos tambien son aplicados al elemento hijo. Por supuesto que a de ser así pues la estructura HTML es la siguiente: ul class=box_content_navigation li class=icon-home firsta href=inicioInicio/a/li li class=icon-blog has_children currenta href=cmvblogBlog/a ul li class=subitem firsta href=cmvblog/createCrear entrada/a/li li class=subitem lasta href=cmvblog/categoriesCategoriacute;as/a/li /ul /li li class=icon-eventa href=eventEventos/a/li li class=icon-messagesa href=messagesMensajes/a/li li class=icon-membersa href=membersDirectorio/a/li li class=icon-friends lasta href=relationsAmigos/a/li li class=icon-accounta href=edit-profileEditar perfil/a/li li class=icon-admincp hide-for-smalla href=admin target=_blankPanel de Control/a/li /ul Lo he dejado acá en Pastebin para una mejor lectura http://pastebin.com/shBmAPkw Y si se dan de cuenta el LI con clase has_children que a su vez tiene current tiene un UL dentro y luego está el cierre del LI. No hay forma de evitar esto cierto? Alguna idea o sugerencia en este sentido? Saludos y nuevamente gracias -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier.pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ 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] Por que razón los elementos me salen en ocasiones bien en ocasiones mal
Hola gente, Estoy maquetando un desarrollo y he usado Foundation Zurb[1] como base para algunas cosas. Bueno en el header de la pagina, si inician sesión como demo/demo123 observarán un avatar y al lado enlaces para ir al Perfil, el Display Name del usuario que inicio sesión y un enlace para Salir. El problema que estoy teniendo es que no logro posicionarlos alineados a la derecha pero posicionados a la izquierda del avatar e igual cuando algun dato crece en tamaño dígamos por ejemplo el Display Name se jode todo. Pueden usar como usuarios para el acceso y realizar pruebas los siguientes: demo/demo123, 1632dd55e/1qazxsw2, 1632e8322/1qazxsw2 Para que vean a lo que me refiero, que me sugieren en este sentido? Saludos y gracias desde ya [1] http://foundation.zurb.com/ [2] http://comvivem.treswd.com/net/ -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier.pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ 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] Por que razón los elementos me salen en ocasiones bien en ocasiones mal
Buenas, la estructura que tienes formada DIOSSS!!!, no es normal, estas haciendo un poco de por kojones para que salga..., esos relatives con el top por webos y el left Mi pregunta es: La estructura puedes cambiarla?, me refiero a agrupar elementos dentro de algunos divs o te viene así de serie??? Estoy intentando colocarte mediante tu estructura esto a la perfección, pero la estructura esa es poco estable, ya que como último recurso se deberá usar algún width o padding como generador de espacio para el avatar ahora te cuento. El 5 de septiembre de 2012 16:32, Reynier Perez Mira reynie...@gmail.comescribió: Hola gente, Estoy maquetando un desarrollo y he usado Foundation Zurb[1] como base para algunas cosas. Bueno en el header de la pagina, si inician sesión como demo/demo123 observarán un avatar y al lado enlaces para ir al Perfil, el Display Name del usuario que inicio sesión y un enlace para Salir. El problema que estoy teniendo es que no logro posicionarlos alineados a la derecha pero posicionados a la izquierda del avatar e igual cuando algun dato crece en tamaño dígamos por ejemplo el Display Name se jode todo. Pueden usar como usuarios para el acceso y realizar pruebas los siguientes: demo/demo123, 1632dd55e/1qazxsw2, 1632e8322/1qazxsw2 Para que vean a lo que me refiero, que me sugieren en este sentido? Saludos y gracias desde ya [1] http://foundation.zurb.com/ [2] http://comvivem.treswd.com/net/ -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier.pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ 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] Por que razón los elementos me salen en ocasiones bien en ocasiones mal
On 09/05/2012 11:10 AM, Nesta Guerrero wrote: Buenas, la estructura que tienes formada DIOSSS!!!, no es normal, estas haciendo un poco de por kojones para que salga..., esos relatives con el top por webos y el left Jejejeje si es un poco a cojones como bien dices pero fue la vía más rápida que encontré para posicionar los elementos, erronea tal cual dices :( Mi pregunta es: La estructura puedes cambiarla?, me refiero a agrupar elementos dentro de algunos divs o te viene así de serie??? Si, puedo cambiarla a como me venga en ganas es mas deberia cambiarla Estoy intentando colocarte mediante tu estructura esto a la perfección, pero la estructura esa es poco estable, ya que como último recurso se deberá usar algún width o padding como generador de espacio para el avatar ahora te cuento. Ok, quedo al tanto de comentarios para ver tus sugerencias Saludos y gracias -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier.pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ 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] Por que razón los elementos me salen en ocasiones bien en ocasiones mal
.user-panel {
1. padding-right: 2px;
2. width: 100%!important;
}
.avatar{position: absolute; right: 0;}
.user-name {
1. position: absolute;
2. color: white;
3. font-family: Verdana,sans-serif;
4. font-size: 14px;
5. right: 0;
}
account-options, .logout-link {
1. position: relative;
2. color: white;
3. font-family: Verdana,sans-serif;
4. font-size: 12px;
5. top: 15px;
}
No es de mi agrado, pero si cambias lo que tu tienes en estas clases por lo
que te pongo, lo tendrías solucionado :)
Un saludo, ya me cuentas.
El 5 de septiembre de 2012 17:40, Nesta Guerrero
nesta.guerr...@gmail.comescribió:
Buenas, la estructura que tienes formada DIOSSS!!!, no es normal,
estas haciendo un poco de por kojones para que salga..., esos relatives con
el top por webos y el left
Mi pregunta es: La estructura puedes cambiarla?, me refiero a agrupar
elementos dentro de algunos divs o te viene así de serie???
Estoy intentando colocarte mediante tu estructura esto a la perfección,
pero la estructura esa es poco estable, ya que como último recurso se
deberá usar algún width o padding como generador de espacio para el
avatar
ahora te cuento.
El 5 de septiembre de 2012 16:32, Reynier Perez Mira
reynie...@gmail.comescribió:
Hola gente,
Estoy maquetando un desarrollo y he usado Foundation Zurb[1] como base
para algunas cosas. Bueno en el header de la pagina, si inician sesión
como demo/demo123 observarán un avatar y al lado enlaces para ir al
Perfil, el Display Name del usuario que inicio sesión y un enlace para
Salir. El problema que estoy teniendo es que no logro posicionarlos
alineados a la derecha pero posicionados a la izquierda del avatar e
igual cuando algun dato crece en tamaño dígamos por ejemplo el Display
Name se jode todo. Pueden usar como usuarios para el acceso y realizar
pruebas los siguientes:
demo/demo123, 1632dd55e/1qazxsw2, 1632e8322/1qazxsw2
Para que vean a lo que me refiero, que me sugieren en este sentido?
Saludos y gracias desde ya
[1] http://foundation.zurb.com/
[2] http://comvivem.treswd.com/net/
--
Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynier.pe...@treswd.com
Skype: reynierpm
Mobile: +58 424.180.5609
___
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] Por que razón los elementos me salen en ocasiones bien en ocasiones mal
si quieres luego te paso una estructura en la que no utilicemos positions absolute y esté todo más estable, aunque aquí ya puede llamarse como el hijo de los príncipes que todo está en su sitio para siempre Ya me dices si te ha solucionado el problema y vamos viendo si te mando un nuevo esquema o algo. Un saludo!. El 5 de septiembre de 2012 17:49, Reynier Perez Mira reynie...@gmail.comescribió: On 09/05/2012 11:10 AM, Nesta Guerrero wrote: Buenas, la estructura que tienes formada DIOSSS!!!, no es normal, estas haciendo un poco de por kojones para que salga..., esos relatives con el top por webos y el left Jejejeje si es un poco a cojones como bien dices pero fue la vía más rápida que encontré para posicionar los elementos, erronea tal cual dices :( Mi pregunta es: La estructura puedes cambiarla?, me refiero a agrupar elementos dentro de algunos divs o te viene así de serie??? Si, puedo cambiarla a como me venga en ganas es mas deberia cambiarla Estoy intentando colocarte mediante tu estructura esto a la perfección, pero la estructura esa es poco estable, ya que como último recurso se deberá usar algún width o padding como generador de espacio para el avatar ahora te cuento. Ok, quedo al tanto de comentarios para ver tus sugerencias Saludos y gracias -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier.pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ 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] Por que razón los elementos me salen en ocasiones bien en ocasiones mal
On 09/05/2012 11:24 AM, Nesta Guerrero wrote: No es de mi agrado, pero si cambias lo que tu tienes en estas clases por lo que te pongo, lo tendrías solucionado:) Gracias Nesta, más alla de cambiar lo que ya tengo definido en mis clases por las clases que me pasas acá, cual sería la estructura HTML que me sugieres tu? Prefiero cambiarla que quedarme con esa cochinada que yo mismo hice para salir del paso Saludos -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier.pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ 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] Por que razón los elementos me salen en ocasiones bien en ocasiones mal
On 09/05/2012 11:25 AM, Nesta Guerrero wrote: si quieres luego te paso una estructura en la que no utilicemos positions absolute y esté todo más estable, aunque aquí ya puede llamarse como el hijo de los príncipes que todo está en su sitio para siempre Ya me dices si te ha solucionado el problema y vamos viendo si te mando un nuevo esquema o algo. Ok, probare lo q me envias pero prefiero esperar a q me puedas enviar una sugerencia de estructura HTML sino es mucho pedir, así limpio el código y tengo algo que quizás pueda perdurar en el tiempo Saludos -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier.pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ 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] Por que razón los elementos me salen en ocasiones bien en ocasiones mal
On 09/05/2012 11:24 AM, Nesta Guerrero wrote:
.user-panel {
1. padding-right: 2px;
2. width: 100%!important;
}
.avatar{position: absolute; right: 0;}
.user-name {
1. position: absolute;
2. color: white;
3. font-family: Verdana,sans-serif;
4. font-size: 14px;
5. right: 0;
}
account-options, .logout-link {
1. position: relative;
2. color: white;
3. font-family: Verdana,sans-serif;
4. font-size: 12px;
5. top: 15px;
}
Y no lo arreglo, por el contrario lo puso peor observa la imagen adjunta
--
Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynier.pe...@treswd.com
Skype: reynierpm
Mobile: +58 424.180.5609
___
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] Por que razón los elementos me salen en ocasiones bien en ocasiones mal
code li class=hide-for-small div class=ten columns user-panel div class=avatara href=blablablaimg src=blablabla //a/div div class=global-data div class=div class=user-namedemo/divspan class=account-optionsa href=http://comvivem.treswd.com/net/my-profile;Opciones de cuenta/a | /spanspan class=logout-linka href= http://comvivem.treswd.com/net/users/logout;Cerrar sesión/a/span /div /div /li /code el pensamiento es que .avatar sea un float right, el .global-data no tiene nada, el div user-name float right también, al ser un div empuja abajo el span que son los otros 2, que al ser 2 span seguidos los pondría abajo en línea, que símplemente con ponerle a cada span un text-align:right, ya lo tendrías listo. No lo he comprobao, prueba las 2 soluciones, y te prometo que luego tarde,noxe te mando la solución guay ok?? Un saludo. El 5 de septiembre de 2012 18:00, Reynier Perez Mira reynie...@gmail.comescribió: On 09/05/2012 11:25 AM, Nesta Guerrero wrote: si quieres luego te paso una estructura en la que no utilicemos positions absolute y esté todo más estable, aunque aquí ya puede llamarse como el hijo de los príncipes que todo está en su sitio para siempre Ya me dices si te ha solucionado el problema y vamos viendo si te mando un nuevo esquema o algo. Ok, probare lo q me envias pero prefiero esperar a q me puedas enviar una sugerencia de estructura HTML sino es mucho pedir, así limpio el código y tengo algo que quizás pueda perdurar en el tiempo Saludos -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier.pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ 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] Cambiar estilos del elemento seleccionado con clase current
Una idea que se me ocurre es que apliques el estilo sobre el anchor
contenido por el elemento current de la lista. De este modo el estilo
excluirá a los subitems. De todas maneras sin conocer exactamente que
estilos aplicas tampoco acabo de hacerme una idea de qué es lo que quieres
conseguir. En el ejemplo que has dado aplicarías los estilos sobre a
href=cmvblogBlog/a. Usando algo del tipo li.current a { /* los
estilos */ }
___
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] Cambiar estilos del elemento seleccionado con clase current
Yo estoy con CHK, tampoco entiendo hasta donde quieres llegar.
Dandole estilo al li padre también se lo das a los hijos. Es decir.
Si tu al li le pones fondo azul, el ul, los li y los a tendrán fondo
azul a no ser que tu le especifiques lo contrario en alguno de ellos.
Un saludo
--
Manuel Canga
Desarrollo creativo de
CMS y frameworks
Email: *i...@latrasweb.net*
Web: http://www.latrasweb.net
Twitter: http://twitter.com/latrasweb_net
El 6 de septiembre de 2012 00:22, CHK Webmaster admin...@gmail.comescribió:
Una idea que se me ocurre es que apliques el estilo sobre el anchor
contenido por el elemento current de la lista. De este modo el estilo
excluirá a los subitems. De todas maneras sin conocer exactamente que
estilos aplicas tampoco acabo de hacerme una idea de qué es lo que quieres
conseguir. En el ejemplo que has dado aplicarías los estilos sobre a
href=cmvblogBlog/a. Usando algo del tipo li.current a { /* los
estilos */ }
___
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
