[Ovillo] li invertido
Hola! jovenes.. espero que esten bien! Saben... tengo un gran inconveniente, con un menu rebelde, hay algo que estoy haciendo evidentemente mal, y no sé que és. tengo este link si quieren mirarlo. http://www.rabced.com.ar/proyectos/ejemplo/presentacion2.html #menuhorizontal { list-style-type:none; font:bold 9px helvetica, arial, sans-serif; color:#fff; position:absolute; left:0px; top:88px; height:27px; z-index:5; } #menuhorizontal ul { background-color:#4D4D4D; width:739px; _width:776px; margin:0px; text-transform:uppercase; border-bottom:6px solid #AF1C2E; float:left; /* lo modifico por right*/ } #menuhorizontal li { display:inline; float:left; } #menuhorizontal a { Font-family:helvetica, Arial, sans-serif; text-decoration:none; color:#fff; padding:8px 1px 8px 1px; border-left:solid #FFF 1px; float:left; /*no tocar se rompe*/ /* width:100%;*/ } #menuhorizontal a:hover { Font-family:helvetica, Arial, sans-serif; background-color:#CCC; color:#000; } estan todos los links al revés, pero cuando intento ponerlos al derecho.. esto es lo que pasa.. http://www.rabced.com.ar/proyectos/ejemplo/presentacion.html que estoy haciendo mal? de ante mano, muchas gracias... ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] li invertido
Saludos! Primero, tratemos de afectar unicamente el menu, como siempre digo, ser PARTICULAR y EXPLÍCITO, nunca sabemos como un navegador realmente interpreta en todos los casos. He aqui el código que uso para crear mis menus: CSS. .ul-navlinks { margin: 0px; padding: 0px; padding-top: 10px; padding-bottom: 10px; } .ul-navlinks li { list-style-type:none; display:inline; text-align: left; } .ul-navlinks a, .ul-navlinks a:link, .ul-navlinks a:visited { background-color: rgb(50, 50, 50); padding: 5px; } .ul-navlinks a:hover, .ul-navlinks a:active { background-color: rgb(20, 20, 20); padding: 5px; } HTML ul class=ul-navlinks lia href=#bla/a/li lia href=#bla/a/li lia href=#bla/a/li /ul Al aplicar un estilo directamente a la lista del menu, se es específico, al menos desde mi punto de vista. Los paddings asignados en el listado, permiten lograr una apariencia de espaciado. los elementos li no tienen float (al igual que la lista), pero si conserva el display:inline. El float no es ni recomendable, hay que removerlo. El elemento a y sus estados los agrupé para resumir el código y tener completo control. Puede probar con eliminar el código original y reemplazarlo con este, si funciona (como debe) e ir reemplazando poco a poco hasta obtener el resultado deseado. Una de las razones principales por la cual el menu puede fallar es la constante aparicion del elemento float, cuando no debe estar. Precisamente, cuando el valor de float cambia, el error asoma la cabeza. Espero sirva de algo. El 12/04/07, Rodrigo Bravo [EMAIL PROTECTED] escribió: Hola! jovenes.. espero que esten bien! Saben... tengo un gran inconveniente, con un menu rebelde, hay algo que estoy haciendo evidentemente mal, y no sé que és. tengo este link si quieren mirarlo. http://www.rabced.com.ar/proyectos/ejemplo/presentacion2.html #menuhorizontal { list-style-type:none; font:bold 9px helvetica, arial, sans-serif; color:#fff; position:absolute; left:0px; top:88px; height:27px; z-index:5; } #menuhorizontal ul { background-color:#4D4D4D; width:739px; _width:776px; margin:0px; text-transform:uppercase; border-bottom:6px solid #AF1C2E; float:left; /* lo modifico por right*/ } #menuhorizontal li { display:inline; float:left; } #menuhorizontal a { Font-family:helvetica, Arial, sans-serif; text-decoration:none; color:#fff; padding:8px 1px 8px 1px; border-left:solid #FFF 1px; float:left; /*no tocar se rompe*/ /* width:100%;*/ } #menuhorizontal a:hover { Font-family:helvetica, Arial, sans-serif; background-color:#CCC; color:#000; } estan todos los links al revés, pero cuando intento ponerlos al derecho.. esto es lo que pasa.. http://www.rabced.com.ar/proyectos/ejemplo/presentacion.html que estoy haciendo mal? de ante mano, muchas gracias... ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- xNoleet ][ freelance graphic designer artist ] http://www.dojohabit.com ][ Dôjo ] http://www.luser-co.com ][ Lüser - Tees de diseño x Fuck Fashion! ] http://vm.dojohabit.com ][ personal portfolio ] http://h3x.dojohabit.com ][ experimental project ] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] li invertido
El día 15/04/07, xNoleet [EMAIL PROTECTED] escribió: Saludos! Primero, tratemos de afectar unicamente el menu, como siempre digo, ser PARTICULAR y EXPLÍCITO, nunca sabemos como un navegador realmente interpreta en todos los casos. He aqui el código que uso para crear mis menus: CSS. .ul-navlinks { margin: 0px; padding: 0px; padding-top: 10px; padding-bottom: 10px; } .ul-navlinks li { list-style-type:none; display:inline; text-align: left; hola xNoleet, es necesario este text-align? el ancho no lo da el texto que ingresa? que posibilidad hay de alinearlo? saludos, } .ul-navlinks a, .ul-navlinks a:link, .ul-navlinks a:visited { background-color: rgb(50, 50, 50); padding: 5px; } .ul-navlinks a:hover, .ul-navlinks a:active { background-color: rgb(20, 20, 20); padding: 5px; } HTML ul class=ul-navlinks lia href=#bla/a/li lia href=#bla/a/li lia href=#bla/a/li /ul Al aplicar un estilo directamente a la lista del menu, se es específico, al menos desde mi punto de vista. Los paddings asignados en el listado, permiten lograr una apariencia de espaciado. los elementos li no tienen float (al igual que la lista), pero si conserva el display:inline. El float no es ni recomendable, hay que removerlo. El elemento a y sus estados los agrupé para resumir el código y tener completo control. Puede probar con eliminar el código original y reemplazarlo con este, si funciona (como debe) e ir reemplazando poco a poco hasta obtener el resultado deseado. Una de las razones principales por la cual el menu puede fallar es la constante aparicion del elemento float, cuando no debe estar. Precisamente, cuando el valor de float cambia, el error asoma la cabeza. Espero sirva de algo. El 12/04/07, Rodrigo Bravo [EMAIL PROTECTED] escribió: Hola! jovenes.. espero que esten bien! Saben... tengo un gran inconveniente, con un menu rebelde, hay algo que estoy haciendo evidentemente mal, y no sé que és. tengo este link si quieren mirarlo. http://www.rabced.com.ar/proyectos/ejemplo/presentacion2.html #menuhorizontal { list-style-type:none; font:bold 9px helvetica, arial, sans-serif; color:#fff; position:absolute; left:0px; top:88px; height:27px; z-index:5; } #menuhorizontal ul { background-color:#4D4D4D; width:739px; _width:776px; margin:0px; text-transform:uppercase; border-bottom:6px solid #AF1C2E; float:left; /* lo modifico por right*/ } #menuhorizontal li { display:inline; float:left; } #menuhorizontal a { Font-family:helvetica, Arial, sans-serif; text-decoration:none; color:#fff; padding:8px 1px 8px 1px; border-left:solid #FFF 1px; float:left; /*no tocar se rompe*/ /* width:100%;*/ } #menuhorizontal a:hover { Font-family:helvetica, Arial, sans-serif; background-color:#CCC; color:#000; } estan todos los links al revés, pero cuando intento ponerlos al derecho.. esto es lo que pasa.. http://www.rabced.com.ar/proyectos/ejemplo/presentacion.html que estoy haciendo mal? de ante mano, muchas gracias... ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- xNoleet ][ freelance graphic designer artist ] http://www.dojohabit.com ][ Dôjo ] http://www.luser-co.com ][ Lüser - Tees de diseño x Fuck Fashion! ] http://vm.dojohabit.com ][ personal portfolio ] http://h3x.dojohabit.com ][ experimental project ] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] 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 [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] li invertido
¿Por qué no es recomendable el float? Uno puede usar tantas cosas como le deje hacer el CSS estándar. Es cuestión de analizar el caso, si pones como bloques los elementos li puedes usar el float como te de la gana, ten en cuenta que para elementos al mismo nivel con float:left; se irán poneiendo uno al lado de otro hasta que acaben con el espacio horizontal que tengan, en ese momento empezarán a ponerse debajo, tras el elemento más alto que haya (en caso de no tener todos la misma altura). Por otro lado, el list-style-type:none; lo puedes sustituir por list-style:none; aunque de todas formas en el momento que se le da el float ya lo pierden de forma automática en los navegadores buenos, no haciéndolo en IE. En el ahorro de código también puedes optimizar un poco: div id=menuhorizontal div id=bajo ul lia href=quienessomos.html target=_parentPresentación/a/li lia href=servicios.htmleste acceso/a/li lia href=convenios.htmlCarresnbsp;ciclicas/a/li lia href=aula.htmlPostgrados/a/li lia href=departamento.htmlTulaciones/a/li lia href=suscripcion.htmlenla Empresa/a/li lia href=solicita.htmlI000span class=iminusculai/span/a/li lia href=actualidad.htmlConveios /a/li lia href=actualidad.htmlConveios /a/li lia href=actualidad.htmlConveios /a/li /ul /div /div Eso es demasiado redundante, lo puedes sustituir por algo como: ul id=menuhorizontal lia href=quienessomos.html target=_parentPresentación/a/li lia href=servicios.htmleste acceso/a/li lia href=convenios.htmlCarresnbsp;ciclicas/a/li lia href=aula.htmlPostgrados/a/li lia href=departamento.htmlTulaciones/a/li lia href=suscripcion.htmlenla Empresa/a/li lia href=solicita.htmlI000span class=iminusculai/span/a/li lia href=actualidad.htmlConveios /a/li lia href=actualidad.htmlConveios /a/li lia href=actualidad.htmlConveios /a/li /ul En ese caso podrías partir de una base mas o menos así en el CSS: #horizontal{ display:block; width:700px; height:30px; margin:0 auto; padding:0;} #horizontal li{ display:block; padding:0 2px; float:left; text-align:center; list-style:none;} La cosa es que cuando tu pones un float en el ul lo que haces es desplazar el bloque entero y por eso se te va mas a la izquierda, eso lo tenías que aplicar a las li, pero claro, se te cambia el orden. En el código que has puesto he visto otros errores o cosas no recomendables, así que te aconsejaría revisarlo bien antes de dejarlo definitivo, espero que haya suerte. -- Juan J. Muñoz ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] li invertido
El text-align puede que técnicamente no sea necesario, pero es mejor especificar el navegador a que lado va a ir el texto alineado (en el caso que presentaba Rodrigo, parecia querer alinearlo a la derecha, asi que el text-align puede ser cambiado a right para obtener este resultado). El ancho si lo da el texto a medida que se va ingresando, pero cuando este (texto) es menos que el ancho establecido, la propiedad sirve para mantener una medida fija (la pregunta es: y si lo sobrepasa?, donde esta el overflow?.). Posibilidades de alinearlo en que dirección y con respecto a que?. El 15/04/07, diego burich [EMAIL PROTECTED] escribió: El día 15/04/07, xNoleet [EMAIL PROTECTED] escribió: Saludos! Primero, tratemos de afectar unicamente el menu, como siempre digo, ser PARTICULAR y EXPLÍCITO, nunca sabemos como un navegador realmente interpreta en todos los casos. He aqui el código que uso para crear mis menus: CSS. .ul-navlinks { margin: 0px; padding: 0px; padding-top: 10px; padding-bottom: 10px; } .ul-navlinks li { list-style-type:none; display:inline; text-align: left; hola xNoleet, es necesario este text-align? el ancho no lo da el texto que ingresa? que posibilidad hay de alinearlo? saludos, } .ul-navlinks a, .ul-navlinks a:link, .ul-navlinks a:visited { background-color: rgb(50, 50, 50); padding: 5px; } .ul-navlinks a:hover, .ul-navlinks a:active { background-color: rgb(20, 20, 20); padding: 5px; } HTML ul class=ul-navlinks lia href=#bla/a/li lia href=#bla/a/li lia href=#bla/a/li /ul Al aplicar un estilo directamente a la lista del menu, se es específico, al menos desde mi punto de vista. Los paddings asignados en el listado, permiten lograr una apariencia de espaciado. los elementos li no tienen float (al igual que la lista), pero si conserva el display:inline. El float no es ni recomendable, hay que removerlo. El elemento a y sus estados los agrupé para resumir el código y tener completo control. Puede probar con eliminar el código original y reemplazarlo con este, si funciona (como debe) e ir reemplazando poco a poco hasta obtener el resultado deseado. Una de las razones principales por la cual el menu puede fallar es la constante aparicion del elemento float, cuando no debe estar. Precisamente, cuando el valor de float cambia, el error asoma la cabeza. Espero sirva de algo. El 12/04/07, Rodrigo Bravo [EMAIL PROTECTED] escribió: Hola! jovenes.. espero que esten bien! Saben... tengo un gran inconveniente, con un menu rebelde, hay algo que estoy haciendo evidentemente mal, y no sé que és. tengo este link si quieren mirarlo. http://www.rabced.com.ar/proyectos/ejemplo/presentacion2.html #menuhorizontal { list-style-type:none; font:bold 9px helvetica, arial, sans-serif; color:#fff; position:absolute; left:0px; top:88px; height:27px; z-index:5; } #menuhorizontal ul { background-color:#4D4D4D; width:739px; _width:776px; margin:0px; text-transform:uppercase; border-bottom:6px solid #AF1C2E; float:left; /* lo modifico por right*/ } #menuhorizontal li { display:inline; float:left; } #menuhorizontal a { Font-family:helvetica, Arial, sans-serif; text-decoration:none; color:#fff; padding:8px 1px 8px 1px; border-left:solid #FFF 1px; float:left; /*no tocar se rompe*/ /* width:100%;*/ } #menuhorizontal a:hover { Font-family:helvetica, Arial, sans-serif; background-color:#CCC; color:#000; } estan todos los links al revés, pero cuando intento ponerlos al derecho.. esto es lo que pasa.. http://www.rabced.com.ar/proyectos/ejemplo/presentacion.html que estoy haciendo mal? de ante mano, muchas gracias... ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- xNoleet ][ freelance graphic designer artist ] http://www.dojohabit.com ][ Dôjo ] http://www.luser-co.com ][ Lüser - Tees de diseño x Fuck Fashion! ] http://vm.dojohabit.com ][ personal portfolio ] http://h3x.dojohabit.com ][ experimental project ] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de
Re: [Ovillo] li invertido
El día 15/04/07, xNoleet [EMAIL PROTECTED] escribió: El text-align puede que técnicamente no sea necesario, pero es mejor especificar el navegador a que lado va a ir el texto alineado (en el caso que presentaba Rodrigo, parecia querer alinearlo a la derecha, asi que el text-align puede ser cambiado a right para obtener este resultado). El ancho si lo da el texto a medida que se va ingresando, pero cuando este (texto) es menos que el ancho establecido, la propiedad sirve para mantener una medida fija (la pregunta es: y si lo sobrepasa?, donde esta el overflow?.). Posibilidades de alinearlo en que dirección y con respecto a que?. Bueno , esa es mi pregunta, si el texto es el que da el ancho , entonces no tiene sentido usar esta propiedad. Si lo trabajas como in-line, y no hay ningun ancho establecido que no sea el texto de cada link, entonces no hay medida fija, y mientras tengan lugar los li se iran sumando uno al lado del otro, y si no bajara a la linea siguiente. El 15/04/07, diego burich [EMAIL PROTECTED] escribió: El día 15/04/07, xNoleet [EMAIL PROTECTED] escribió: Saludos! Primero, tratemos de afectar unicamente el menu, como siempre digo, ser PARTICULAR y EXPLÍCITO, nunca sabemos como un navegador realmente interpreta en todos los casos. He aqui el código que uso para crear mis menus: CSS. .ul-navlinks { margin: 0px; padding: 0px; padding-top: 10px; padding-bottom: 10px; } .ul-navlinks li { list-style-type:none; display:inline; text-align: left; hola xNoleet, es necesario este text-align? el ancho no lo da el texto que ingresa? que posibilidad hay de alinearlo? saludos, } .ul-navlinks a, .ul-navlinks a:link, .ul-navlinks a:visited { background-color: rgb(50, 50, 50); padding: 5px; } .ul-navlinks a:hover, .ul-navlinks a:active { background-color: rgb(20, 20, 20); padding: 5px; } HTML ul class=ul-navlinks lia href=#bla/a/li lia href=#bla/a/li lia href=#bla/a/li /ul Al aplicar un estilo directamente a la lista del menu, se es específico, al menos desde mi punto de vista. Los paddings asignados en el listado, permiten lograr una apariencia de espaciado. los elementos li no tienen float (al igual que la lista), pero si conserva el display:inline. El float no es ni recomendable, hay que removerlo. El elemento a y sus estados los agrupé para resumir el código y tener completo control. Puede probar con eliminar el código original y reemplazarlo con este, si funciona (como debe) e ir reemplazando poco a poco hasta obtener el resultado deseado. Una de las razones principales por la cual el menu puede fallar es la constante aparicion del elemento float, cuando no debe estar. Precisamente, cuando el valor de float cambia, el error asoma la cabeza. Espero sirva de algo. El 12/04/07, Rodrigo Bravo [EMAIL PROTECTED] escribió: Hola! jovenes.. espero que esten bien! Saben... tengo un gran inconveniente, con un menu rebelde, hay algo que estoy haciendo evidentemente mal, y no sé que és. tengo este link si quieren mirarlo. http://www.rabced.com.ar/proyectos/ejemplo/presentacion2.html #menuhorizontal { list-style-type:none; font:bold 9px helvetica, arial, sans-serif; color:#fff; position:absolute; left:0px; top:88px; height:27px; z-index:5; } #menuhorizontal ul { background-color:#4D4D4D; width:739px; _width:776px; margin:0px; text-transform:uppercase; border-bottom:6px solid #AF1C2E; float:left; /* lo modifico por right*/ } #menuhorizontal li { display:inline; float:left; } #menuhorizontal a { Font-family:helvetica, Arial, sans-serif; text-decoration:none; color:#fff; padding:8px 1px 8px 1px; border-left:solid #FFF 1px; float:left; /*no tocar se rompe*/ /* width:100%;*/ } #menuhorizontal a:hover { Font-family:helvetica, Arial, sans-serif; background-color:#CCC; color:#000; } estan todos los links al revés, pero cuando intento ponerlos al derecho.. esto es lo que pasa.. http://www.rabced.com.ar/proyectos/ejemplo/presentacion.html que estoy haciendo mal? de ante mano, muchas gracias... ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- xNoleet ][ freelance graphic