Re: [css-d] Trouble with list/link in IE
I´d like to thank all of you for trying to help me. What seems to bee
the "ultimate" soloution (at least for me) is height: 1% on the
a-element.
Thanks!
On 7/12/05, Gary Turner <[EMAIL PROTECTED]> wrote:
> Ric & Jude Raftis wrote:
> > You will possibly find that this hack fixes the problem for IE. Place in
> > CSS file above the Navbar id.
> >
> > /* Fix IE. Hide from IE Mac \*/
> > * html #navbar ul li { float: left; }
> > * html #navbar ul li a { height: 1%; }
> > /* End */
> >
> >
> It is not necessary to float the lis, making a {height: 1%;} is enough.
>
> cheers,
>
> gary
> --
> Anyone can build a usable web site. It takes a graphics designer to
> make it slow, confusing, and painful to use.
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
--
Sverre M. Bjørseth
[EMAIL PROTECTED]
+47 41815459
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Trouble with list/link in IE
Ric & Jude Raftis wrote:
You will possibly find that this hack fixes the problem for IE. Place in
CSS file above the Navbar id.
/* Fix IE. Hide from IE Mac \*/
* html #navbar ul li { float: left; }
* html #navbar ul li a { height: 1%; }
/* End */
It is not necessary to float the lis, making a {height: 1%;} is enough.
cheers,
gary
--
Anyone can build a usable web site. It takes a graphics designer to
make it slow, confusing, and painful to use.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Trouble with list/link in IE
You will possibly find that this hack fixes the problem for IE. Place in
CSS file above the Navbar id.
/* Fix IE. Hide from IE Mac \*/
* html #navbar ul li { float: left; }
* html #navbar ul li a { height: 1%; }
/* End */
Regards,
Ric
> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> discuss.org] On Behalf Of Sverre Bjørseth
> Sent: Tuesday, 12 July 2005 6:03 AM
> To: Paolo Candelari
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Trouble with list/link in IE
>
> Thanks a lot Paolo. IE doesn´t stop surprising me...
> But, it is still not possible to place the cursor to the right of the
> link text and achive the :hover-effect (This works in Fx and Opera,
> but not in IE). Anyone knows how to do this without specifying the
> width of the a-element? If I set the width of the a-element to 100%,
> the width of the ul-element increases in IE, and the width of the
> li-element increases in Fx and Opera. If I specify the width in px,
> everything works great, but then it ruins my zoom/elastic layout...:(
> I could set the width to 7.3em, but then it´s not very accurate to
> specify widths in em.
>
> On 7/11/05, Paolo Candelari <[EMAIL PROTECTED]> wrote:
> >
> > - Original Message -
> > From: "Sverre Bj+APg-rseth" [EMAIL PROTECTED]
> >
> > ...
> > I+ALQ-ve made a menu on my site using lists, and styling it using CSS.
> It
> > works perfectly in Fx and Opera, but in IE the list-items seems to be
> > double the height of whats intended.
> > ...
> >
> > IE it's strange (?).
> > Rewrite your code without space between ul elements and li elements like
> > this:
> >
> > item 1 > title="...">item 2item
> 3
> >
> > and magically spaces disapear!
> >
> > Regards
> >
> > Paolo
> >
> >
> **
>
> > Questa e-mail, ed i suoi eventuali allegati, contengono informazioni
> confidenziali e riservate.
> > Se avete ricevuto questa comunicazione per errore non utilizzatene il
> contenuto e non portatelo a conoscenza di alcuno.
> > Siete inoltre pregati di eliminarla dalla vostra casella e avvisare il
> mittente.
> > E' da rilevare inoltre che l'attuale infrastruttura tecnologica non
> pu+API- garantire l'autenticit+AOA- del mittente, n+AOg- tantomeno
> l'integrit+AOA- dei contenuti.
> >
> > Opinioni, conclusioni ed altre informazioni contenute nel messaggio
> possono rappresentare punti di vista personali a meno di diversa esplicita
> indicazione autorizzata.
> >
> >
> **
>
> >
>
>
> --
> Sverre M. Bjørseth
> [EMAIL PROTECTED]
> +47 41815459
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Trouble with list/link in IE
Thanks a lot Paolo. IE doesn´t stop surprising me... But, it is still not possible to place the cursor to the right of the link text and achive the :hover-effect (This works in Fx and Opera, but not in IE). Anyone knows how to do this without specifying the width of the a-element? If I set the width of the a-element to 100%, the width of the ul-element increases in IE, and the width of the li-element increases in Fx and Opera. If I specify the width in px, everything works great, but then it ruins my zoom/elastic layout...:( I could set the width to 7.3em, but then it´s not very accurate to specify widths in em. On 7/11/05, Paolo Candelari <[EMAIL PROTECTED]> wrote: > > - Original Message - > From: "Sverre Bj+APg-rseth" [EMAIL PROTECTED] > > ... > I+ALQ-ve made a menu on my site using lists, and styling it using CSS. It > works perfectly in Fx and Opera, but in IE the list-items seems to be > double the height of whats intended. > ... > > IE it's strange (?). > Rewrite your code without space between ul elements and li elements like > this: > > item 1 title="...">item 2item 3 > > and magically spaces disapear! > > Regards > > Paolo > > ** > Questa e-mail, ed i suoi eventuali allegati, contengono informazioni > confidenziali e riservate. > Se avete ricevuto questa comunicazione per errore non utilizzatene il > contenuto e non portatelo a conoscenza di alcuno. > Siete inoltre pregati di eliminarla dalla vostra casella e avvisare il > mittente. > E' da rilevare inoltre che l'attuale infrastruttura tecnologica non pu+API- > garantire l'autenticit+AOA- del mittente, n+AOg- tantomeno l'integrit+AOA- > dei contenuti. > > Opinioni, conclusioni ed altre informazioni contenute nel messaggio possono > rappresentare punti di vista personali a meno di diversa esplicita > indicazione autorizzata. > > ** > -- Sverre M. Bjørseth [EMAIL PROTECTED] +47 41815459 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Trouble with list/link in IE
- Original Message - From: "Sverre Bjørseth" [EMAIL PROTECTED] ... I´ve made a menu on my site using lists, and styling it using CSS. It works perfectly in Fx and Opera, but in IE the list-items seems to be double the height of whats intended. ... IE it's strange (?). Rewrite your code without space between ul elements and li elements like this: item 1item 2item 3 and magically spaces disapear! Regards Paolo ** Questa e-mail, ed i suoi eventuali allegati, contengono informazioni confidenziali e riservate. Se avete ricevuto questa comunicazione per errore non utilizzatene il contenuto e non portatelo a conoscenza di alcuno. Siete inoltre pregati di eliminarla dalla vostra casella e avvisare il mittente. E' da rilevare inoltre che l'attuale infrastruttura tecnologica non può garantire l'autenticità del mittente, nè tantomeno l'integrità dei contenuti. Opinioni, conclusioni ed altre informazioni contenute nel messaggio possono rappresentare punti di vista personali a meno di diversa esplicita indicazione autorizzata. ** __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
