CSS not working right??

[Jonathan]

Hmm well okay- workin on a new design, it looked good for me.. but
then I tested in MSIE and the links are like generic big ol' blues one-
not what I designed for; I tried a few other things, appears the same
in firefox; I dunno what I'm doing wrong, any suggestions? URL-
http://labs.gamerdesigns.com/wrk/le/

CSS is in same doc, only index is up right now; still workin on the
error page, profile, blog- basically everything LOL but this has me
held down, and I can't figure it out for the life of me- any suggestions?

[Frank Hagan]

I always have trouble with the "inheritance" rules in CSS, so I can't explain this intelligently ... but I think you're having an inheritance problem.

Try adding an a.link statement to your td.nav declaration and remove the "style=lnav.link" from the tag and see if that works.

[retro]

Missing Semi-colon

You have a missing semi-colon after each appearance of "color: #FFF5F5"

[Jonathan]

You have a missing semi-colon after each appearance of "color: #FFF5F5"

Thanks retro- I didn't look closely enough, since I saw most of them
had semi-colons (usually make just one & copy it and change as needed)

[retro]

Hey, no prob. It happens to the best of us.

[Fran]

Safari

Hi Jonathan,

Just a note - In Safari the links remain large blue text and when selected, they change to white with over and underlining - in a much smaller font. This makes the menu jump (shrinks when mouse over - expands on mouse out) and bugs me personally as the position of the text changes and disorients the eye. Inheritance may be the issue, but I don't see the problem - sorry.

Additionally, passing from left to right, the links flicker. Not sure why on this issue.

Check your sizing to ensure the size remains the same. If you do want this effect, please ignore this note.

Regards,

- Fran

[Jonathan]

hey Fran- I'll be sure to repost the changed vers in abit, right now I took it
down and the vers you probably saw was the older (didn't update it). In MSIE & FireFox,
it appears fine now (no jumping sizes, blue links, etc) Hopefully it'll be same in Safari

[retro]

CSS is so finicky in all the different browsers/platforms... you might want to use one of these resources if you don't have access to a variety of platforms or browsers but still want it to look correct in all of them:

http://www.danvine.com/icapture/ (free but last time I checked it wasn't working right..)

http://www.browsercam.com/

http://netmechanic.com/browser-index.htm

I'm sure there are others but those are the only ones I remember. Also might want to head over to http://browsers.evolt.org/ and grab some old versions of the more popular browsers.

[Jonathan]

iCapture is very busy I guess Wish the others were free.
Thanks for the link to eVolt- I got a few older vers of MSIE standalone
but may get a older Netscape vers

[sdjl]

Just a note about CSS for you too.
Say you have something looking great in Firefox but for some reason it looks wrong in IE, you can have two classes with the same name, but different syntax to work with the different browsers.
For instance:

div[id="loggedin"] {
	text-align: right;
	position: absolute;
	top: 220px;
	left: 42px;
}
* html #loggedin {
	text-align: right;
	padding-right: 10px;
	position: absolute;
	top: 235px;
	left: 35px;
}

Those two classes are essentially the same, loggedin, but to the top one only applies to Mozilla based products (last time for me this worked in Firefox and Netscape although not Opera) and the bottom one only IE
Quite funky if you're having orientation issues and such.

David

p.s. I know this probably has no relation to your issue, but i thought i would chuck it in for reference and future learning anyway