Simple CSS assistance

Hi all!

I'm just trying to polish off a really basic site I am creating as an experiment. One Million Hit Wonder .com is the URL.

I'm trying to achieve the following with CSS:

1. Make the really big link in the middle of the screen appear always in red, and always underlined
2. Get the "Our Mission: A Million Visitors in 7 Days" aligned to the left with the rest of the headers
3. Make the links in the footer appear in red, and underlined

Can anyone please suggest the changes I should be making to the CSS code?

 

The alignment of "Our Mission...." looks in line with the other headers on my screen.

But for the other points you can do it with 1 CSS class, put this into your CSS file:

.redUnderLined{
  color : #FF0000;
  text-decoration: underline;
}

Code (markup):

Then you can just add the class to the relevant links, i.e.:

<a class="url" href="http://www.shackn.com" >www.shackn.com</a>

HTML:

Change it to:

<a class="url redUnderLined" href="http://www.shackn.com" >www.shackn.com</a>

HTML:

And same again for the footers:

<a class="footer" href="http://onemillionhitwonder.com/about">about</a> | 
<a class="footer"  href="http://onemillionhitwonder.com/contact">contact</a> |
<a class="footer"  href="http://onemillionhitwonder.com/advertise">advertise</a> 

HTML:

Change this to:

<a class="footer redUnderLined" href="http://onemillionhitwonder.com/about">about</a> | 
<a class="footer redUnderLined"  href="http://onemillionhitwonder.com/contact">contact</a> |
<a class="footer redUnderLined"  href="http://onemillionhitwonder.com/advertise">advertise</a> 

HTML:

Give me a shout about how that works out for you.


Hodge

 

#url a, #table a.footer{ color:red; text-decoration:underline; }

Code (markup):

 

legend, thanks mate!