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">
> > > <li><a href="#">bla</a></li>
> > > <li><a href="#">bla</a></li>
> > > <li><a 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
> >
>
>
> --
> 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
