Simple Webpage Setup

**xxarmoxx** · Nov 18th, 2008, 06:43 PM

The website I am trying to build is as follows:

Website Logo (a jpg file)

Left bar (4 jpgs) The content (some text) Right bar(2j pgs)

Footer(some text)

This is what I have coded so far:

Code:

<body bgcolor="#3598FE">


<!-- start header -->
<div id="header">
	<div id="logo" align=center>
		<img src="images/The_LastPic_Logo_Final_Nov_3.jpg" width="463" height="193" />
	</div>
</div>
<!-- end header -->

<!-- start page -->
<div id="page">
	<!-- start leftbar -->
	
	<div id="leftbar" class="sidebar">

		<table>

			<tr><td><a href="http://www.google.com"><img src="images/baseball_home.jpg" width="230" height="64" style="border-style: none" /></a></td></tr>
			<tr><td><a href="http://www.google.com"><img src="images/volley_uploadVideo.jpg" width="230" height="64" style="border-style: none" /></a></td></tr>
			<tr><td><a href="http://www.google.com"><img src="images/puck_aboutTLP.jpg" width="230" height="64" style="border-style: none" /></a></td></tr>
			<tr><td><a href="http://www.google.com"><img src="images/football_officialRules.jpg" width="230" height="64" style="border-style: none" /></a></td></tr>
			<tr><td><a href="http://www.google.com"><img src="images/basketball_ReleaseFroms.jpg" width="230" height="64" style="border-style: none" /></a></td></tr>


		</table>
		
	
		
	</div>

	<!-- end leftbar -->
	
	
		<!-- start content -->
	<div id="content">

			<h1 class="title">Hello</h1>


	</div>
	<!-- end content -->
	
	
	
	
	
</div>
<!-- end page -->


</body>

Where I have <h1 class="title">Hello</h1> It is showing up below the table I created, how can I make it print to the right of the table?

Thread: Simple Webpage Setup

Thread Tools

Display

Threaded View

Simple Webpage Setup

Posting Permissions