Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6

Thread: Firefox Help!

  1. #1
    New Coder
    Join Date
    Feb 2007
    Posts
    90
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Firefox Help!

    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

  • #2
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    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.

  • #3
    New Coder
    Join Date
    Feb 2007
    Posts
    90
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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.

  • #4
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Are you sure? I took out the floats and the images stopped overlapping.

  • #5
    Regular Coder
    Join Date
    Feb 2007
    Location
    Seattle
    Posts
    153
    Thanks
    5
    Thanked 9 Times in 9 Posts
    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.

    Code:
    <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.

  • #6
    Regular Coder
    Join Date
    Feb 2007
    Location
    Seattle
    Posts
    153
    Thanks
    5
    Thanked 9 Times in 9 Posts
    Yep, it was some misplaced and missing div tags. Here is the modified html for the bad page; you can copy and paste this.

    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=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>


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •