View Full Version : Links and headers


CatsHorsesLuver
07-27-2005, 07:00 PM
I'm kind of new at html (well not new, but coming back to it from a long break, so I don't remember almost anything) and am just starting to make my website.
I made a css stylesheet and uploaded that. Started making the navigation system and the stylesheet doesn't seem to be working...
Here's the website:
http://www.geocities.com/pinkifiedworld/index.html
And here's my css:
<style type="text/css">

A:link
{ text-decoration: none; color:#000000; }
A:visited
{ text-decoration: none; color:#000000; }
A:active
{ text-decoration: blink; color:#000000; }
A:hover
{ text-decoration: line-through; color:#FFD7FF;

background-color: #FFD7FF;

h1 {font-family: Verdana;
color: #000000;
font-size: 8pt; }

p {font-family: verdana; }
color: #000000; }

body
{ background: #FFD7FF;

font-family: verdana;
color: #000000 ;
font-weight: normal;
font-size: small;

direction:rtl;

td
{ font-family: verdana;
color: #000000;

input, textarea
{ background: #FFD7FF ;
font-family: verdana;
color: #000000;
border-style: solid;
border-color: #000000;
border-width: 1px; }

</style>


I want the header to be a lot smaller, the same size as the links.The links size is a bit wacko too, I'm kind of completely lost...

Merike
07-27-2005, 07:18 PM
In a stylesheet you don't need style tags. When using link decorations then the best order is link, visited, hover, active. Also you missed some endings.

A:link
{ text-decoration: none; color:#000000; }
A:visited
{ text-decoration: none; color:#000000; }
A:hover
{ text-decoration: line-through; color:#FFD7FF;
A:active
{ text-decoration: blink; color:#000000; }

background-color: #FFD7FF;}

h1 {font-family: Verdana;
color: #000000;
font-size: 8pt; }

p {font-family: verdana; }
color: #000000; }

body
{ background: #FFD7FF;

font-family: verdana;
color: #000000 ;
font-weight: normal;
font-size: small;

direction:rtl;}

td
{ font-family: verdana;
color: #000000;}

input, textarea
{ background: #FFD7FF ;
font-family: verdana;
color: #000000;
border: 1px solid #000;} These can be merged and color code shortened.