No replies
*
Offline
newbie
Last seen: 17 years 20 weeks ago
Joined: 2005-03-21
Posts: 1
Points: 0

I don't know if this is possible but i am trying to link from one column to another on the same page, quite similar to frames when using HTML. Despite my efforts i can't do it. My webpage has three columns, and a banner at the top of all three.

My Code is as follows:

<html><head><title>Blaaarg, the holy grail of the internet.</title>

<style type="text/css">
	@import "all.css"; 


	
body {margin:10px 10px 0px 10px;padding:0px;}
	
#leftcontent {position: absolute;left:10px;top:50px;width:200px;background:#FFFFFF;border:1px solid #000000;}

#centercontent {background:#FFF;margin-left: 199px;margin-right:199px;border:1px solid #000000;voice-family: "\"}\"";voice-family: inherit;margin-left: 201px;margin-right:201px;}
html>body #centercontent {margin-left: 201px;margin-right:201px;}

#rightcontent {position: absolute;right:10px;top:50px;width:200px;background:#FFFFFF;border:1px solid #000000;}
	
#banner {background:#FFFFFFF;height:40px;border-top:1px solid #000;border-right:1px solid #000000;border-left:1px solid #000;voice-family: "\"}\"";voice-family: inherit;height:39px;}

html>body #banner {height:39px;}
	
p,h1,pre {margin:0px 10px 10px 10px;}
	
#rightcontent p {font-size:12px}


BODY, TD, P, LI, BLOCKQUOTE { font-family: Tahoma,Verdana,sans-serif;font-size: 12px;color: #000000;}

H1 {font-size: 18px;font-weight: bold;text-align: center;color: black;background: white;}

A:link {color: #004000; text-decoration: underline}

A:active {text-decoration: underline; colour: #004000}

A:hover {cursor: crosshair; color: #000000; background-color: #004000 ; text-decoration: none}

p {font-family: Tahoma, Verdana, sans-serif;font-size: 12px;color: #000000;}
	
</style>
</head>
<body>

<div id="banner"><img src="toplogo.gif"></div>

<div id="leftcontent">
	<h1>leftcontent</h1>
<p> Left Column</p>
</div>

<div id="centercontent">
	<h1>Welcome World..</h1>
<p> blah blah blah blah
</p>
</div>

<div id="rightcontent">
	<h1>rightcontent</h1>
<p> Right Column
</p>
</div>

</body>
</html>

My code is probably a bit dodgy too i bet, as i am pretty new to CSS, if anybody can help me link from the left column to the center column i would be very grateful.