Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

CSS/Table/Tutorial Questions

Status
Not open for further replies.

2760

Instructor
Nov 10, 2002
34
GB
Hi all,

I've just been playing around and experimenting with MX learning how to use CSS (never used it before) and i've finally mastered the basics of it i think. I've managed to create a Nav bar that i'm happy with and its displayed here:


..what i want though (and what i can't figure out how to do) is to make each cell change a diffrent color on mouseover/hover. I want it so that 'Home Page' will turn blue, 'General Information' will turn Green etc. Can someone please give me some code or help as to how i can get around this.

Next, i'd like to know how i can always keep the cell at the bottom of the page (in this case, the one which says 'About this Website', 'Credits', 'Links' etc.) stick to the bottom of the screen no matter how short the page is or how high the screen resolution is. Any help is appreciated here.

Finally, does anyone know any good sites on Using Templates, Uploading CSS Pages and Defining sites as i'm still a bit confused with a few points regarding these.

There's a lot here, but i'm hoping someone can please help me out.Many thanks in Advance.
 
Crikey!
WHere to start! lol

Cell colour change... I'd use JavaScript, but to be honest, I can't see why you'd want to change the cell colours as nothing will change when you click there anyway!

If you give your table a height attribute, eg height=90% then your bottom row will always be near the bottom of the page.. whatever the resolution.

The macomedia site is a good starting point as they have tutorials there.. but there are loads of others that a search engine will direct you to.

Uploading CSS pages are no different to non-CSS pages.
However, you should consider putting your Style Sheet in an external file.

After you've put it in an external file (with the file extension .css, each page "calls" the sheet from the header tag

<link href=&quot;my_style_sheet.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;>

Then, if you make a change in the style sheet, all the pages that it uses will be updated automatically.

Hope that helps a little bit!

luds
 
Many thanks for that! Much appreciated.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top