Need Immediate Support. Anyone Please. - Who help are appreciated

zak92

Jun 2 2007, 10:53 AM

Hey guys i want to launch my site soon so yeah i have everything fixed and from photoshop i got my template. I have Iframe in a little box on the right of the site in the affliate thing which is located with a file. www.gfxwarriors.us.to/main.html.
It messes up the whole page. Does anyone have any idea how i can prevent this with slicing or anything else?
Thanks a lot guys.

Jimmy

Jun 2 2007, 10:59 AM

Looking now... I'll see what I can figure out!

QUOTE

I can't remember much about frames... but don't you have to close the frame tags?

You have closed the iframe, but the affiliates.php within the frame has not been closed...

zak92

Jun 3 2007, 06:53 PM

it is closed. I actually fixed this problem but in the way encountered another one. Since i added the i frame its for some reason placed in the middle which gives it a white space on each end. It works fine in Internet Explorer though. Help is appriciated.

jlhaslip

Jun 3 2007, 08:28 PM

Can you post the code here, please? Or is that link up there your site?

zak92

Jun 4 2007, 01:31 AM

Yeah it is. The link again is http://www.gfxwarriors.us.to/main.html

jlhaslip

Jun 4 2007, 01:45 AM

I think you are being affected by the default styling for tables.

Look over at the search:w3schools site for the information to vertically align that iframe to the top of the td or tr which contains it.

Here is one link to check out: http://www.w3schools.com/html/html_tables.asp

zak92

Jun 4 2007, 01:58 AM

CODE

Thats the code. Can you see what you can do?

biscuitrat

Jun 4 2007, 02:09 AM

QUOTE(zak92 @ Jun 3 2007, 08:58 PM)

CODE

Thats the code. Can you see what you can do?

Ugh, tables and frames. That is quite truly so many miles behind me that I can't particularly help, but here's something that may help. Put your site through an HTML validator (http://www.validator.w3.org) and see what errors come up. I'm willing to bet that many will come up on your site, but try to fix them all. The cleaner your site is, by the W3C's standards, the easier it will be to catch these errors in the future, and fix them.

zak92

Jun 4 2007, 03:25 AM

Well my site is a photoshop designed one and they gave me the sloppy little code. But it works fine in IE like stated above i just don't know why this happens with firefox.

Saint_Michael

Jun 4 2007, 10:13 PM

Well I solved your problem zak it had to do with the height="100%" in your iframe. If I remember correctly iframes don't like percentages and so you have to use absolute value i.e. px (pixels). Anyways I cleaned up most of the coding after applying a DOC type which helped greatly. I got you down to 1 error and like I mention in the shoutbox you have to apply some CSS and your set.

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- ImageReady Preload Script (GFXwarriors.psd) -->

<title>.::GFX.Warriors::.</title>
&lt;script type="text/javascript">
<!--

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		main_03_over = newImage("images/main_03-over.gif");
		main_05_over = newImage("images/main_05-over.gif");
		main_07_over = newImage("images/main_07-over.gif");
		main_09_over = newImage("images/main_09-over.gif");
		main_11_over = newImage("images/main_11-over.gif");
		preloadFlag = true;
	}
}

// -->
</script><!-- End Preload Script -->
</head>
<body onload="preloadImages();" >
<!-- ImageReady Slices (GFXwarriors.psd) -->
<table id="Table_01" border="0" cellpadding="0" cellspacing="0" height="769" width="1025">
	<tbody><tr>
		<td colspan="19">
			<img src="main_files/main_01.gif" alt="" height="302" width="1024" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="302" width="1" /></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="3">
			<img src="main_files/main_02.gif" alt="" height="30" width="138" /></td>
  <td>
			<a href="http://www.gfxwarriors.us.to/home.html" target="mainframe" onmousedown="changeImages('main_03', 'images/main_03-over.gif'); return true;" onmouseup="changeImages('main_03', 'images/main_03-over.gif'); return true;" onmouseover="changeImages('main_03', 'images/main_03-over.gif'); return true;" onmouseout="changeImages('main_03', 'images/main_03.gif'); return true;">
				<img src="main_files/main_03.gif" alt="" name="main_03" width="35" height="9" border="0" id="main_03" /></a></td>
<td rowspan="3">
			<img src="main_files/main_04.gif" alt="" height="30" width="87" /></td>
  <td>
			<a href="http://www.gfxwarriors.us.to/forum.html" target="mainframe" onmousedown="changeImages('main_05', 'images/main_05-over.gif'); return true;" onmouseup="changeImages('main_05', 'images/main_05-over.gif'); return true;" onmouseover="changeImages('main_05', 'images/main_05-over.gif'); return true;" onmouseout="changeImages('main_05', 'images/main_05.gif'); return true;">
				<img src="main_files/main_05.gif" alt="" name="main_05" width="43" height="9" border="0" id="main_05" /></a></td>
<td rowspan="3">
			<img src="main_files/main_06.gif" alt="" height="30" width="110" /></td>
  <td>
			<a href="http://www.gfxwarriors.us.to/imageh.html" target="mainframe" onmousedown="changeImages('main_07', 'images/main_07-over.gif'); return true;" onmouseup="changeImages('main_07', 'images/main_07-over.gif'); return true;" onmouseover="changeImages('main_07', 'images/main_07-over.gif'); return true;" onmouseout="changeImages('main_07', 'images/main_07.gif'); return true;">
				<img src="main_files/main_07.gif" alt="" name="main_07" width="95" height="9" border="0" id="main_07" /></a></td>
