/    Sign up×
Community /Pin to ProfileBookmark

IE is ignoring my CSS

Copy linkTweet thisAlerts:
Jun 30.2006

I am am using a div for a menu dropdown with an image. I set the class surrounding the image to ‘Link1’ but it keeps showing the blue link box (changes to purple after visited) around my images with the dropdown. I have set my css to the same color as the images and I no longer see the link box in Firefox but IE is ignoring my css. How can I get the box to disapper in IE?

My CSS:
a.Link1:link { color: #9C9C08; text-decoration: none; }
a.Link1:visited { color: #9C9C08; text-decoration: none; }
a.Link1:hover { color: #9C9C08; text-decoration: none; cursor: pointer; }
a.Link1:active { color: #9C9C08; text-decoration: none;

I’ve tried the suggested ‘line-height’ setting to no avail.

Any help appreciated.

to post a comment
CSS

13 Comments(s) ↴

Copy linkTweet thisAlerts:
@KravvitzJun 30.2006 — We would need to see more of your code.

Please read [url=http://www.dynamicsitesolutions.com/other/forum_posting_guidelines/]Guidelines and Suggestions for Posting on Web Development Forums[/url].
Copy linkTweet thisAlerts:
@CentauriJun 30.2006 — Try setting border:none in CSS of the image itself

Cheers

Graeme
Copy linkTweet thisAlerts:
@bathurst_guyJun 30.2006 — Yes, the border attribute.
Copy linkTweet thisAlerts:
@KravvitzJun 30.2006 — border: 0 none; works better cross-browser than border:none;.
Copy linkTweet thisAlerts:
@StaceyBaauthorJun 30.2006 — Thanks, but it didn't work. The box still shows in IE. Here's the link. Notice difference in browsers.


http://www.sidconcepts.com/BabySightings/test.htm

class="Link1" isn't working in IE.
Copy linkTweet thisAlerts:
@CentauriJun 30.2006 — First thing I can see is a double reference to the folder /BabySightings/ - the code will be looking for things in folder sideconcepts.com/BabySightings/BabySightings/ This may be where the problem is.

Cheers

Graeme
Copy linkTweet thisAlerts:
@WebJoelJun 30.2006 — a.Link1:link { color: #9C9C08; text-decoration: none; }

a.Link1:visited { color: #9C9C08; text-decoration: none; }

a.Link1:hover { color: #9C9C08; text-decoration: none; cursor: pointer; }

a.Link1:active { color: #9C9C08; text-decoration: none;

This just doesn't look right. You have a "CLASS" called "[B]Link1[/B]" and are trying to get a 'psuedoclass' (onHover) to work on an "[B]a[/B]"nchor... looks more as if you're trying to get it work in the CLASS, not the ANCHOR(?)

Try writing it like:

[B].Link1 a:link{foo:x}[/B] and etc. -see if this helps. I tried this and am getting some results... The "a"nchor tag(s) are in inside of the class "Link1". The way it's written, it thinks it's the other way around, -isn't it? Don't you want the pseudoclass attached to the anchor? The way you have it now, it isn't working in Firefox at all. I can't find your external stylesheet to actually try this out. I'm probably incorrect but this has gotten me very interested. ?
Copy linkTweet thisAlerts:
@CentauriJul 01.2006 — Echo WebJoel's post above. And if you add:

.Link1 img {border: 0}

then you will get rid of the coloured border.

Cheers

Graeme
Copy linkTweet thisAlerts:
@ray326Jul 01.2006 — [B]a.Link1[/B] addresses <a class="Link1">xxx</a>

[B].Link1 a[/B] addresses <??? class="Link1"><a>xxx</a></???>

They are fundamentally different selectors.
Copy linkTweet thisAlerts:
@KravvitzJul 01.2006 — StaceyBa, please fix your [url=http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sidconcepts.com%2FBabySightings%2Ftest.htm&charset=iso-8859-1&doctype=Inline&verbose=1]HTML[/url] and [url=http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fwww.sidconcepts.com%2FBabySightings%2Ftest.htm]CSS[/url] errors.

You should learn to write semantically correct code.

[url=http://www.boagworld.com/archives/2005/11/semantic_code_what_why_how.html]Semantic code: What? Why? How?[/url]

[url=http://www.maxdesign.com.au/presentation/sit2003/05.htm]Semantic code[/url]

[url=http://www.webaim.org/techniques/structure/]Creating Semantic Structure[/url]

[url=http://www.brainstormsandraves.com/articles/semantics/structure/]Semantics, HTML, XHTML, and Structure[/url]

[url=http://www.kottke.org/03/08/standards-semantically-correct]Standards don't necessarily have anything to do with being semantically correct[/url]

[url=http://www.andybudd.com/archives/2004/05/semantic_coding/]Semantic Coding[/url]

First thing I can see is a double reference to the folder /BabySightings/ - the code will be looking for things in folder sideconcepts.com/BabySightings/BabySightings/ This may be where the problem is.[/QUOTE]
I don't see any double references. Here's why: In a file path or URL "./ means the current directory, ../" means the current directory's parent directory, and a relative path or URL starting with just a slash ("/") refers to web root (or the root file system directory for non-URL paths). You can do something like "../../example.ext" and "../../../example.ext".
Copy linkTweet thisAlerts:
@WebJoelJul 01.2006 — [B]a.Link1[/B] addresses <a class="Link1">xxx</a>

[B].Link1 a[/B] addresses <??? class="Link1"><a>xxx</a></???>

They are fundamentally different selectors.[/QUOTE]

-I'm going to be studying this one for awhile... ?
Copy linkTweet thisAlerts:
@StaceyBaauthorJul 01.2006 — Thanks everyone! Centauri your suggestion worked. ? Thanks alot. It looks like I have alot of clean up to do.
Copy linkTweet thisAlerts:
@ray326Jul 02.2006 — -I'm going to be studying this one for awhile...[/QUOTE]This is an interesting little utility that reminds me a lot of the ones I used to have that would describe C declarations for you in plain text.

http://penguin.theopalgroup.com/cgi-bin/css3explainer/selectoracle.py
×

Success!

Help @StaceyBa spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...