This email is to be read subject to the disclaimer below.
Just realised there's at least one mistake in my email - feel free to let
me know if there are more ;-)
With the HTML I have provided #navigation ul{} is not useful as
#navigation{} refers to the ul element anyway.
Cheers,
Mark Lynch
Development Manager - Business Innovation Online
Ernst & Young - Australia
http://www.eyware.com/
http://www.eyonline.com/
Direct: +612 9248 4038
Fax: +612 9248 4073
Mobile: +61 421 050 695
[EMAIL PROTECTED]
y.com To: <[EMAIL PROTECTED]>
cc:
04/12/2003 Subject: Re: [WSG] Browser Test [Virus
checkedAU]
02:00 PM
Please respond
to wsg
This email is to be read subject to the disclaimer below.
Hi Chris,
There a couple of things I'll take the time to point out -
In your ul.nav add padding: 0; because IE and Mozilla differ in using
margin and padding to indent lists - this will fix mozilla to display in
the correct left position.
I would also replace the width:100% in the a.nav and a.there elements
with a display:block - this will cause mozilla to display it correctly
as at the moment it is an inline element and hence won't fill the block
- The standards specifies that inline elements can't have a width and
hence IE should ignore the width but doesn't.
If you leave the width: 100% in then mozilla will not display as you
expect because the padding is added to the width - as per the spec (but
not really the most useful)
That should get you started.
BTW a large comment on how to structure this - you shouldn't need to use so
many classes and should use advanced selectors instead - here is quick
example of how I would lay out a list -
<ul id="navigation">
<li><a href="#">Link</a></li>
<li><a href="#" class="current">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
and refer to it using contextual selectors like this:
#navigation{}
#navigation ul{}
#navigation li{}
#navigation a:link,
#navigation a:visited{}/*This is for the normal links*/
#navigation a:hover,
#navigation a:focus{}/*This is for the normal links hover and focus*/
#navigation a.current:link,
#navigation a.current:visited{} /*This is for the currently selected
links*/
#navigation a.current:hover,
#navigation a.current:focus{} /*This is for the currently selected links
hover and focus*/
This should allow you to reference all the elements in the same way you
currently do but with much simple HTML.
Russ has a great tutorial on both styling lists
http://css.maxdesign.com.au/listutorial/ and contextual selectors
http://css.maxdesign.com.au/selectutorial/ .
Mark Lynch
Development Manager - Business Innovation Online
Ernst & Young - Australia
http://www.eyware.com/
http://www.eyonline.com/
Direct: +612 9248 4038
Fax: +612 9248 4073
Mobile: +61 421 050 695
"Chris
Stratford" To:
<[EMAIL PROTECTED]>
<[EMAIL PROTECTED] cc:
il.com> Subject: [WSG] Browser Test
[Virus checkedAU]
04/12/2003
01:16 PM
Please respond
to wsg
Hey People,
I have had some issues with my websiteâ
Ok, I thought that if I used CSS then it would be more compatible in other
browsersâ
Check this out:
www.neester.com/index2.php
it looks terrible in Mozilla â perfect in IE, I havenât tested any others,
and I canât use BrowserCam anymore because I have used all my email
addresses already.
Can someone please tell me why this isnât working the way I hopedâ
I thought CSS was meant to help cross browser display by making CSS a
standard thingâ
But it seems that either IE or Mozilla are not following standardsâ
probably IE â it took me about 4 hours of reading up on CSS and I finally
got that website working fineâ
I love the look (I know its bland at the moment, but the contents will
brighten it up a little â I like the steel look)
If anyone has any tips, please shoot me with them, I need some right now.
Thanks!
Cheers!
------------------------
â Chris Stratford
â [EMAIL PROTECTED]
â www.neester.com
------------------------
--------------------
NOTICE - This communication contains information which is confidential and
the copyright of Ernst & Young or a third party.
If you are not the intended recipient of this communication please delete
and destroy all copies and telephone Ernst & Young on 1800 655 717
immediately. If you are the intended recipient of this communication you
should not copy, disclose or distribute this communication without the
authority of Ernst & Young.
Any views expressed in this Communication are those of the individual
sender, except where the sender specifically states them to be the views of
Ernst & Young.
Except as required at law, Ernst & Young does not represent, warrant and/or
guarantee that the integrity of this communication has been maintained nor
that the communication is free of errors, virus, interception or
interference.
Liability limited by the Accountants Scheme, approved under the
Professional Standards Act 1994 (NSW)
--------------------
--------------------
NOTICE - This communication contains information which is confidential and
the copyright of Ernst & Young or a third party.
If you are not the intended recipient of this communication please delete
and destroy all copies and telephone Ernst & Young on 1800 655 717
immediately. If you are the intended recipient of this communication you
should not copy, disclose or distribute this communication without the
authority of Ernst & Young.
Any views expressed in this Communication are those of the individual
sender, except where the sender specifically states them to be the views of
Ernst & Young.
Except as required at law, Ernst & Young does not represent, warrant and/or
guarantee that the integrity of this communication has been maintained nor
that the communication is free of errors, virus, interception or
interference.
Liability limited by the Accountants Scheme, approved under the
Professional Standards Act 1994 (NSW)
--------------------
NŠÇ.²ÈžX¬µú+†Ûiÿü nËZÖvÈ+¢êh®
