homepage Welcome to WebmasterWorld Guest from 54.205.119.163
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
Css
Can all browsers cope and SE?
GWJ




msg:1223505
 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




msg:1223506
 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




msg:1223507
 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:1223508
 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




msg:1223509
 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:1223510
 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




msg:1223511
 3:24 pm on Jan 3, 2001 (gmt 0)

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

GWJ




msg:1223512
 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




msg:1223513
 12:58 pm on Jan 4, 2001 (gmt 0)

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

GWJ




msg:1223514
 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




msg:1223515
 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:1223516
 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:1223517
 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