Member Avatar for muddpigeon

ive recently started this web page for a course in uni.
however one page is causing a bit of bother
basically when i insert my table into the are i want it in the whole page is affected, ie images and lists lost.

i have uploaded a word file with the code and screen shots of the page i need and the layout i want along with what happens when the table is put in .

if any one could help me solve this problem would be much appreciated

cheers
muddpigeon

cfml_problem.doc (255 KB)
  • 2 Contributors
  • 1 Reply
  • 90 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by hinde
Member Avatar for hinde

You didn't close your table tag in the listing area. Add a </table> tag immediately after your </cfoutput> tag.

Regardless, you seem a little div happy. Divs are wonderful things when used correctly, but I almost always favor a simple table format to fulfill my layout. Here is an example you can look at. This isn't exactly what you seem to be going for, but it should be easy for you to tweak and play around with. I gaurantee you this will be easier to maintain in the longrun, especially if you want this page to render correctly in different browsers.

<html>
<head>
<title>2ndHandBooks&reg</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="#666666" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<div style="position:absolute; left:23px; top:63px; width:900px; height:600px; background-color: #000000; layer-background-color: 000000; border: 1px none #000000; overflow: 

auto;">
<table border="0" width="100%">
<tr>
	<td rowspan="2" valign="top"><img src="images/rowofbooks.jpg" alt="BOOKS" width="209" height="398" border="2"></td>
	<td valign="top">Book Reservation</td>
	<td rowspan="2" valign="top">
		<ul>
						
		<li><a href="homepage.cfm" class="active">Home</a></li>
							
		<li><a href="Register.cfm">Register</a></li>
					
		<li><a href="news.cfm">News</a></li>
						
		<li><a href="Books.cfm">Books</a></li>
								
		<li><a href="contact.cfm">Contact</a></li>

		</ul>
	</td>
</tr>
<tr>
	<td style="background-color:#ffffff; color:#000000" valign="top">Your Listing Table Goes Here</td>
</tr>

</table>
</div>

</body>
</html>

By the way, in your screencaps I noticed you are using an editor for, what I assume is, your cfml code. In terms of Coldfusion development, the Eclipse IDE with the CFEclipse plugin installed is the most prevalent development environment. Plenty of plugins for remote data access, versioning systems, AJAX development, and there are a ton more out there.

Also, you might want to get Firefox and get the firebug extension for it. Makes debugging layout issues a heck of a lot easier.

These are of course just suggestions, and code your cfml in the way thats easiest for you.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.