PDA

View Full Version : Firefox Image Alignment Issue


Fose1Graphics
03-19-2009, 02:05 AM
Building a site (www.tinaalia.com) and it's been a few years since I've used Dreamweaver (MX). So my issue goes, in IE and Safari the site appears normal, but in Firefox there is alignment issue. I have read through several forums andI cannot seem to find an issue. If anyone has any suggestions or fixes, any will help. As of now, I have a book open and trying to figure out step by step what I may have done in the process to cause this. Also, I did find several sites mentioning Dreamweaver and Firefox compatibility. Thank you ahead of time.

Fose1

edbr
03-19-2009, 02:18 AM
Code or URL please

Fose1Graphics
03-19-2009, 02:25 AM
Sure, here it goes:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>www.TinaAlia.com (http://www.tinaalia.com/) - Underconstruction</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
<!--

A: { font-family: Arial, Verdana, Helvetica; font-size: 9pt; color: #990000; text-decoration: underline; font-weight: normal;}
A:link { font-family: Arial, Verdana, Helvetica; font-size: 9pt; color: #990000; text-decoration: underline; font-weight: normal;}
A:visited { font-family: Arial, Verdana, Helvetica; font-size: 9pt; color: #990000; text-decoration: underline; font-weight: normal;}
A:hover { font-family: Arial, Verdana, Helvetica; font-size: 9pt; color: #3268B5; text-decoration: underline; font-weight: normal;}

.title { font-family: Arial, Verdana, Helvetica; font-size: 10pt; color: #990000; font-weight: bold; font-style: normal; text-decoration: none;}
td { font-family: Arial, Verdana, Helvetica; font-size: 9pt; color: #000000; font-weight: normal; font-style: normal; text-decoration: none;}

-->
</style>
</head>

<body bgcolor="#000000" text="#FFFFFF" link="#660000" alink="#0000CC" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<div align="center">
<table width="776" height="386" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="106" height="61" valign="top"><div align="left">
<p><img src="images/m1.jpg" width="106" height="61"></p>
</div></td>
<td colspan="2" rowspan="10" valign="top"><img src="images/m3.jpg" width="120" height="335"></td>
<td colspan="2" rowspan="2" valign="top"><img src="images/wel1.jpg" width="265" height="65"></td>
<td colspan="5" rowspan="2" valign="top"><img src="images/pro1.jpg" width="284" height="65"></td>
<td width="1"></td>
</tr>
<tr>
<td rowspan="2" valign="top"><a href="index.html"><img src="images/home.jpg" width="106" height="24" border="0"></a></td>
<td height="4"></td>
</tr>
<tr>
<td colspan="2" rowspan="4" valign="top"><img src="images/index_06.jpg" width="265" height="102"></td>
<td colspan="3" rowspan="4" valign="top"><img src="images/pro2.jpg" width="128" height="102"></td>
<td width="129" rowspan="4" valign="top"><img src="images/index_08.jpg" width="129" height="102"></td>
<td width="27" rowspan="4" valign="top"><img src="images/pro3.jpg" width="27" height="102"></td>
<td height="20"></td>
</tr>
<tr>
<td height="35" valign="top"><img src="images/about.jpg" width="106" height="35"></td>
<td></td>
</tr>
<tr>
<td height="29" valign="top"><img src="images/cars.jpg" width="106" height="29"></td>
<td></td>
</tr>
<tr>
<td rowspan="2" valign="top"><img src="images/designers.jpg" width="106" height="30"></td>
<td height="18"></td>
</tr>
<tr>
<td colspan="2" rowspan="2" valign="top"><img src="images/ld1.jpg" width="265" height="42"></td>
<td colspan="5" rowspan="2" valign="top"><img src="images/nw1.jpg" width="284" height="42"></td>
<td height="12"></td>
</tr>
<tr>
<td height="32" valign="top"><img src="images/contacts.jpg" width="106" height="32"></td>
<td></td>
</tr>
<tr>
<td rowspan="3" valign="top"><img src="images/m2.jpg" width="106" height="124"></td>
<td width="91" rowspan="3" valign="top"><img src="images/ld2.jpg" width="91" height="126"></td>
<td width="174" rowspan="3" valign="top"><img src="images/index_17.jpg" width="174" height="126"></td>
<td width="32" rowspan="3" valign="top"><img src="images/nw2.jpg" width="32" height="126"></td>
<td height="107" colspan="3" valign="top"><img src="images/index_19.jpg" width="225" height="107"></td>
<td valign="top"><img src="images/nw4.jpg" width="27" height="107"></td>
<td></td>
</tr>
<tr>
<td colspan="4" rowspan="2" valign="top"><img src="images/nw3.jpg" width="252" height="19"></td>
<td height="17"></td>
</tr>
<tr>
<td width="101" height="2"></td>
<td width="19"></td>
<td></td>
</tr>
<tr>
<td height="294" colspan="10" valign="top"><img src="images/m4.jpg" width="775" height="294"></td>
<td></td>
</tr>
<tr>
<td height="51" colspan="2" valign="top"><img src="images/m5.jpg" width="207" height="51"></td>
<td colspan="5" valign="top"><img src="images/b_links.jpg" width="355" height="51"></td>
<td colspan="3" valign="top"><img src="images/m6.jpg" width="213" height="51"></td>
<td></td>
</tr>
<tr>
<td height="46" colspan="10" valign="top"><div align="center">
<p>&nbsp;</p>
<p><font color="#FFFFFF" size="2">Thank you for visiting www.TinaAlia.com (http://www.tinaalia.com/)
- This site is currently in development - Courtesy of Fose1 Graphics
(<a href="http://www.fose1.com (http://www.fose1.com/)">www.fose1.com (http://www.fose1.com/)</a>)</font></p>
</div></td>
<td></td>
</tr>
<tr>
<td height="1"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td width="39"></td>
<td width="57"></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</body>
</html>

edbr
03-19-2009, 03:09 AM
. Using tables is not the way to get this done but ok looking quickly , at the bottom you have
<tr>
<td height="1"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td width="39"></td>
<td width="57"></td>
<td></td>
<td></td>
<td></td>
</tr>
which is empty and redundant.
i also see one instance where you have n image in <p> tags

<p><img src="images/m1.jpg" width="106" height="61"></p>

think about using divs instaed of tables though

Fose1Graphics
03-27-2009, 04:23 AM
Thanks for your help. I'll go back to this and take your advice.