Search Engine Optimization > Webmaster World > CSS Examples?
CSS Examples?
Posted by Got_Net on February 15th, 2004

Hi,
Does anyone have any examples of a basic css layout that can be tweaked?
Most I've seen are heavily laden with many elementals and tricks..etc.

I really just need to take a look at the basics, correct syntax and
inclusions such as:
Body attributes
Link attributes
and so on.

There's really no need for me to replace tables with css, just basic
formatting, but everything I've seen has so much in it that when I look at
the source it's a confusing array of .form, .headertext, .etc..etc.

Save to txt file and then call it?
<LINK REL="stylesheet" TYPE="text/css" HREF="my.css">

Is this what I'm looking for?

BODY {
FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana
}
a:link {
color: #000000;
text-decoration: underline;
}
a:visited {
color: #000000;
text-decoration: underline;
}
a:active {
color: #000000;
text-decoration: underline;
}
a:hover {
color: #000000;
text-decoration: overline;


}


Posted by Got_Net on February 15th, 2004


"Got_Net" <fatha_forgive_em_for_they_have_sinned@theweb.com> wrote in
message news:402fb152@news.starnetusa.net...

Follow up question.

Assuming I got the mojo right in the css txt file, then as I create the
pages I simply assign everything to default?
Default text style, default text color?
In other words, set everything to just default and let the css interpret?





Posted by William Tasso on February 15th, 2004

Got_Net wrote:
Which is the default - you don't need to /do/ anything.

Don't set anything - Let your CSS handle it.

--
William Tasso



Posted by Beauregard T. Shagnasty on February 15th, 2004

Quoth the raven named Got_Net:

font-size: 100%, font-family: Arial, Helvetica, sans-serif;

Google for the many discussions and reasons why Verdana is a Bad
Idea.™ Also, when you define a color, always define a background
color as well. background: <a very light color contrasting with your
black>; something like: background: #2f4f4f;

L.V.H.A. Move the hover above the active.

Personally, I do not like overline. It kinda looks silly, too.
Visitors are expecting links to be underlined, which is the default.

--
-bts
-This space intentionally left blank.

Posted by Got_Net on February 15th, 2004


"Beauregard T. Shagnasty" <a.nony.mous@example.invalid> wrote in message
news:88PXb.70974$%72.53574@twister.nyroc.rr.com...
I see, I think

I had just cut/copy/pasted the previous example.

Have to go with white background, so, the below should work just fine,
right?

body {
background: #ffffff; font-size: 100%; color: #000000; font-family: Arial,
Helvetica, sans-serif;
}
a:link {
color: #000000;
text-decoration: underline;
}
a:visited {
color: #000000;
text-decoration: underline;
}
a:hover {
color: #000000;
text-decoration: underline;
}
a:active {
color: #000000;
text-decoration: underline;

}





Posted by Chet on February 15th, 2004


"Got_Net" <fatha_forgive_em_for_they_have_sinned@theweb.com>
wrote in message news:402fb152@news.starnetusa.net...
| Hi,
| Does anyone have any examples of a basic css layout that can be
tweaked?
| Most I've seen are heavily laden with many elementals and
tricks..etc.
|
| I really just need to take a look at the basics, correct syntax
and
| inclusions such as:
| Body attributes
| Link attributes
| and so on.
|
| There's really no need for me to replace tables with css, just
basic
| formatting, but everything I've seen has so much in it that
when I look at
| the source it's a confusing array of .form, .headertext,
..etc..etc.
|
| Save to txt file and then call it?
| <LINK REL="stylesheet" TYPE="text/css" HREF="my.css">
|
| Is this what I'm looking for?
|
| BODY {
| FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana
| }
| a:link {
| color: #000000;
| text-decoration: underline;
| }
| a:visited {
| color: #000000;
| text-decoration: underline;
| }
| a:active {
| color: #000000;
| text-decoration: underline;
| }
| a:hover {
| color: #000000;
| text-decoration: overline;
|
|
| }
|

I've got four samples that might help give you a few ideas here

http://webpages.charter.net/rwtest/samples/

They're very basic.

hth
--
Chet
ng2.chet@NOcharterSPAM.net (remove NO.....SPAM)


Posted by Got_Net on February 15th, 2004


"Chet" <ng2.chet@NOcharterSPAM.net> wrote in message
news:102vmh5216ul333@corp.supernews.com...



Posted by Gazza on February 21st, 2004

In article <402feb2c@news.starnetusa.net>,
fatha_forgive_em_for_they_have_sinned@theweb.com says...

Probably mentioned this last time it was posted, but the final two
pseudo classes are back to front... link, visited, hover, active is the
correct order for the 'cascading' bit of CSS to do it's stuff.

(And if you're specifying color, you should be specifying background: as
wel...)

--
Gazza
http://www.rossmore.org/
http://www.garyjones.co.uk/
"Some people don't listen, they simply wait to speak"

Funbolt.com - Entertainment portal, wallpapers, sexy celebs