Link menu img to div

vampje · #1 (**permalink**) Jan 4th, 2006, 15:18

Right, first post so hope it wont be deleted. I have a html page with css so i hope this post is in the right place.

The menu consists of images placed in a div, like so;

Code: Select all

<div id="menu"> 
<img src="images/menu_02.gif" alt="" width="114" height="21" border="0">
<img src="images/menu_03.gif" alt="" width="50" height="21" border="0"
<a href="1.html"><img src="images/menu_04.gif" alt="" width="44" height="21" border="0"></a>
<a href="2.jpg"><img src="images/menu_05.gif" alt="" width="45" height="21" border="0"></a>
<a href="3.something"><img src="images/menu_06.gif" alt="" width="42" height="21" border="0"></a>

also, there is a content div in which i want to link to.
The div width and height etc. are specified in the css

Now my question is how can i link ie. menu_04.gif to load 1.html in the content div. And I know iframes are for loading external html but i'd rather use the div.

Thanks in advance,
Vamp

jpmitchell · #2 (**permalink**) Jan 4th, 2006, 23:45

Do you have a url we could look at?

vampje · #3 (**permalink**) Jan 5th, 2006, 10:39

hi,

No i dont have a url yet because without menu it's rather worthless but here's the entire html

Code: Select all

 
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="contentlala" content="text/html; charset=iso-8859-1">
<title>test</title>
</head>
<body>
<div id="frame"> 
<div id="header"> 
<img src="C:\test\images\header-top.gif" alt="" width="770" height="19"><br>
<img src="C:\test\images\header.gif" alt="" width="770" height="131"></div> 
 
<div id="menu"> 
<img src="http://www.webforumz.com/images/menu_02.gif" alt="" width="114" height="21" border="0"><img src="http://www.webforumz.com/images/menu_03.gif" alt="" width="50" height="21" border="0"><a href="1"><img src="http://www.webforumz.com/images/menu_04.gif" alt="" width="44" height="21" border="0"></a><a href="2"><img src="http://www.webforumz.com/images/menu_05.gif" alt="" width="45" height="21" border="0"></a><a href="3"><img src="http://www.webforumz.com/images/menu_06.gif" alt="" width="42" height="21" border="0"></a><a href="4"><img src="http://www.webforumz.com/images/menu_07.gif" alt="" width="55" height="21" border="0"></a><img src="http://www.webforumz.com/images/menu_08.gif" width="420" height="21" border="0"> <!-- The menu is like this because it needs to be together      <!-- without spaces
</a></div> 
<div id="content"> 
</div> 
<div id="footer">
</div>
</body>
</html>

Well might as well post the css too in case you wonder

Code: Select all

#frame {
width:770px;
margin-right:auto;
margin-left:auto;
margin-top:15px;
padding:0px;
text-align:left;
background:#FFFFFF;
border:1px solid black;}
 
#content {
width:764px;
height:310px;
padding:3px;
}
#footer {
width:770px;
height:20px;
background:url(footer.gif);}

Thats it. Any help would be appreciated.

Vamp

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Making a link non-link when on the page.	mcdanielnc89	Web Page Design	1	Nov 16th, 2007 08:05
How to link to a scene with a popup menu?	Learner	Flash & Multimedia Forum	7	Jul 18th, 2007 02:03
Link Validation with message below and new link!	stefffff	JavaScript Forum	3	Apr 25th, 2007 20:33
I have a normal css menu, but want ot add drop down menu to it	multichild	Web Page Design	7	Jan 9th, 2007 16:07
Is There any way i can link a drop down menu?	bruno89	Web Page Design	6	May 9th, 2006 17:47

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Link menu img to div