Please help me - this is probably easy...

candiss_everett · #1 08-06-2006, 10:46 PM

This is probably something real easy to fix, I just cannot seem to fix it.

My website that is up right now - www.perfectlyspoiledbaby.com has a link bar that is made up of pictures with hyperlinks on each page.

I tried to make it more professional by adding shared borders to my pages.

After doing so, when I open my new webpage (which I have not posted yet), I see the layout is a mess on larger screens. The left border is not connected to the actual pages table and you can see the background images in the middle of the screen. I am not going to upload it this way, but I have included pictures of what I am talking about. Please help.

My current page looks like this:

The shared borders problem looks like this:

My index html is as follows:

"<html>
<head>
<title>Perfectly Spoiled Baby - perfectlyspoiledbaby - Baby Shower Store 4 Diaper Cakes, Houston Diaper Cakes for Baby Showers</title>
<meta name="description" content="Houston Area Free Delivery for Baby Shower Diaper Cakes. A Diaper Cake can be used as a centerpeice or as a gift for the proud parent. Your online Baby Shower Store for Elegant Diaper Cakes and Supplies. Also includes Cookies, Chocolates, Flowers and Candy. Complete with Baby Shower Games & Ideas for your Newborn Girl or Newborn Boy. Wow the New Pregnant Mom.">
<meta name="author" content="Candiss Everett">
<meta name="copyright" content="2006">
<meta name="contact" content="perfectlyspoiled******.com"><meta name="keywords" content="houston baby shower diaper cakes, baby shower favors, houston baby shower favors, houston baby shower, houston diaper cakes, free delivery in houston, diaper cakes, baby shower diaper cake, diaper cake centerpeice, baby shower diaper cake, baby shower cake, houston baby shower cake, houston baby gifts, diaper cake, diaper cakes, diapercake, diapercakes, baby shower diaper cake, baby diaper cakes, baby diaper cake, baby gift cake, baby cake diaper, baby cakes, diaper cake, baby shower diaper cakes, shower games, free baby shower game, diaper gift basket, baby cookie bouquet, baby gift basket, diaper cake centerpiece, free baby shower ideas, moon and stars, unique baby gift, baby gifts, shower favors, baby shower gifts, baby shower, newborn baby gift, baby girl gift, baby cakes, babycakes, baby boy gift, baby gift, shower centerpiece, newborn, diaper, diapers, free, new mom gifts, new baby gift, gifts, sweet prince, sweet princess, little one, little girl, little boy, unborn baby gift, new born baby gift, baby announcements, baby invitations, newborn, personalized gifts, designer baby gifts, baby shower corsages, towel cakes, hot baby gifts, sugar and spice, baby shower gift sets, gift sets, baby bottle centerpiece, baby shower centerpiece, clear umbrellas, stork shower, baby stork">
<meta name="revisit-after" content="10 days">
<meta http-equiv="expires" content="never">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="distribution" content="Global">
<meta name="robots" content="All">
<meta name="rating" content="General">
<meta name="no-email-collection" value="[http://www.unspam.com/noemailcollection]"/>
<meta name="Microsoft Border" content="tlb">
</head>
<BODY bgColor=#F3FDFE style="text-align:center" valign="center" background="images/design_elements/BACKGROUND%202.jpg">
<style fprolloverstyle>A:hover {color: #FF0000; font-weight: bold}
</style>

<div align="left">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; float: left; position: relative; left: 0; top: 0; z-index: 0; padding: 0" bordercolor="#111111" width="643" id="AutoNumber2" bgcolor="#FCF3F9" height="544">
<tr>
<td width="100%" height="544">
<div style="width: 663; height: 518">
<div align="left" style="width: 663; height: 476">
<p align="center" style="margin-top: 1; margin-bottom: 1"><b>
<font face="Dauphin" color="#7B59A5" style="font-size: 32pt">"Houston's
Place for Diaper Cakes."</font></b></p>
<p align="center" style="margin-top: 1; margin-bottom: 1"><b>
<font face="Dauphin" size="1" color="#7B59A5"> </font></b></p>
<p style="text-align: center; margin-top: 0; margin-bottom: 0"><b>
<font face="Georgia" color="#7B59A5">These might look like cakes, but are
actually make of baby diapers.  </font></b></p>
<p style="text-align: center; margin-top: 0; margin-bottom: 0"><b>
<font face="Georgia" color="#7B59A5">Makes a great centerpiece or gift for
any baby shower.</font></b></p>
<p align="center">
<img border="0" src="images/design_elements/itsagirl.jpg" width="79" height="142"><img border="0" src="images/design_elements/itsaboy.jpg" width="79" height="142"><a href="bigcake.htm"><img class="pic" alt="images/diaper_cakes/DSC00555.jpg" src="images/diaper_cakes/DSC00555.jpg" border="0" width="112" height="141"></a><a href="bigcake4.htm"><img border="0" src="images/diaper_cakes/diapercake2.jpg" width="96" height="141"></a><a href="bigcake1.htm"><img border="0" src="images/diaper_cakes/diapercake1.jpg" width="117" height="141"></a><img border="0" src="images/design_elements/itsagirl.jpg" width="79" height="142"><img border="0" src="images/design_elements/itsaboy.jpg" width="79" height="142"></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<a href="bigcake5.htm">
<img border="0" src="images/diaper_cakes/diapercake4.jpg" width="83" height="110"><img border="0" src="images/diaper_cakes/DSC00844.JPG" width="91" height="110"></a><a href="bigcake2.htm"><img border="0" src="images/diaper_cakes/diapercake%205.JPG" width="87" height="110"><img border="0" src="images/diaper_cakes/DSC00985.JPG" width="146" height="110"></a><a href="bigcake3.htm"><img border="0" src="images/diaper_cakes/diapercake3.jpg" width="88" height="110"><img border="0" src="images/diaper_cakes/DSC00836.JPG" width="147" height="110"></a><p align="center" style="margin-top: 0; margin-bottom: 0">
<span style="font-size: 1pt"> </span><p align="center" style="margin-top: 0; margin-bottom: 0"><font face="BankGothic Md BT" size="6">
<a href="orders.htm">
<font color="#7B59A5">ORDER NOW</font></a></font><p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" size="2" color="#FF0000">Free Delivery in Houston, TX
for All Diaper Cakes</font><p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" size="2" color="#FF0000">You may order outside of
Houston for exact shipping costs.  Never a Handling Fee.</font></div>
<p align="center"><font face="Arial Narrow" color="#FCF3F9"><span style="font-size: 0.5pt"> </span></font><font face="Arial Narrow" color="#FCF3F9" style="font-size: 0.5pt">Alabama
diaper cake AL Birmingham Alabama Huntsville Alabama Mobile Alabama Montgomery
Alabama Tuscaloosa Alabama Alaska Anchorage Alaska diaper cake AK Fairbanks
Alaska Juneau Alaska Arizona diaper cake AZ Flagstaff Arizona Phoenix Arizona
Prescott Arizona Sierra Vista Arizona Tucson Arizona Yuma Arizona Arkansas
diaper cake AK Ft. Smith Arkansas Hot Springs Arkansas Hot Springs Arkansas
Little Rock Arkansas Pine Bluff Arkansas California diaper cake CA Bakersfield
California Fresno California Lake Tahoe California Los Angeles California
Beverly Hills California Modesto California Monterey California Oakland
California Oceanside California Oxnard California Oxnard California **** Springs
California Riverside California Sacramento California San Bernardino California
San Diego California San Francisco California San Jose California Santa Barbara
California Santa Rosa California Stockton California Ventura California Colorado
diaper cake Boulder Colorado CO Colorado Springs Colorado Denver Colorado Ft.
Collins Colorado Greeley Colorado Pueblo Colorado Connecticut diaper cake
Bridgeport Connecticut CT Greenwich Connecticut Hartford Connecticut New Haven
Connecticut New London Connecticut Stamford Connecticut Stratford Connecticut
Waterbury Connecticut Delaware diaper cake DE Dover Delaware Wilmington Delaware
Florida diaper cake FL Daytona Beach Florida Ft. Lauderdale Florida Fort
Lauderdale Ft. Myers Florida Fort Myers Jacksonville Florida Lakeland Florida
Melbourne Florida Miami Florida Orlando Florida Pensacola Florida St. Petersburg
Florida Saint Petersburg Sarasota Florida Tallahassee Florida Tampa Florida
Titusville Florida West **** Beach Florida Winter Haven Florida Georgia diaper
cake Albany Georgia Atlanta Georgia Augusta Georgia Columbus Georgia Macon
Georgia Savannah Georgia Hawaii diaper cake Honolulu Hawaii Idaho diaper cake
Boise Idaho Idaho Falls Idaho Pocatello Idaho Twin Falls Idaho Illinois diaper
cake IL Bloomington Illinois Champaign Illinois Chicago Illinois Decatur
Illinois ! Rockford Illinois Rock Island Illinois Springfield Illinois Urbana
Illinois Indiana diaper cake IN Anderson Indiana Bloomington Indiana Elkhart
Indiana Evansville Indiana Ft. Wayne Illinois diaper cake IL Fort Wayne Illinois
Indianapolis Illinois Lafayette Illinois Muncie Illinois South Bend Illinois
Terre Haute Illinois Iowa IA diaper cake IO Bettendorf Iowa Cedar Rapids Iowa
Council Bluffs Iowa Davenport Iowa Des Moines Iowa Sioux City Iowa Kansas diaper
cake KS City Kansas Lawrence Kansas Manhattan Kansas Salina Kansas Topeka Kansas
Wichita Kansas Kentucky diaper cake KY Ashland Kentucky Bowling Green Kentucky
Covington Kentucky Frankfort Kentucky Lexington Kentucky Louisville Kentucky
Newport Kentucky Owensboro Kentucky Louisiana diaper cake LA Baton Rouge
Louisiana Lafayette Louisiana Monroe Louisiana New Orleans Louisiana Shreveport
Louisiana Maine diaper cake ME Auburn Maine Augusta Maine Bangor Maine Lewiston
Maine Portland Maine Maryland diaper cake MD Annapolis Maryland Baltimore
Maryland Frederick, Maryland Hagerstown Maryland Massachusetts diaper cake MA
Boston Massachusetts New Bedford Massachusetts Springfield Massachusetts
Worcester Massachusetts Michigan diaper cake MI Ann Arbor Michigan Detroit
Michigan Flint Michigan Grand Rapids Michigan Kalamazoo Michigan Lansing
Michigan Saginaw Michigan Minnesota diaper cake MN Duluth Minnesota Minneapolis
Minnesota Rochester Minnesota St. Cloud Minnesota Saint Cloud Minnesota St. Paul
Minnesota Saint Paul Minnesota Mississippi MS Biloxi Mississippi Gulfport
Mississippi Hattiesburg Mississippi Jackson Mississippi Meridian Mississippi
Missouri diaper cake MO Billings Montana Butte Montana Great Falls Montana
Helena Montana Missoula Montana Nebraska diaper cake NE Grand Island Nebraska
Lincoln Nebraska Omaha Nebraska Nevada diaper cake NV Carson City Nevada Las
Vegas Nevada Reno Nevada New Hampshire Concord New Hampshire Manchester New
Hampshire Nashua New Hampshire New Mexico diaper cake NM Albuquerque New Mexico
Las Cruces New Mexico Santa Fe New Mexico New! York Gi ft Basket NY Albany New
York Binghamton New York Buffalo New York Elmira New York New York City New York
Niagara Falls New York Rochester New York Schenectady New York Syracuse New York
Utica New York North Carolina diaper cake NC Asheville North Carolina Chapel
Hill North Carolina diaper cake NC Charlotte North Carolina Durham North
Carolina Fayetteville North Carolina Gastonia North Carolina Greensboro North
Carolina High Point North Carolina Raleigh North Carolina Wilmington North
Carolina Winston Salem North Carolina North Dakota diaper cake ND Bismarck North
Dakota Fargo North Dakota Grand Forks North Dakota Ohio diaper cake OH Akron
Ohio Canton Ohio Cincinnati Ohio Cleveland Ohio Columbus Ohio Dayton Ohio
Massillon Ohio Springfield Ohio Toledo Ohio Warren Ohio Youngstown Ohio Oklahoma
diaper cake OK Lawton Oklahoma Norman Oklahoma Oklahoma City Oklahoma Tulsa
Oklahoma Oregon diaper cake OR Eugene Oregon Portland Oregon Salem Oregon
Pennsylvania diaper cake PA Allentown Pennsylvania Altoona Pennsylvania
Bethlehem Pennsylvania Erie Pennsylvania Harrisburg Pennsylvania Johnstown
Pennsylvania Lancaster Pennsylvania Philadelphia Pennsylvania Pittsburg
Pennsylvania Reading Pennsylvania Scranton Pennsylvania Wilkes Barre
Pennsylvania Rhode Island diaper cake RI Newport Rhode Island Providence Rhode
Island South Carolina Charleston South Carolina Columbia South Carolina
Greenville South Carolina Myrtle Beach South Carolina Spartanburg South Carolina
South Dakota Black Hills South Dakota Pierre South Dakota Rapid City South
Dakota Sioux Falls South Dakota Tennessee diaper cake TX Bristol Tennessee
Chattanooga Tennessee Johnson City Tennessee Kingsport Tennessee Kingsport
Tennessee Knoxville Tennessee Memphis Tennessee Nashville Tennessee Texas
Tennessee Amarillo Texas diaper cake TX Amarillo Texas Austin Texas Beaumont
Texas Corpus Christi Texas Dallas Texas El Paso Texas Ft. Worth Texas Fort Worth
Texas Galveston Texas Houston Texas Laredo Texas Lubbock Texas McAllen Texas
Odessa Texas San Antonio Texas Wa! co Texas Wichita Falls Texas Utah diaper cake
UT Logan Utah Ogden Utah Orem Utah Provo Utah Salt Lake City Utah Vermont diaper
cake VT Barre Vermont Burlington Vermont Montpelier Vermont Virginia diaper cake
VA Alexandria Virginia Arlington Virginia Charlottesville Virginia Hampton
Virginia Lynchburg Virginia Newport News Virginia Norfolk Virginia Petersburg
Virginia Portsmouth Virginia Richmond Virginia Roanoke Virginia Virginia Beach
Virginia Washington diaper cake WA Bellingham Washington Olympia Washington
Seattle Washington Spokane Washington Tacoma Washington Yakima Washington D.C.
West Virginia diaper cake WV Charleston West Virginia Huntington West Virginia
Wheeling West Virginia Wisconsin diaper cake WI *****ton Wisconsin Beloit
Wisconsin Green Bay Wisconsin Janesville Wisconsin Kenosha Wisconsin La Crosse
Wisconsin Madison Wisconsin Milwaukee Wisconsin Oshkosh Wisconsin Racine
Wisconsin Sheboygan Wisconsin Superior Wisconsin Wyoming diaper cake WY Casper
Wyoming Cheyenne Wyo</font><p></div>

</td>
</tr>
</table>
</div>

</BODY></html>"

My shared left border looks like this:

"<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Shared Left Border</title><meta name="Microsoft Theme" content="none">
<meta name="Microsoft Border" content="none">
<style fprolloverstyle>A:hover {color: red; font-weight: bold}
</style>
</head>
<body bgcolor="#FFEFFF">
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; float:left; position:relative; left:0; top:0; z-index:0" bordercolor="#111111" id="AutoNumber1" bgcolor="#FFEFFF" width="198" height="1" align="left">
<tr>
<td height="1" valign="top" width="198" style="border-left-style: none; border-left-width: medium"> </td>
</tr>
<tr>
<td valign="top" width="198" bordercolor="#D1C5E0" style="border-left-style: none; border-left-width: medium">
<p align="center" style="margin-top: 3; margin-bottom: 3">
<a href="../index.htm">
<img border="0" src="../images/Design_Elements/home.gif.gif" width="122" height="37"></a></p>
<p align="center" style="margin-top: 3; margin-bottom: 3">
<a href="../orders.htm">
<img border="0" src="../images/Design_Elements/orders.gif.gif" width="122" height="37"></a></p>
<p align="center" style="margin-top: 3; margin-bottom: 3">
<a href="../aboutus.htm">
<img border="0" src="../images/Design_Elements/aboutus.gif.gif" width="122" height="37"></a></p>
<p align="center" style="margin-top: 3; margin-bottom: 3">
<a href="../contactus.htm">
<img border="0" src="../images/Design_Elements/contactus.gif.gif" width="122" height="37"></a></p>
<p align="center" style="margin-top: 3; margin-bottom: 3">
<a href="../showergames.htm">
<img border="0" src="../images/Design_Elements/showergames.gif.gif" width="122" height="37"></a></p>
<p align="center" style="margin-top: 3; margin-bottom: 3">
<a href="../candybar.htm">
<img border="0" src="../images/Design_Elements/candy.gif.gif" width="122" height="37"></a></p>
<p align="center" style="margin-top: 3; margin-bottom: 3">
<a href="../store.htm">
<img border="0" src="../images/Design_Elements/store.gif.gif" width="122" height="37"></a></p>
<p align="center" style="margin-top: 3; margin-bottom: 3">
<a href="../diaperbag.htm">
<img border="0" src="../images/Design_Elements/diaperbags.gif.gif" width="122" height="37"></a></p>
<p align="center" style="margin-top: 3; margin-bottom: 3">
<a href="../flowers.htm">
<img border="0" src="../images/Design_Elements/flowers.gif.gif" width="122" height="37"></a></p>
<p align="center" style="margin-top: 3; margin-bottom: 3">
<a href="../cookies.htm">
<img border="0" src="../images/Design_Elements/cookies.gif.gif" width="122" height="37"></a></p>
<p align="center" style="margin-top: 3; margin-bottom: 3">
<a href="../links.htm">
<img border="0" src="../images/Design_Elements/links.gif.gif" width="122" height="37"></a></p>
<p align="center" style="margin-top: 3; margin-bottom: 3">
<a href="../faq.htm">
<img border="0" src="../images/Design_Elements/faq.gif.gif" width="122" height="37"></a></p>
<p align="center" style="margin-top: 3; margin-bottom: 3">
<a href="../privacy.htm">
<img border="0" src="../images/Design_Elements/privacy.gif.gif" width="122" height="37"></a></td>
</tr>
</table>

</center>
</div>

</body></html>"

bill2006 · #2 08-07-2006, 04:40 PM

-This is a bit like "can you spot the differences". Not sure what the problem is. Are you referring to the "fleur de lis" background border?
-Using broadband, your page takes a bit to load in IE6 and less time in Firefox, dial up users may have a long wait.
-In FF, the "free delivery message and copyright overlap. Ok in IE6.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)