<td rowspan="3">
			<img src="main_files/main_08.gif" alt="" height="30" width="116" /></td>
  <td>
			<a href="http://www.gfxwarriors.us.to/downloads.html" target="mainframe" onmousedown="changeImages('main_09', 'images/main_09-over.gif'); return true;" onmouseup="changeImages('main_09', 'images/main_09-over.gif'); return true;" onmouseover="changeImages('main_09', 'images/main_09-over.gif'); return true;" onmouseout="changeImages('main_09', 'images/main_09.gif'); return true;">
				<img src="main_files/main_09.gif" alt="" name="main_09" width="72" height="9" border="0" id="main_09" /></a></td>
<td colspan="6" rowspan="2">
			<img src="main_files/main_10.gif" alt="" height="26" width="93" /></td>
  <td colspan="2">
			<a href="http://www.gfxwarriors.us.to/contact.html" target="mainframe" onmousedown="changeImages('main_11', 'images/main_11-over.gif'); return true;" onmouseup="changeImages('main_11', 'images/main_11-over.gif'); return true;" onmouseover="changeImages('main_11', 'images/main_11-over.gif'); return true;" onmouseout="changeImages('main_11', 'images/main_11.gif'); return true;">
				<img src="main_files/main_11.gif" alt="" name="main_11" width="75" height="9" border="0" id="main_11" /></a></td>
<td colspan="2" rowspan="5">
			<img src="main_files/main_12.gif" alt="" height="55" width="160" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="9" width="1" /></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="main_files/main_13.gif" alt="" height="21" width="35" /></td>
  <td rowspan="2">
			<img src="main_files/main_14.gif" alt="" height="21" width="43" /></td>
  <td rowspan="2">
			<img src="main_files/main_15.gif" alt="" height="21" width="95" /></td>
  <td rowspan="2">
			<img src="main_files/main_16.gif" alt="" height="21" width="72" /></td>
  <td colspan="2">
			<img src="main_files/main_17.gif" alt="" height="17" width="75" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="17" width="1" /></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="main_files/main_18.gif" alt="" height="4" width="60" /></td>
  <td colspan="4" rowspan="2">
			<img src="main_files/main_19.gif" alt="" height="8" width="100" /></td>
  <td rowspan="3">
			<img src="main_files/main_20.gif" alt="" height="29" width="8" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="4" width="1" /></td>
	</tr>
	<tr>
		<td rowspan="7">
			<img src="main_files/main_21.gif" alt="" height="436" width="114" /></td>
	  <td colspan="9" rowspan="4"><iframe src="main_files/home.htm" name="mainframe" width="100%" height="366px" scrolling="no" frameborder="0" id="mainframe"></iframe></td>
		<td colspan="2" rowspan="3">
			<img src="main_files/main_23.gif" alt="" height="357" width="20" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="4" width="1" /></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="main_files/main_24.gif" alt="" height="21" width="100" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="21" width="1" /></td>
	</tr>
	<tr>
		<td>
			<img src="main_files/main_25.gif" alt="" height="332" width="1" /></td>
	  <td colspan="5">
	  <iframe src="main_files/affliates.htm" marginheight="0" marginwidth="0" frameborder="0" height="332px" scrolling="no" width="100%"></iframe></td>
		<td rowspan="5">
			<img src="main_files/main_27.gif" alt="" height="411" width="138" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="332" width="1" /></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="main_files/main_28.gif" alt="" height="79" width="10" /></td>
  <td colspan="3">
			<a href="http://www.gfxwarriors.us.to/affliate.html"><img src="main_files/main_29.gif" alt="" border="0" height="9" width="23" /></a></td>
  <td colspan="2" rowspan="4">
			<img src="main_files/main_30.gif" alt="" height="79" width="87" /></td>
  <td colspan="2">
			<a href="http://www.gfxwarriors.us.to/affliate/all.php"><img src="main_files/main_31.gif" alt="" border="0" height="9" width="30" /></a></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="9" width="1" /></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="main_files/main_32.gif" alt="" height="28" width="622" /></td>
  <td colspan="3" rowspan="3">
			<img src="main_files/main_33.gif" alt="" height="70" width="23" /></td>
  <td colspan="2" rowspan="3">
			<img src="main_files/main_34.gif" alt="" height="70" width="30" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="28" width="1" /></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="main_files/main_35.gif" alt="" height="32" width="622" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="32" width="1" /></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="main_files/main_36.gif" alt="" height="10" width="622" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="10" width="1" /></td>
	</tr>
	<tr>
		<td>
			<img src="main_files/spacer.gif" alt="" height="1" width="114" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="24" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="35" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="87" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="43" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="110" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="95" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="116" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="72" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="40" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="10" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="10" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="1" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="12" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="20" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="67" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="8" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="22" /></td>
  <td>
			<img src="main_files/spacer.gif" alt="" height="1" width="138" /></td>
	  <td></td>
	</tr>
</tbody></table>
<!-- End ImageReady Slices -->
</body></html>

Of course don't to forget to change the file urls or you will have some problems displaying

ADD REPLY / Got an Opinion!	a humble request :-)	RAPID SEARCH!	Free Hosting	[X]
Express your Opinions, Thoughts or Contribute more info. to help others. Ask your Doubts & Queries to get answers, So that "Together We can help others!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE