Hola Jesús
Algunas observaciones:
1) Los elementos li deben ser contenidos en los elementos ul o ol
<ul>
<li>Uno</li>
<li>Dos</li>
...
</ul>
2) Cambiando el estilo del ul que los contiene podrás lograr el
efecto que comentas.
3) Los elementos tienen dos atributos que son (deberían ser)
utilizados intensivamente en html y css: class e id.
*class* es usado para dar un contenido semántico adicional a
un elemento ya existente y puede ser utilizado muchas
veces.
ej.
<p class="alerta">No debes cambiar nada</p>
tendrá una semántica diferente de
<p class="lamento">No debes cambiar nada</p>
(verdad que significan diferentes cosas?)
Esa característica estructural (referida sólo a los elementos
html) también puede ser utilizada en la presentación (el css)
p.alerta {color: red;}
p.lamento {background: blue;}
*id* por otra parte es utilizado como un identificador único
de un elemento (y de sólo un elemento).
ej. <ul id="no_es_menu">
<li>Uno</li>
...
</ul>
También puede ser diferenciado en la presentación.
#no_es_menu { border: 10%; color: green; }
y los elementos contenidos de la misma forma
#no_es_menu li { font-size: 1.2em; }
4) Para establecer qué imágenes no quieres que tengan borde,
sugiero dos alternativas:
a) Definir con el css que "las imágenes dentro las anclas no
tengan borde" que en cristiano sería:
a img { border: 0; }
b) Utilizar class para esas imágenes en el html y definir el
borde para esos elementos:
En el html: <img class="no-border" ... >
En el css: img.no-border { border: 0; }
Por si acaso, el nombre de la clase es arbitrario. También
funcionaría:
En el html: <img class="sin-borde" ... >
En el css: img.sin-borde { border: 0; }
-----
De acuerdo a lo expuesto, sugiero que marques tu código html para
esos elusivos <li> dentro de algún <ul> con id y que luego
definas el css exclusivamente para ese <ul> y sus <li>, como está
explicado en el segundo ejemplo de la observación 3. También que
utilices la opción b) de la observación 4.
Saludos y éxito.
Jesus Torralba escribió:
> Hola, tengo un problema con unas listas en esta web.
> Quiero que tengan las mismas propiedades que el párrafo "<p>" pero no
> logro que sigan este modelo. He creado un estilo para las "<li>" pero
> al hacerlo me cambia también el del "Menú" y eso no quiero, supongo
> que hay que hacer un estilo para las listas con "<p>" pero no se como
> se hace.
>
> También quiero que una serie de imágenes no tenga borde al ser un
> enlace ¿como puedo quitarlo con CSS? solo lo consigo con "Border:0"
>
>
>
> Gracias.
>
> -----------------------------------------------------------
> El sitio: www.canroig.es/menu.html
> El CSS: http://www.canroig.es/estilos.css
> -----------------------------------------------------------
>
> _______________________________________________
> 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
--
Alejandro Salamanca
Gerente General
DEVENET SRL
[email protected]
Cel. 591-2-70618872
DeveNet Srl - Software para Internet
Telf. 591-2-2117985
[email protected]
Av. 20 de Octubre #2473 Edif. Topáter Piso 2, Of. 204
La Paz - Bolivia
www.devenet.net
www.lexivox.org
www.lexivox.com
_______________________________________________
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
