• Locked
No replies
Wed, 2011-05-11 05:17
bazzano
Offline
newbie
Melbourne, Australia
Last seen: 11 years 37 weeks ago
Melbourne, Australia
Timezone: GMT+10
Joined: 2011-05-11
Posts: 1
Points: 2

Hi when i use my navigation menu it displays correctly however when i want to use a link somewhere else in the page it seems to create another navigation button.

Im not sure if its called overflow but it seems that all the normal links now receive the same inheritance as the navigation menu. Just wondering if someone could help me.

thanks

my html and css code is below

thanks again

<html>
<head><title> World Tour </title>
<link rel="stylesheet" type="text/css" href="Planning.css" />
</head>
<body>
 
<h1> Our World Trip </h1>
 
 
<ul class="navbar">
<li><a href="Index.html">Index</a></li>
<li><a href="Locations.html">Locations</a></li>
<li><a href="Planning.html">Planning </a></li>
<li><a href="Resources.html">Resources </a></li>
</ul>
 
 
 
 
<div class="Planning">
<p>
This page covers our planning of our trips and the websites we used.
Here are three that we used to plan our trip:
http://www.qantas.com.au/travel/airlines/home/au/en
http://www.anz.com/business/investment_banking/global_foreign_exchange/GFE_fxonline.asp
And this is an optional site that we reccomend visiting for the opinions on places and accomodation from a wide range of people around the world:
<li><a href="www.google.com" title="link" class="Planning">external link</a><li>
</p>
</div>
 
<!--
div.mainNav a { ... } 
div.mainNav a:visited { ... } 
div.mainNav a:hover { ... } 
div.mainNav a:active { ... }-->
 
<div class="link">
<a href="http://www.tripadvisor.com.au/" />
</div>
 
<div class="globe">
<img src="Images\rotating_globe.gif" />
</div>
 
<embed src="Audio/rainymood.mp3" width="290" height="32" autoplay="true"> </embed>
 
</body>
</html>

h1
{
	color:#990033;
	font-size: 55px;
}
 
body
{
  background-image:url('Images/Shore.jpg');
}
 
/* this is our green navigation menu*/
 
div.globe
{
  position:absolute;
  top:50px;
  right:30px;
}
/* this is to move the globe to the right */
 
.navbar ul 
{
list-style-type:none;
margin:0;
padding:10px;
}
.navbar li a:link,a:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
font-size: 40px;
background-color:#98bf21;
width:200px;
text-align:center;
padding:10px;
text-decoration:none;
 
}
/*this is the hover color*/
.navbar li a:hover,a:active
{
background-color:black;      /*   #7A991A;*/
}
 
embed
{
	position:absolute;
	bottom:0px
}
/* This is the code to put music on each page*/
 
.Planning li a:link, a:visted 
{
 
font-weight:bold;
color:#FFFFFF;
font-size: 40px;
background-color:#98bf21;
width:200px;
 
}

Top
Tags: