homepage Welcome to WebmasterWorld Guest from 54.242.140.11
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Css
Can all browsers cope and SE?
GWJ



 
Msg#: 5 posted 2:22 pm on Dec 31, 2000 (gmt 0)

Hi,

I want to use CSS to set my hyperlink colors for navigation on the left side of a page while still maintaining the standard hyperlink colors elsewhere on the page.

1) Can all browsers view this?

2) Can SEs/spiders follow/see the hyperlink then?

TIA,

Brian

 

gmiller

10+ Year Member



 
Msg#: 5 posted 6:18 pm on Dec 31, 2000 (gmt 0)

I noticed a few months back that my statistics showed that less than 1% of my visitors who used graphical browsers couldn't support CSS.

If you stick to NN4-compatible CSS, you should be OK.

sean orourke

10+ Year Member



 
Msg#: 5 posted 11:34 pm on Dec 31, 2000 (gmt 0)

> 1) Can all browsers view this?

Strictly speaking, "all" browser can do ~very~ little. However, most modern browsers recognize at least some CSS.

Here is one good starting place:

[dmoz.org...]

Also helpful are the WebReview.com compatibility charts:

CSS - [webreview.com...]

Browser - [webreview.com...]

GWJ



 
Msg#: 5 posted 2:47 pm on Jan 1, 2001 (gmt 0)

Hi,

Thanks all for the fast responses. I'll check out the links. I just plan on using it for changing the navigation set links (I'm going to be using text links) while stil keeping the standard on content text links using a:link, a:visited, a:active.

Brian


tedster

WebmasterWorld Senior Member tedster us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 5 posted 1:52 am on Jan 3, 2001 (gmt 0)

Hi Brian,

Setting link colors with CSS in no way affects a spider's ability to "read" the links.

I assume, however, that in both parts of your page you are using colors that contrast strongly with the page background. Although the SEs don't catch "invisible text" created through CSS as fast as they catch the older methods, nevertheless they can catch it, and then they punish.

My advice to anyone who is tempted to hide text with CSS is don't do it. One competitor phone call of complaint could nail you, even if the SEs don't catch you in their routine checks.

GWJ



 
Msg#: 5 posted 2:53 pm on Jan 3, 2001 (gmt 0)

>>>My advice to anyone who is tempted to hide text with CSS is don't do it. One competitor phone call of complaint could nail you, even if the SEs don't catch you in their routine checks.

Nope, I worked to long to chance that. I want to use it to change my nav. text hyperlinks to blend in better with my side bar VS. in line content hyperlinks in the main part of the page which is white.

Thanks for the tip though,

Brian

Bates

5+ Year Member



 
Msg#: 5 posted 3:24 pm on Jan 3, 2001 (gmt 0)

there is a nice review here [webmasterbase.com] that includes some uasage tips.

GWJ



 
Msg#: 5 posted 12:34 pm on Jan 4, 2001 (gmt 0)

Thanks Bates, that was a good read.

I am bummed however when playing last night I found I can not make NN 4.x recognize the a.link, a.visited, a.active. Oh well life goes on eh ;).

Brian

gmiller

10+ Year Member



 
Msg#: 5 posted 12:58 pm on Jan 4, 2001 (gmt 0)

Post your CSS and we'll take a look at it.

GWJ



 
Msg#: 5 posted 12:41 pm on Jan 5, 2001 (gmt 0)

Thanks Gmiller, I was really bummed out over this as I had spent a good bit of time studying CSS in the last week (I knew nothing about it last week). The code is as follows...

<html>
<head>
<title>CSS Test</title>
<!---This shows examples of different style hyper link attributes--->
<style type="text/css">
a:link.col {color: red; text-decoration: none; font-weight: bold}
a:active.col {color: green; text-decoration: none; font-weight: bold}
a:visited.col {color: yellow; text-decoration: none; font-weight: bold}
a:hover.col {color: lime; background-color: black; font-weight: bolder}

a:link.col2 {color: green; text-decoration: none; font-weight: bold}
a:active.col2 {color: blue; text-decoration: none; font-weight: bold}
a:visited.col2 {color: purple; text-decoration: none; font-weight: bold}
a:hover.col2 {color: red; background-color: silver; font-weight: bolder}

a:link.col3 {color: fuchsia; text-decoration: none; font-weight: bold}
a:active.col3 {color: red; text-decoration: none; font-weight: bold}
a:visited.col3 {color: blue; text-decoration: none; font-weight: bold}
a:hover.col3 {color: orange; background-color: brown; font-weight: bolder}

</style>
</head>
<body>
<a href="index.htm" class="col">Home</a>
<br>
<a href="index.htm" class="col2">Home</a>
<br>
<a href="index.htm" class="col3">Home</a>
<br>
</body>
</html>

Thanks again,

Brian

P.S.- CSS seems to be some pretty slick stuff :). The sleeper has awakened.

gmiller

10+ Year Member



 
Msg#: 5 posted 10:04 pm on Jan 6, 2001 (gmt 0)

You need to put the pseudo-class (:whatever) after the class (.whatever). They way you're doing it is ok in CSS2, but not CSS1. NN4 doesn't support it. If you wanted to put a hover on paragraphs of class "happypara", you'd do it like this:

p.happypara:hover { }

Actually, p:hover is a bad example, since NN4 doesn't support hover and IE only supports it on "a" elements :)

The W3C has a CSS validator at [jigsaw.w3.org...] which is helpful in some cases, and [richinstyle.com...] has bug lists for the browsers.

GWJ



 
Msg#: 5 posted 12:43 pm on Jan 8, 2001 (gmt 0)

Hi GMiller,

Thanks. It is Monday morning here and Mt. dew is not coursing through my veins yet. So your saying, this is my original line (being CSS2 compliant)

a:link.col {color: red; text-decoration: none; font-weight: bold}

I need to do this (to make it CSS 1 compliant):

a.col:link {color: red; text-decoration: none; font-weight: bold}

I will check out the links when I get home later today, thank you for them.

Brian

GWJ



 
Msg#: 5 posted 8:16 pm on Jan 8, 2001 (gmt 0)

Just wanted to let you know, gmiller, your example worked like a charm. I appreciate it greatly.

Brian

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved