http://www.webmasterworld.com Welcome to WebmasterWorld Guest from 38.103.63.17
register, login, search, glossary, subscribe, help, library, PubCon, announcements , recent posts, unanswered posts		Subscribe and Support WebmasterWorld
Home / Forums Index / Browser Side World / CSS
Forum Library : Charter : Moderators: DrDoc & Robin reala & SuzyUK

CSS

  
Get rid style from container
Dont have a best solution on it
qzplx


#:3613398 		 2:58 pm on Mar. 28, 2008 (utc 0)

Hi,

I having problem about my css style its override the color at my sidebar item,
im using this:


a:link {
color: #F4FFDD;
text-decoration: none;
}
a:visited {
color: #2f63b3;
text-decoration: none;
}
a:hover {
color: #C6F171;
text-decoration: none;
}
a:active {
color: #2f63b3;
text-decoration: none;
}

now this style has been override my css styles at my sidebar because I'm use image as links at the sidebar.
you can view the site here:<>

How to get rid of it ?

Just wondering I create this style to the link style like this:

.Affiliate a:link,
.Affiliate a:visited,
.Affiliate a:hover,
.Affiliate a:active {
color: #719EF1;
}

with this im trying to replace the color: with the background color....But its seems IE not friendly enough about it...

Is there any solution to get rid the color: things ?

Thanks..

[edited by: SuzyUK at 7:52 pm (utc) on Mar. 28, 2008]
[edit reason] no personal URI's please, see charter [/edit]

D_Blackwell


#:3613638 		 7:00 pm on Mar. 28, 2008 (utc 0)

No personal links allowed dude. Somebody will be along presently to wave around the TOS. But welcome to WebmasterWorld anyway:))

Link color choices - seriously:))

Anyway, I hacked them up so I could actually see what was up. Link code looks fine, works fine. But - you mentioned images and links as being involved., so I added a declaration to remove the border from images that are linked. I may not have enough info to really answer your question, but betting that I'm on the right track.

You proposed solution is probably also on the right track. Class or ID all of your <a>, and you avoid universal declarations tripping problems in different parts of the page or of the site. Unless every link is expected to behave in exactly the same way on every page, use classes for everything that you can.

.affiliate a
or
a.affiliate
depending.

(Also, you don't need text-decoration: none; all over the place. Once is enough.)


<head>
<style type="text/css" media="all">
a:link {
color: red;
text-decoration: none;
}
a:visited {
color: green;
}
a:hover {
color: blue;
}
a:active {
color: black;
}
a img {
border: none;
}
</style>
</head>

D_Blackwell


#:3613645 		 7:07 pm on Mar. 28, 2008 (utc 0)

Oops.

Once is enough if you pay attention to what you are doing and put it in the right place:))

a {
text-decoration: none;
}

qzplx


#:3617816 		 6:25 am on April 3, 2008 (utc 0)

Sorry for late reply and the links.

I fix the code but why i still see the blue box in IE, in FF seems fine.

 

Home / Forums Index / Browser Side World / CSS
All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
WebmasterWorld ® and PubCon ® are a Registered Trademarks of WebmasterWorld Inc.
© WebmasterWorld Inc. / SearchEngineWorld 1996-2008 all rights reserved