New Topic/Question
Reply
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
CSS Menu not workingWhen previewing pages aren't linking together :+(
Page 1 of 1
3 Replies - 1097 Views - Last Post: 19 January 2008 - 06:20 PM
MultiQuoteReplies To: CSS Menu not working
#2
axel
- Bug Juice Doesn't Come in a Jar
-
Reputation: 2
- 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
#4
hardmandj
- New D.I.C Head
Reputation: 0
- Posts: 2
- Joined: 10-January 08
Re: CSS Menu not working
Posted 19 January 2008 - 06:20 PM
alecoder, on 14 Jan, 2008 - 04:59 PM, said:
axel, 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
|
|
| 