Problema en un <li></li> amb IE
Lali
per a mi):
El problema: Tinc un menu, que és una llista (normal i corrent), el
problema és que amb IE (versions inferiors a 7), entre <li></li> i
<li></li>, se'm genera un "margin" (per dir-ho d'alguna manera).
No entenc perquè, de totes maneres al ie_hacks.css intento corregir-
lo, i res de res.
Si afegeixo un border al li, se'm corregeix l'espai (???), però
llavors se'm passa per la pedra el padding-left que té el container.
Tot plegat: SURREALISTA
o jo m'estic deixant alguna cosa important (que bé podria ser, degut a
les meves capacitats limitades per a la maquetació), o bé... no ho se.
El codi HTML és:
<ul class="menu">
<li><a href="index.html" accesskey="I">Inici</a></li>
<li><a href="#1" accesskey="P">FCBQ</a></li>
<li><a href="#2" accesskey="T">Territorials</a></li>
<li><a href="#3" accesskey="N">Normatives</a></li>
</ul>
Al que se li assigna:
#sidebar .menu {background: #f88836; font-size: 1.1em; font-weight:
bold; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px;}
#sidebar .menu li {margin: 0px 0px 5px 0px;}
#sidebar .menu a {color: #FFFFFF; display: block; padding: 3px 3px 3px
15px;}
#sidebar .menu a:hover {background: #f77213;}
#sidebar .menu a.on {background: #f77213 url(../img/over-menu2.gif) no-
repeat;}
i al ie_hacks:
#sidebar .menu li, #sidebar .menu a {margin: 0px 0px 0px 0px !
important;}
Moltes gràcies!
Bernat Lleonart
El 20/11/07, Lali <lali.m...@gmail.com> ha escrit:
S'hauria de solucionar canviant la propietat "display" dels "li":
> #sidebar .menu li {margin: 0px 0px 5px 0px;display: inline;}
Lali
La veritat és que aquesta és una de les primeres coses que he provat,
però res.
Ara ho he solucionat (refent el codi), i estic intentant analitzar xq
ara surt bé!
On 20 Nov, 12:35, "Bernat Lleonart" <bernat.lleon...@gmail.com> wrote:
> Hola,
>
> El 20/11/07, Lali <lali.masri...@gmail.com> ha escrit:
Bernat Lleonart
Hola,
>
> La veritat és que aquesta és una de les primeres coses que he provat,
> però res.
> Ara ho he solucionat (refent el codi), i estic intentant analitzar xq
> ara surt bé!
>
Aprofitant l'avinentesa, aquí tens diferents exemples de llistes:
Salut!
Arnau Siches
Lali wrote:
> El problema: Tinc un menu, que és una llista (normal i corrent), el
> problema és que amb IE (versions inferiors a 7), entre <li></li> i
> <li></li>, se'm genera un "margin" (per dir-ho d'alguna manera).
> No entenc perquè, de totes maneres al ie_hacks.css intento corregir-
> lo, i res de res.
El problema ve de la regla:
> #sidebar .menu a {color: #FFFFFF; display: block; padding: 3px 3px 3px
> 15px;}
Quan assignes un display: block a un enllaç dins d'un LI, a IE6 se li
indigesta i fa aquests marges extra.
Solució: afegeix-li a l'IE algun detonant tipus "height: 1%" o "zoom: 1"
, en definitiva, quelcom tipus Holly Hack.
--
arnau siches
css.artnau.com
Javi Rodríguez
Oscar Sanchez Casamitjana
> Aquest correu, el Gmail me l'ha posat a correu brossa; en canvi, tots els
> altres, els he rebut a la safata d'entrada. Suggerències?
si, canviar de servei de correu.
oscar.
PD. a mí m'ha passat exactament el mateix.
Lali
Finalment ho vaig solucionar, i veig que és la resposta que dóna
l'Arnau, donant un height.
Moltes gràcies un altre cop,
Lali
On 20 Nov, 18:04, "Oscar Sanchez Casamitjana" <osc.li...@gmail.com>
wrote: