CSS Menu not working

When previewing pages aren't linking together :+(

Page 1 of 1

3 Replies - 1306 Views - Last Post: 19 January 2008 - 06:20 PM

#1 hardmandj  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 10-January 08

CSS Menu not working

Post icon  Posted 10 January 2008 - 07:12 PM

Hi,

I am new to web development and recently finding it very hard to get my different pages linked up with my new css navigation menu bar. Itís a very simple website really with being a single box with a image and 4 buttoned menu underneath and a border surrounding and the main body again underneath. The main problem is when a preview the index.html and then click on the different page buttons itís not linking through to the desired page at all and then returning to the index file. I have a separate css file and have tried different help websites etc to find out what the problem is but canít find anything thats standing out. Any suggestion/pointers would be very much appreciated. I am currently using dreamweaver mx

Any Advice very welcome...many thanks

Is This A Good Question/Topic? 0
  • +

Replies To: CSS Menu not working

#2 axel  Icon User is offline

  • Bug Juice Doesn't Come in a Jar
  • member icon

Reputation: 2
  • View blog
  • Posts: 1,944
  • Joined: 31-December 06

Re: CSS Menu not working

Posted 11 January 2008 - 07:20 AM

If you could post the code, or even a link to the web site, I could help you.

This post has been edited by axel: 11 January 2008 - 07:20 AM

Was This Post Helpful? 0
  • +
  • -

#3 alecoder  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 50
  • Joined: 11-January 08

Re: CSS Menu not working

Posted 14 January 2008 - 04:59 PM

View Postaxel, on 11 Jan, 2008 - 07:20 AM, said:

If you could post the code, or even a link to the web site, I could help you.

+1 and i am!
Was This Post Helpful? 0
  • +
  • -

#4 hardmandj  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 10-January 08

Re: CSS Menu not working

Posted 19 January 2008 - 06:20 PM

View Postalecoder, on 14 Jan, 2008 - 04:59 PM, said:

View Postaxel, on 11 Jan, 2008 - 07:20 AM, said:

If you could post the code, or even a link to the web site, I could help you.

+1 and i am!

hi sorry about the delay in replying.....

Here's the code i think you asking about, please advise/suggest if wrong ...many thanks


From the web page index html - all the pages are the same style, links etc

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>==========</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="description"/>
<meta name="keywords" content="keywords"/>
<meta name="author" content=/>
<link rel="stylesheet" type="text/css" href="default.css"/>
<title>===========</title>
<style type="text/css">
<!--

a:link {
color: #A5A5A5;
}
a:visited {
color: #A5A5A5;
}
a:hover {
color: #A5A5A5;
}
a:active {
color: #A5A5A5;
}
-->
</style></head>
<body>
<div class="main">
<div class="container">
<div class="gfx"><a href="index.html"><span></span></a></div>
<div class="menu">
<div align="center"><a href="index.html"><span> HOME </span></a> <a href="services.html"><span>SERVICES
</span></a> <a href="facilities.html"><span>FACILITIES </span></a> <a href="howtofind.html" id="last"><span>HOW TO FIND US
US</span></a> </div>
</div>

And here's the code from the css file :
a {
color: #000;
text-decoration: none;
}
body {
background: #CCCCFF;
color: #333; margin: 20px 0;
text-align: center; font: normal 0.6em sans-serif,Arial;
}
.gfx a {
background: #F5F5F5 url(img/header.jpg) no-repeat; display: block; height: 240px;
}
.header {
background: #FFF;
border-bottom: 1px solid #E5E5E5;
font: bold 2.6em Arial;
line-height: 3em;
}
.main {
background: #FFF;
border: 3px double #EEE;
border-color: #E4E4E4 #CFCFCF #CCC #CFCFCF;
margin: 20px auto 4px auto;
text-align: left;
width: 620px;
}
.menu a {
background: #EEE;
border-right: 1px solid #CECECE;
border-top: 1px solid #E5E5E5;
color: #888;
float: left;
padding-top: 4px;
width: 149px; height: 36px;
}
.menu a span {
padding-left: 6px;
}
.menu a:hover {
background: #EEE url(img/bgmenu.gif) repeat-x;
color: #555;
}
.menu a#last {
width: 150px;
border-right: none;
}
.container {
margin: 10px;
}
.content {
background: #F5F5F5;
border-top: 1px solid #E5E5E5;
clear: both;
}
.content h1 {
margin: 0;
font: bold 1.1em sans-serif,Arial;
color: #666;
}
.content p {
margin: 3px 0 6px; color: #666;
}
.item {
background: #FCFCFC url(img/bgitem.gif) repeat-x;
padding: 10px;
}
.footer {
padding: 5px;
background: #F5F5F5;
color: #666;

If any one could put me in the picture and save me a few gray hairs, it would be very much appericated...many thanks ...
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1