List creation

Hello, I am sorry for posting such a noobish question, but I hope that I'll get an answer if I'll post it how I should.

My Page

I am trying to create a site, while learning about all the stuff I need to know while creating it. I am using joomla as CMS and I've got 2 different .css files. Here they are...

menu.css :

 /*set the z-index for the columns that gets dropped down over*/
 
#left{ 
z-index:20;
}
#right{
z-index:10;
}
 
/*set the position and z-index for the menu moduletable */
#nav{ 
position:relative;
z-index:100;

Why won't my CSS link?

I've tried all sorts of different ways to link my menu css to my index.html but I can't get it to work. Where do I put the import and is there a certain why I need to upload the .css file to my server? I'm a complete beginner so it's probably something really simple. Here's my code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>The Hostages</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Overlay menu over images

Hi again,

I put an image underneath my menu. The problem is that if the menu grows it will push the image down. How can I get the menu to overlay over the image so that its not pushed down?

This shows the problem:

site_screenshot2.jpg

my html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

menu layout and slight footer issue

Hi all,

The last couple of day's has been my first real experience in CSS and using the

tag.

I've created a page, the good news is that its layed out correctly, the bad news is the menu items have a gap in them.

I followed this tutorial to keep the footer at the bottom of the page:
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

The type of menu I'm trying to create is this one:

http://be.twixt.us/jquery/suckerFish.php

This is what the page currently looks like (there should be no gap between "Portfolio" and "Item 3.1"):

menu layout and slight footer issue

Hi all,

The last couple of day's has been my first real experience in CSS and using the

tag.

I've created a page, the good news is that its layed out correctly, the bad news is the menu items have a gap in them.

I followed this tutorial to keep the footer at the bottom of the page:
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

The type of menu I'm trying to create is this one:

http://be.twixt.us/jquery/suckerFish.php

This is what the page currently looks like (there should be no gap between "Portfolio" and "Item 3.1"):

Syndicate content