Css Code Needed For Newby

**steve1** · August 4, 2004

Hi My site is http://www.reiki-seichim-masters-australia.com and I am trying to reduce the loding time for the site. In another section (see below)I was given this great advice which I am implimenting. Can someone suggest to this newby (me) a css to make them still look the same, Large and then small text for the towns. And if possible keep the small window size that the towns pop up in.

Thanks

Steve

--------------------------------------------------------------------------------------------

(Hi Steve.

First, moving the towns would affect your search engine rankings for anyone seeking reiki in that town. Someone searching for "reiki Capalaba" would find your Queensland page eventually but the optimizations and link popularity you have built for your main page would not help out in that search.

You can make your page a lot smaller by getting rid of the "heavy" javascript links. For instance, change:

CODE

<a href="java script:;" onClick="MM_openBrWindow('htm/vic_reiki_knoxfield.htm','','width=450,height=226')">KNOXFIELD</a>

- Reiki

to

CODE

<a href="htm/vic_reiki_knoxfield.htm">KNOXFIELD</a> - Reiki

and it would not require javascript on the end user's computer. If you needed formatting you could use CSS to make all <a> tags look a certain way and it would be written only once, not for every link. Check out the CSS and post in the apprpriate forums if you need help on it.)

**kaseytraeger** · August 4, 2004

Here's some sample CSS code for you.

>a, a:link{
color: #036;
text-decoration: underline;
font-weight:bold;}
a:visited {
color: #036;
text-decoration: underline;
font-weight: normal;}
a:active, a:hover {
color: #999;
text-decoration: underline;
font-weight:bold;}

It will underline all links. Unvisited links will be colored as #036 and made bold, visited links will be colored as #036, but not bold, and active or hovered links will be bold but the color will be changed to #999.

**steve1** · August 4, 2004

Thanks Casey, Another question, and pardon my ignorance, but I am very new to all this. Where do I place this css

Steve

**kaseytraeger** · August 4, 2004

You basically have two options ...

(1) put the code in a separate file called "mysitestyle.css" (or whatever you want to call it). You would then code EACH PAGE USING THAT FILE as the following code sample illustrates:

>...
<head>
...
<link rel="stylesheet" href="location/of/your/css/file/mysitestyle.css" type="text/css" />
...
</head>

(2) put the code into each page as follows:

>...
<head>
...
<style type="text/css">
<!--
a, a:link{
color: #036;
text-decoration: underline;
font-weight:bold;}
a:visited {
color: #036;
text-decoration: underline;
font-weight: normal;}
a:active, a:hover {
color: #999;
text-decoration: underline;
font-weight:bold;}
-->
</style>
...
</head>

Edited August 4, 2004 by kaseytraeger

Sign In

Css Code Needed For Newby

Recommended Posts

steve1

kaseytraeger

steve1

kaseytraeger

Join the conversation

Hosting