Why is it messed up?

intertec

New Member
Messages
946
Reaction score
0
Points
0
Most likely because you are using tables and its not cross browser compatible. Try to do some css tutorials and get more used to it. The more you practice the better you get:)
 

bpakidz

New Member
Messages
36
Reaction score
0
Points
0
Most likely because you are using tables and its not cross browser compatible. Try to do some css tutorials and get more used to it. The more you practice the better you get:)

Thanks, but I am not using tables in my code. This is how I coded the page. Also, it's the index and Photo pages that are messed up. I don't think that the others are affected. :D


HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML lang="en">

<HEAD>
<META content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<TITLE>Welcome to Beach Park Academy</TITLE>

<STYLE type="text/css">
</STYLE>
<META name="GENERATOR" content="Microsoft FrontPage 6.0">
<META name="ProgId" content="FrontPage.Editor.Document">
<STYLE fprolloverstyle>A:hover {color: #1F86FF; text-transform: capitalize; font-weight: bold}
</STYLE>
<meta name="Microsoft Theme" content="ice 1011, default">
<meta name="Microsoft Border" content="tb">
</HEAD>

<BODY class="mstheme" style="width: 1280; height: 960">
<div>
<A href="http://forums.x10hosting.com/review-my-site/photos.html">
<IMG border="0" src="http://forums.x10hosting.com/images/beautiful.JPG" align="left" hspace="120" vspace="15" alt="Click to see pictures of our facillities, students &amp; staff"></A><DIV style="font-family: Trebuchet MS; position: relative; text-align: center; vertical-align:middle; line-height:150%; width:547px; height:225px">
    <H2>&nbsp;</H2>
    <H2>“Quality Care For When You're Not There”</H2>
    Beach Park Academy<P style="line-height: 100%">1509 S. Clark Ave<BR>
    Tampa, FL 33629<BR>
    813.281.9388</P>
    <P>6:30AM - 6:00PM Mon-Fri
    </P>
    <H2 style="line-height: 150%">Proudly serving South Tampa since 1989</H2>
</DIV>
</div>

</BODY>

</HTML>
 
Last edited:

JuniorD

New Member
Messages
564
Reaction score
0
Points
0
the layout isnt too keen, try working on it, like, a lot.
 

dickey

New Member
Messages
128
Reaction score
0
Points
0
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML lang="en">

<HEAD>
<META content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<TITLE>Welcome to Beach Park Academy</TITLE>

<STYLE type="text/css">
</STYLE>
<META name="GENERATOR" content="Microsoft FrontPage 6.0">
<META name="ProgId" content="FrontPage.Editor.Document">
<STYLE fprolloverstyle>A:hover {color: #1F86FF; text-transform: capitalize; font-weight: bold}
</STYLE>
<!--mstheme--><link rel="stylesheet" type="text/css" href="_themes/ice/ice1011-28591.css"><meta name="Microsoft Theme" content="ice 1011, default">
<meta name="Microsoft Border" content="tb">
</HEAD>

<BODY class="mstheme" style="width: 1280; height: 960"><!--msnavigation--><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>


<P style="text-align: center">
<IMG border="0" src="http://forums.x10hosting.com/images/ClipArt/bpalogo3.gif" style="text-align: center" align="middle" width="787" height="108"></P>
<P style="text-align: center">
<script language="JavaScript"><!--
MSFPhover = 
  (((navigator.appName == "Netscape") && 
  (parseInt(navigator.appVersion) >= 3 )) || 
  ((navigator.appName == "Microsoft Internet Explorer") && 
  (parseInt(navigator.appVersion) >= 4 ))); 
function MSFPpreload(img) 
{
  var a=new Image(); a.src=img; return a; 
}
// --></script><script language="JavaScript"><!--
if(MSFPhover) { MSFPnav1n=MSFPpreload("_derived/home_cmp_ice010_hbtn_p.gif"); MSFPnav1h=MSFPpreload("_derived/home_cmp_ice010_hbtn_a.gif"); }
// --></script><a href="http://forums.x10hosting.com/review-my-site/index.html" language="JavaScript" onmouseover="if(MSFPhover) document['MSFPnav1'].src=MSFPnav1h.src" onmouseout="if(MSFPhover) document['MSFPnav1'].src=MSFPnav1n.src"><img src="_derived/home_cmp_ice010_hbtn_p.gif" width="154" height="37" border="0" alt="Home" align="middle" name="MSFPnav1"></a> <script language="JavaScript"><!--
if(MSFPhover) { MSFPnav2n=MSFPpreload("_derived/facilities.html_cmp_ice010_hbtn.gif"); MSFPnav2h=MSFPpreload("_derived/facilities.html_cmp_ice010_hbtn_a.gif"); }
// --></script><a href="http://forums.x10hosting.com/review-my-site/facilities.html" language="JavaScript" onmouseover="if(MSFPhover) document['MSFPnav2'].src=MSFPnav2h.src" onmouseout="if(MSFPhover) document['MSFPnav2'].src=MSFPnav2n.src"><img src="_derived/facilities.html_cmp_ice010_hbtn.gif" width="154" height="37" border="0" alt="Our Locations" align="middle" name="MSFPnav2"></a> <script language="JavaScript"><!--
if(MSFPhover) { MSFPnav3n=MSFPpreload("_derived/handbook.html_cmp_ice010_hbtn.gif"); MSFPnav3h=MSFPpreload("_derived/handbook.html_cmp_ice010_hbtn_a.gif"); }
// --></script><a href="http://forums.x10hosting.com/review-my-site/handbook.html" language="JavaScript" onmouseover="if(MSFPhover) document['MSFPnav3'].src=MSFPnav3h.src" onmouseout="if(MSFPhover) document['MSFPnav3'].src=MSFPnav3n.src"><img src="_derived/handbook.html_cmp_ice010_hbtn.gif" width="154" height="37" border="0" alt="Handbook" align="middle" name="MSFPnav3"></a> <script language="JavaScript"><!--
if(MSFPhover) { MSFPnav4n=MSFPpreload("_derived/photos.html_cmp_ice010_hbtn.gif"); MSFPnav4h=MSFPpreload("_derived/photos.html_cmp_ice010_hbtn_a.gif"); }
// --></script><a href="http://forums.x10hosting.com/review-my-site/photos.html" language="JavaScript" onmouseover="if(MSFPhover) document['MSFPnav4'].src=MSFPnav4h.src" onmouseout="if(MSFPhover) document['MSFPnav4'].src=MSFPnav4n.src"><img src="_derived/photos.html_cmp_ice010_hbtn.gif" width="154" height="37" border="0" alt="Photos" align="middle" name="MSFPnav4"></a> <script language="JavaScript"><!--
if(MSFPhover) { MSFPnav5n=MSFPpreload("_derived/bpaforms.html_cmp_ice010_hbtn.gif"); MSFPnav5h=MSFPpreload("_derived/bpaforms.html_cmp_ice010_hbtn_a.gif"); }
// --></script><a href="http://forums.x10hosting.com/review-my-site/bpaforms.html" language="JavaScript" onmouseover="if(MSFPhover) document['MSFPnav5'].src=MSFPnav5h.src" onmouseout="if(MSFPhover) document['MSFPnav5'].src=MSFPnav5n.src"><img src="_derived/bpaforms.html_cmp_ice010_hbtn.gif" width="154" height="37" border="0" alt="Forms" align="middle" name="MSFPnav5"></a></P>

<P style="text-align: center">&nbsp;</P>


</td></tr><!--msnavigation--></table><!--msnavigation--><table dir="ltr" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><!--msnavigation--><td valign="top">
<div>
<A href="http://forums.x10hosting.com/review-my-site/photos.html">
<IMG border="0" src="http://forums.x10hosting.com/images/beautiful.JPG" align="left" hspace="120" vspace="15" alt="Click to see pictures of our facillities, students &amp; staff"></A><DIV style="font-family: Trebuchet MS; position: relative; text-align: center; vertical-align:middle; line-height:150%; width:547px; height:225px">
	<H2>&nbsp;</H2>
	<H2>“Quality Care For When You're Not There”</H2>
	Beach Park Academy<P style="line-height: 100%">1509 S. Clark Ave<BR>

	Tampa, FL 33629<BR>
	813.281.9388</P>
	<P>6:30AM - 6:00PM Mon-Fri
	</P>
	<H2 style="line-height: 150%">Proudly serving South Tampa since 1989</H2>
</DIV>
</div>

<!--msnavigation--></td></tr><!--msnavigation--></table><!--msnavigation--><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>

<DIV style="font-size: 10px; padding-top: 7px; padding-bottom: 7px" class="mstheme" align="center">
	<FONT face="Arial">Beach Park Academy&nbsp;&nbsp;&nbsp; 1509 S. Clark Ave&nbsp;&nbsp;&nbsp;&nbsp; 
	Tampa,&nbsp; FL&nbsp; 33629&nbsp;&nbsp;&nbsp;&nbsp; 813-281-9388</FONT></DIV>
<DIV style="font-size: 10px; padding-top: 7px; padding-bottom: 7px" class="mstheme" align="center">
	<FONT face="Arial">BPA II - Wee Care&nbsp;&nbsp;&nbsp;&nbsp; 3204 Bay to Bay 
	Blvd.&nbsp;&nbsp;&nbsp;&nbsp; Tampa, FL 33629&nbsp;&nbsp;&nbsp;&nbsp; 
	813-835-0370</FONT></DIV>

<P>&nbsp;</P>
<P>&nbsp;</P>
<P style="text-align: center">
<SCRIPT type="text/javascript" src="http://x10hosting.com/adserve.js?bpzkidz"></SCRIPT>
</P>

</td></tr><!--msnavigation--></table></BODY>

</HTML>

This is how your site looks like. It seems to me that the problem is the advertisement screws up your page. if you have control on your ads find a way to make it cross browser compatible. You can see the advertisement added a table to your site.

Try to make it in such a way that your ad can be placed inside a div tag so that it is easy for you to move it around.
 
Last edited:
Top