PDA

View Full Version : page distorted, help!!!

DarkMoonX
03-11-2006, 06:21 AM
I've got my layout and stuff already to add my links and pages but it looks all distorted in IE. Images arn't aligned right and table cells are higher or wider.
It looks fine in FireFox and Netscape browser, but I haven't tested it in any others such as Opera. Anyway here is the site http://darkmoonx.awardspace.com/
Please help! I'm willing to even help someone with something though I've just started to get into graphics. I could do a sig or something preferably abstract high-tech/sci-fi technology.
This is the page source.
<html>
<head>
<title>DarkMoonX Test Site</title>
</head>
<body bgcolor="#2D2D2D" background="bg.jpg" leftmargin="0" topmargin="0">

<table border="0" cellpadding="0" cellspacing="0">

<!-- Logo -->
<tr>
<td colspan="3">
<img src="logo.bmp">
</td>

</tr>

<!-- Left Bar Img -->
<tr>
<td width="156">
<img src="lb.jpg">
</td>

<!-- Middle Bar -->
<td width="654" background="bar.jpg">
</td>

<!-- Right Bar Img -->
<td width="150">
<img src="rb.jpg">
</td>
</tr>

<!-- Navigation Pic -->
<tr>
<td>
<img src="navpic.bmp">
</td>

<!-- Main Part of Page -->
<td colspan="2" rowspan="6" valign="top">
Hi!
</td>
</tr>

<!-- Navigation -->
<tr>
<td align="center" valign="top" background="navbg.jpg">
<b>Home<br>Forums<br>Downloads</b>

</td>
</tr>

<!-- Navigation Bottom Pic -->
<tr>
<td>
<img src="nb.jpg">
</td>
</tr>

<!-- Extras Top Pic -->

<tr>
<td>
<img src="etp.jpg">
</td>
</tr>

<!-- Extras -->
<tr>
<td align="center" valign="top" background="ebg.jpg">
<img src="conr.gif">
</td>

</tr>

<!-- Extras Bottom Pic -->
<tr>
<td>
<img src="ebp.jpg">
</td>
</tr>


</table>

</body>
</html>
rootbeerhoney
03-11-2006, 06:36 AM
I dont know? I have i.e. and it looked fine to me :confused: the coding looks correct maybe I wrong? but from what i see it looks good :)
DarkMoonX
03-11-2006, 06:42 AM
can't u c that some of the images arn't connected? you should try looking in another browser, but all the images connect togeather
luvhartz
03-11-2006, 03:09 PM
IE does that sometimes, try this [taking most of the new lines out so the tds are on the same line.]

<html>
<head>
<title>DarkMoonX Test Site</title>
</head>
<body bgcolor="#2D2D2D" background="bg.jpg" leftmargin="0" topmargin="0">

<table border="0" cellpadding="0" cellspacing="0">
<!-- Logo -->
<tr>
<td colspan="3"><img src="logo.bmp"></td>
</tr>
<!-- Left Bar Img -->
<tr>
<td width="156"><img src="lb.jpg"></td>
<!-- Middle Bar -->
<td width="654" background="bar.jpg"></td>
<!-- Right Bar Img -->
<td width="150"><img src="rb.jpg"></td>
</tr>
<!-- Navigation Pic -->
<tr>
<td><img src="navpic.bmp"></td>
<!-- Main Part of Page -->
<td colspan="2" rowspan="6" valign="top">Hi!</td>
</tr>
<!-- Navigation -->
<tr>
<td align="center" valign="top" background="navbg.jpg"><b>Home<br>Forums<br>Downloads</b></td>
</tr>
<!-- Navigation Bottom Pic -->
<tr>
<td><img src="nb.jpg"></td>
</tr>
<!-- Extras Top Pic -->
<tr>
<td><img src="etp.jpg"></td>
</tr>
<!-- Extras -->
<tr>
<td align="center" valign="top" background="ebg.jpg"><img src="conr.gif"></td>
</tr>
<!-- Extras Bottom Pic -->
<tr>
<td><img src="ebp.jpg"></td>
</tr>
</table>
</body>
</html>
DarkMoonX
03-11-2006, 05:59 PM
Wow didn't know it would be so simple, thanks alot!
luvhartz
03-11-2006, 07:07 PM
no problem, I was in the smae problem as you a while ago and a member told me lol