HTML - First Website Project; Problem With Tables

I have a table with 5 columns and it does not render correctly in IE on a 1024 x 768. The problem goes away by increasing two column widths from 5% to 8%.

I have not tested the pages on platforms with a lower resolution.

I prefer to use the version with the narrower columns. Please help me achieve the preferred layout, and explain what it is that I am doing incorrectly.

Related data:
Windows XP is used for all examples. With Firefox, Opera and Safari both widths are OK on 1024 x 768 and 1440 x 900 monitors.

http://www.iaps.com/eval/courses18-5-54-5-18.html
Column % widths are 18-5-54-5-18:

1024 x 768
IE6: Problem (both 5% columns do not appear)
IE7: Problem (both 5% columns do not appear)

1440 x 900
IE6: No problem
IE7: No problem

http://www.iaps.com/eval/courses15-8-54-8-15.html
Column % widths are 15-8-54-8-15:

1024 x 768
IE6: No problem
IE7: No problem

1440 x 900
IE6: No problem

While the page may not be very attractive, it has to render properly.

Thanks in advance,

Don

Hello folks. I have this problem. I use a PHP script to echo many tables on one page. (I am posting this in the HTML forum as it requires HTML, not PHP knowledge! ). I use a class called stdDiv to get a border for the table. When I try and use <br />es and <spacer type="horizontal" size="10px" /> I do not get the effect I want. I wish for 10px between each table as described in the diagram below:



However I do not get this and my table overlaps and is somehow displayed as if it is in the second row.

What I get:


Here is my code just for clarity:

PHP Code:
echo "<table class=\"stdDiv\" style=\"width:100%;\" >
        <colgroup><col width=\"33%\" /><col width=\"33%\" /><col width=\"33%\" /></colgroup>
        <tr><td colspan=\"3\" align=\"center\" class=\"title\" border=0>".$record['title']."</td></tr>
        <tr><td colspan=\"3\" align=\"center\" class=\"description\">".$record['description']."</td></tr>
        <tr><td colspan=\"3\" align=\"center\" ><img src=".$record['image']." style=\"width:128px; height:64px;\" /></td></tr>
        <tr><td class=\"text\" align=\"center\" style=\"border: 2px solid #999999\">Version: v".$record['version']."</td>
        <td class=\"text\" align=\"center\" style=\"border: 2px solid #999999\">Rating: ".$record['rating']."</td>
        <td class=\"text\" align=\"right\" style=\"border: 2px solid #999999\">by <b>".$record['creator']."</td></tr>
        </table>"; 


This will give out a table and it is executed with every looping. I want to know how or what code to insert to create a gap of 10px between it and the next time I want to output a table

Regards and thanks in advance,
mintsmike

Please refer to attached screenshot below. If I wanted to change one of the colored row to another color say blue, how could I do this please? See my XHTML and CSS below:

Quote:
th {
background-color: #cc6600
}

.cellcolor {
background-color: #fcba7a;
}
<table summary="This table holds data about the cities I visited on my travels. I've included the date I was in each city, the temperature when I was there, and altitude and population
of each city. I've also included a rating of the diners where I had lunch, on a scale of 1 to 5.">
<caption>The cities I visited on my Segway'n USA travels</caption>
<tr>
<th>City</th>
<th>Date</th>
<th>Temperature</th>
<th>Altitude</th>
<th>Population</th>
<th>Diner Rating</th>
</tr>
<tr>
<td>Walla Walla, WA</td>
<td class="center">June 15th</td>
<td class="center">75</td>
<td class="right">1,204 ft</td>
<td class="right">29,686</td>
<td class="center">4/5</td>
</tr>
<tr class="cellcolor">
<td>Magic City, ID</td>
<td class="center">June 25th</td>
<td class="center">74</td>
<td class="right">5,312 ft</td>
<td class="right">50</td>
<td class="center">3/5</td>
</tr>
<tr>
<td>Bountiful, UT</td>
<td class="center">July 10th</td>
<td class="center">91</td>
<td class="right">4,226 ft</td>
<td class="right">41,173</td>
<td class="center">4/5</td>
</tr>
<tr class="cellcolor">
<td>Last Chance, CO</td>
<td class="center">July 23rd</td>
<td class="center">102</td>
<td class="right">4,780 ft</td>
<td class="right">265</td>
<td class="center">3/5</td>
</tr>
<tr>
<td>Truth or Consequences, NM</td>
<td class="center">August 9th</td>
<td class="center">93</td>
<td class="right">4,242 ft</td>
<td class="right">7,289</td>
<td class="center">5/5</td>
</tr>
<tr class="cellcolor">
<td>Why, AZ</td>
<td class="center">August 18th</td>
<td class="center">104</td>
<td class="right">860 ft</td>
<td class="right">480</td>
<td class="center">3/5</td>
</tr>
</table>

Hi

I need help in tables with 100%.

Actually i am keeping a table with 100% fihed width in a <td>, but when i am minimising the IE or Firefox browser the columns are reducing , how to solve the problem

Hello everybody.

I was recently working on my website and I was looking at a game that was not coming up properly. The game was coming but the format of the page was for some reason not appearing properly. I tried almost everything I could.
Could you guys take a look at it. Thanks.
I put a link on the bottom.

http://umgames.co.cc/bikemania5.php

Hello again,

I have posted previously on a few occasions and had some things fixed with my website. Everything was working fine until just a couple of days ago I noticed something.

One of the problems I had was I wanted the images on my pages to load before an swf file, so I got assistance with that and it worked great.

I have now noticed that my website once again doesn't load in the order I want AND I have noticed that one of my swf files no longer loads in IE. It does work in Firefox though. I have checked this on two different computers and it definately doesnt work in IE.

I haven't made any changes that would stop the page from loading how I wanted it and I have no idea why the swf no longer works in IE.

My website URL is ozlotteriesonline.net and the swf file that doesnt work is on /business.html I'd also like to note that the swf file on my homepage still works, it just loads out of sequence.

Thanks in advance....again

Hi,

I have my website all set up and I added a picture of my free report on the close to the bottom. Im my html editor of my file manager in cpanel it comes out right no problems.

But when I type in the website in my browser the jpg image has a x in the left hand corner where the image should be.. Does anybody have any solutions or ideas to fix this problem..??

Thanks
Jay Morrison
www.provenweightlosssecrets.com

Hey guys im sure this question has been answered, but having tried a large majority of the answers none seem to work.
I have been building websites using my laptop (15 inch screen) after upgrading to a 17 inch screen im getting problems with the web page. It now has a horizontal scroll bar which i find rather annoying as do many other people that visit my sites. This is what it looks like at the moment on larger screens


what i need to find out is how to make it so the page fits within the parameters of the screen without a horizontal scroll bar.

this is the code that i used to make on of my sites, if possible could some one tell me where to maybe edit the string of html to get it to fit all screens?

<html>
<head>
<meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body
style="color: rgb(255, 255, 51); background-color: rgb(0, 0, 0);"
alink="#ffff33" link="#ffff33" vlink="#ffff33"><div style="text-align: center;"><img
style="width: 750px; height: 225px;" alt=""
src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/PCKBIGBANER-1.png"><br>
<big><br>
Home &nbsp;| &nbsp;Investigations &nbsp;| &nbsp;Gallery
&nbsp;| &nbsp;Locations &nbsp;| &nbsp;The Team
&nbsp;| &nbsp;Methods &nbsp;| &nbsp;Contact us<br>
<br>
</big>
<table
style="width: 800px; text-align: left; margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td style="text-align: center;">
<div align="center"><font
color="#000000" size="+1">
<marquee bgcolor="#FF0000"
direction="left" loop="99999" width="75%"><strong>We
are accepting private bookings. Please contact Tim Harris on
07533119768 or email Tim at tim.paranormalknights@yahoo.co.uk</strong></marquee>
</font></div>
</td>
</tr>
</tbody>
</table>
<big><br>
</big>
<table
style="background-color: rgb(0, 0, 0); text-align: left; margin-left: auto; margin-right: auto; width: 1312px; height: 459px;">
<tbody>
<tr>
<td
style="text-align: center; vertical-align: top;">
<div style="margin-left: 40px;">Hello
and welcome to Paranormal Knights Cymru. The group was founded in 2008
with the soul intentions of finding answers that we the team have been
searching for, for all our lives! We are a unique team that reside in
the south Wales area and have many many years of paranormal
investigating experience between us. &nbsp;The things that make us
such a unique team of paranormal investigators is that we take things
to a higher level, we go to such a high level that other teams are left
stranded whilst we soar above and beyond the grave. We use techniques
such as Clairvoyance, Clairaudiance, Clairsentience and also the
scientific approach with electronical equipment such as EMF detectors,
EVP recording devices, still camera's and also video camera's. We also
use non electrical equipment such as dowsing rods, oujia boards, glass
swirling and table tipping. All of these methods are tried and tested
and proven to be the main source of communications with the paranormal
phenomena. To get an understanding of what these techniques entail and
how they work please check out the methods page. <br>
<br>
So with that said will you be able to put the fear of the unknown
behind you and join us in our quest for answers?<br>
<br>
<span class="Apple-style-span"
style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span
class="Apple-style-span" style="color: rgb(51, 0, 153);"></span></span><span
class="Apple-style-span"
style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span
class="Apple-style-span" style="color: rgb(51, 0, 153);"></span></span></div>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td
style="text-align: justify; vertical-align: top;"><img
style="width: 498px; height: 253px;" alt=""
src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/Margam_Castle.jpg"></td>
<td></td>
<td></td>
</tr>
</tbody>
</table><div style="text-align: left;"><br>
</div>
<br>
</div>
</body>
</html>

Hi,

I have a radio website but I need to go to anouther website to turn this on, this is not a problem but if I get people requesting to be a DJ when they go to turn the station on thay could mess the station up or chane the password, is there eny way of getting the website on my website but the can only turn the radio on, nouthink else?

The website is: http://listen2myradio.com
My website is http://jeradio.tk
If you need to see the souce click HERE

Thanks

woops terribly sorry guys for my first post being a false alarm, i experimented a bit and fixed it.

Hey guys, im not sure if anyone has this problem but i have it and im pissing off because of it. I worked on it for over 4 hours to no avail so i decided to get some professional opinion here.


I designed my website using Photoshop and save for web and devices, giving me the HTML codes and the entire site is done in tables.

I had no problems for buttons whatsoever, i found a way to insert flash banner was by creating a slice and deleting it afterwards to insert my flash banner.

The problem: All text, headings, contents appear as image and i would have to reslice the entire website just to change the content and i cant use cutenews etc.

So i tried draw ap div, but it is not resolution dependent, it distorts at all kind of resolutions... I tried using Fireworks but to no avail too.. I cant really think of anything else. Something that allows me to do editable content. Please email me if you do not understand what i mean i can show you.

molehetoe@live.com or add me in MSN

Hi everyone, new to HTMLforums and HTML in general.

I am seeking help with this problem :

Currently i am trying to create a simple website that could contain pictures and possibly videos that i would upload every few days. It would have these sections - intro, pictures, videos , contact info. I have already purchased a domain name and a webhost. I have read that to create the website and upload the pictures, you need to have some kind of HTML editor like microsoft front page to "write" the pages. I would like to know if there are any free HTML editors that i can download off the internet to write my website. And also, once you have the editor, how do you "link" it to your website so that when you write code, the page appears. Sorry if questions sounds noobish, this is my first time setting up website. Thanks alot.

Victor

Hello everyone! I am so grateful that there are sites like this to help those like me.

I'm ready to be hit by rotten tomatoes because my method for building my first site probably breaks tons of rules.

I used Photoshop to create a webpage by slicing a single image with the intention of laying it out in a table.

When I first sliced the image and simply set each image using "img src=" in each Table Data cell, it came together fine and looked perfect.

The problem happened when I made one of my images the background image for the cell. The reason I did this is because this is going to be my main "Content" area and I want to be able to enter content over the image.

For some reason, right when I made this change, the cell directly to the left of my "main content cell" is pushing to the right and creating unwanted blank space...and I can't for the life of me figure out why. I'm pulling my hair out and I'll probably cry myself to sleep tonight.

I thought it was my HTML and found a tiny bit of CSS to help, but the problem remains.

Thanks so much in advance for any assistance you can provide.

The site is here (I added red borders to the table for assistance with review): http://www.geocities.com/mena_beena/Rosco.html

Here is my HTML:
Code:

<html>
<head>
<link rel="stylesheet" type="text/css"
href="rosco.css" />

</head>
<body bgcolor=black>
<table bordercolor=red border=1 cellspacing="1" cellpadding="0">
<tr>
 <td colspan=3><img src="Template4_01.jpg"></td>
</tr>
<tr>
 <td colspan=2><img src="Template4_02.jpg"></td>
 <td><img src="Template4_03.jpg"><br><img src="Template4_04.jpg"></td>
</tr>
<tr>
 <td><img src="Template4_05.jpg"></td>
 <td class="bg">asdfasdf</td>

 <td><img src="Template4_07.jpg"><br><img src="Template4_08.jpg"><br>
<img src="Template4_09.jpg"><br><img src="Template4_10.jpg"></td>
</tr>
</table>
</body>
</html>

Here is my CSS Stylesheet:
Code:

td.bg{ 
background: url(Template4_06.jpg); 
}

Hi,

For some reason on my website ( http://www.the-undefined.net/index.php ) a random "<" keeps popping up in one of two places on the screen.

It either appears in the very top corner of the screen, the top corner of the central table of the page OR not at all... This isn't a HUGE problem or anything but it is slightly annoying... AND I can't get rid of it and I have no idea...

The site is for a webcomic and uses PHP Inclusion to add content (e.g. index.php?id=ep1 is the page for episode one)

Here's the coding of the index.php page:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>the-undefined.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css">
<script type="text/javascript"> 
function getURL(val){ 
base = 'http://www.the-undefined.net/index.php?id=ep'; 
   location = base + val; 
   return false; 
} 
</script>
</head>
<body bgcolor="#2A2A2A">

<table align="center" width="650" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right" colspan="2">

		<table width="450" border="0" cellspacing="5" cellpadding="0"><tr>
		<td id="nav-top"><a href="index.php?id=home" title="the home">home</a></td>
		<td id="nav-top"><a href="index.php?id=story" title="the story">the story</a></td>
		<td id="nav-top"><a href="index.php?id=eplist" title="the ep list">ep list</a></td>
		<td id="nav-top"><a href="index.php?id=omake" title="the omake">omake</a></td>
		<td id="nav-top"><a href="index.php?id=site" title="the site">site</a></td>
		<td>&nbsp;</td>
		</tr></table>

</td>
</tr>
<tr>
<td height="350" valign="top" align="left" colspan="2" style="border: 15px solid #f0f0f0;">

					<?php
					// checks if $z is defined
					if($id) {
					$x = basename($id);
					// Adds an extension to $z. E.g., if $z was main, then after this line, $z becomes main.php
					$id .= ".php";
					// Checks if $z is in the current directory
					if (is_file("./$id")) {
					// Includes $z
					include($id);
					} else {
					// If $z is not in the current directory, an error comes out
					echo "<center><br><br><b>404 Error:</b><br><br>The page you are looking for, <b>$id</b> doesn't seem to exist!</center>";
					}
					} else {
					// Include main.php if $z is not defined
					include("home.php");
					}
					?>

</td>
</tr>
<tr>
<td align="left">

		<table width="170" border="0" cellspacing="5" cellpadding="0"><tr>
		<td>&nbsp;</td>
		<td id="nav-bottom"><a href="index.php" title="the domain">the undefined</a></td>
		</tr></table>

</td>
<td align="right">

		<table width="200" border="0" cellspacing="5" cellpadding="0"><tr>
		<td id="nav-bottom"><a href="index.php?id=ep1" title="the first ep">first ep</a></td>
		<td id="nav-bottom"><a href="index.php" title="the last ep">last ep</a></td>
		<td>&nbsp;</td>
		</tr></table>

</td>
</tr>
</table>

<center><br><br><br><br><br><br><br><font color="#444444"><b>&copy; Copyright 2006<br>All Rights Reserved</b></font></center>

</body>
</html>

And for example an episode page is:

HTML Code:

<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr><td>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="625" height="350">
<param name="movie" value="001.swf">
<param name="quality" value="high">
<embed src="001.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="625" height="350"></embed>
</object>
</td></tr>
<tr><td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: right; padding: 5px;" valign="center">

	<table width="200" border="0" cellspacing="0" cellpadding="0" align="right">
	<tr><form id="form1" name="form1" method="post" action="" onsubmit="return getURL(this.url.value)" style="padding: 0px;"> 
	<td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: right;"> &laquo; <s>Prev</s> | </td>
	<td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: center;"><input name="url" type="text" style="background-color: #ffffff; color: #000000; text-align: center; border: 1px solid #000000; width: 30px; height: 16px; font-size: 11px; font-family: Verdana; vertical-align: middle;" class="form" /></td>
	<td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: left;"> | <a href="index.php?id=ep2" title="the next" style="color: #000000;">Next &raquo;</a>&nbsp;&nbsp;&nbsp;&nbsp;</td>
	</form></tr>
	</table>

</td></tr>
</table>

And it keeps randomly appearing everytime I refresh the page! Can anyone help...?

Thanks,
Spedman975

P.S. Sorry if this isn't where I should post this but I'm new to this!