...

View Full Version : Firefox Help!



mysterybks
07-23-2007, 09:54 PM
I have 2 pages. They are essentially the same. I've even copied the working page and just changed graphics and it still doesn't work right. I've tried all sorts of fixes. Nothing works. The graphics are on top of each other.

The messed up page:

http://www.philipswatson.com/Testing/Cycling.html

The right page:

http://www.philipswatson.com/Testing/Veteran.html

I see another page is doing it too. So once I get help on the Cycling page, I should be able to fix the Writing page.

Thanks.

Dawn

rmedek
07-24-2007, 02:10 AM
It looks like the floats you are using on the images are messing things up. Get rid of them and you'll see an improvement.

P.S. Please try using something more descriptive than "Firefox Help!" as a title. Thanks.

mysterybks
07-24-2007, 03:45 AM
I took off the floats and nothing changed.

Thanks for the help. I hope someone can figure out what is so different about this page. I've searched and searched.

rmedek
07-24-2007, 04:12 AM
Are you sure? I took out the floats and the images stopped overlapping.

garydarling
07-24-2007, 06:59 AM
I found one item of note so far; the page you like has a DIV tag (right after your div id="NAV") that your bad page does not.


<div id="style3"><br/>
<div style="height: 100%;"><img width="500" height="375" style="padding-right: 25px; float: right;" src="images/100-0033_IMG.JPG" alt="Reunion"/></div><div style="margin-left: 260px; height: 100%;">Branson, MO--Reunion of NSA Danang.<br/>Three Sa Huynh guys: Greg, Harry, and me.</div>
<br/><br/>
<table width="100%" cellspacing="11"><tbody><tr>
<td width="50%">
<div style="width: 50%;"><img width="350" height="368" style="padding-right: 25px; float: left;" src="images/Image2-221.jpg" alt="Vietnam Wall"/></div>Remembering Larry Lee Baxter--5/12/69<br/>
</td>

<td width="50%" valign="top"><div style="width: 50%;">
<img width="350" height="242" src="images/Image2-255.jpg" alt="Vietnam Wall Dedication"/></div>Vietnam Wall Dedication, Washington, D.C.<br/>
</td></tr><tr style="margin-top: 25px;"><td width="50%">
<div style="width: 50%;"><img width="350" height="244" class="style1" style="padding-right: 25px; float: left;" src="images/Image2-246.jpg" alt="Wall Dedication Parade"/></div>Marching in Wall dedication parade, Texas Delegation.</td>
<td width="50%" valign="top">
<div style="width: 50%;"><img width="350" height="235" src="images/SaHuynh.jpg" alt="Sa Huynh"/></div>Naval Support Activity Detachment, Sa Huynh<br/>aka "Gilligan's Island" and/or "First Naval Infantry"</td></tr></tbody></table></div>

Try adding the tag as shown above to your bad page, right after the NAV div, and see if it helps. Be sure to close the tag in the appropriate place.

garydarling
07-24-2007, 07:50 AM
Yep, it was some misplaced and missing div tags. Here is the modified html for the bad page; you can copy and paste this.


<!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=utf-8" />
<title>Philip S. Watson</title>
<link rel="stylesheet" type="text/css" href="_borders/style.css" />
</head>

<body>

<div id="main">
<div>
<h1 id="style1" align="center">Philip S. Watson</h1>

<h2 id="style1" style="margin-top: 20px" align="center">Cycling</h2>
</div>
<div style="margin-top: 20px; width: 100%; height: 100%">
<!--webbot bot="Include" u-include="Navigation.htm" tag="BODY" startspan -->
<div id="Nav">


<a href="index.html">
<img style="border: 0" id="img6" src="images/button14.jpg" height="20" width="100" alt="Home" /><!-- MSComment="ibutton" fp-style="fp-btn: Embossed Capsule 1; fp-img-hover: 0; fp-img-press: 0; fp-preload: 0" fp-title="Home" --></a><br />
<br />
<a href="Writing.html">
<img style="border: 0" id="img1" src="images/button3.jpg" height="20" width="100" alt="Writing" /><!-- MSComment="ibutton" fp-style="fp-btn: Embossed Capsule 1; fp-img-hover: 0; fp-img-press: 0; fp-preload: 0" fp-title="Writing" --></a><br />

<br />
<a href="Cycling.html">
<img style="border: 0" id="img2" src="images/button6.jpg" height="20" width="100" alt="Cycling" /><!-- MSComment="ibutton" fp-style="fp-btn: Embossed Capsule 1; fp-img-hover: 0; fp-img-press: 0; fp-preload: 0" fp-title="Cycling" --></a><br />
<br />
<a href="Veteran.html">
<img style="border: 0" id="img3" src="images/button9.jpg" height="20" width="100" alt="Veteran" /><!-- MSComment="ibutton" fp-style="fp-btn: Embossed Capsule 1; fp-img-hover: 0; fp-img-press: 0; fp-preload: 0" fp-title="Veteran" --></a><br />
<br />
<a href="Life.html">
<img style="border: 0" id="img4" src="images/buttonC.jpg" height="20" width="100" alt="Life" /><!-- MSComment="ibutton" fp-style="fp-btn: Embossed Capsule 1; fp-img-hover: 0; fp-img-press: 0; fp-preload: 0" fp-title="Life" --></a><br />
<br />
<a href="mailto:philip@philipswatson.com?subject=From Web site">
<img style="border: 0" id="img5" src="images/buttonF.jpg" height="20" width="100" alt="Contact" /><!-- MSComment="ibutton" fp-style="fp-btn: Embossed Capsule 1; fp-img-hover: 0; fp-img-press: 0; fp-preload: 0" fp-title="Contact" --></a><br />
<br />
<img alt="Vietnam" src="images/NamColors_2.jpg" width="200" height="60" style="float:left; padding-top:50px"/>

</div>
<div id="style3">
<br />
<!--webbot bot="Include" i-checksum="3863" endspan --><div style="height: 100%">
<img alt=" cycling" src="images/chainringgroup.jpg" width="500" height="374" align="right" style="padding-right: 25px" />
</div>
&nbsp;<br />
<div style="width: 100%; height: 100%; margin-left:260px">Words, words<br />More words</div><br /><br />
<table width="100%" cellspacing="11" style="border: thin green solid">
<tr>
<td width="50%">
<div style="width: 50%">

<img alt="Cycling" src="images/Img_2826.jpg" width="235" height="314" style="padding-right: 25px" />
</div>
</td>
<td width="50%" valign="top">
<div style="width: 50%">
<img alt="Cycling" src="images/It042.jpg" width="314" height="200" style="padding-right: 25px" /><br />
Susan in Venice--cycling trip </div>
</td>

</tr>
<tr style="margin-top: 25px">
<td width="50%">
<div style="width: 50%">
<img alt="Cycling" src="images/It076.jpg" width="314" height="204" />
</div>
</td>
</tr>
</table>

</div>

<div>
<!--webbot bot="Include" u-include="footer.htm" tag="BODY" startspan -->
<div id="footerDLD" align="right">
Web Developer:
<a href="mailto:mysteryloverscorner@hotmail.com?subject=Philip Watson's Web site">
Dawn Dowdle</a></div>
<!--webbot bot="Include" i-checksum="49863" endspan --></div>
</div>
</div>
</body>

</html>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum