Help! Bio Box Html, Css MESS [Sitemap] - Digital Grin Photography Forum

View Full Version : Help! Bio Box Html, Css MESS

voicelit

Aug-05-2008, 03:05 AM

Anybody know what the issue is with my bio box. I know it's a mess but it usually looks fine and works okay.
I change or add something , and for some reason it shifts to the left at some point down the page.
Some times I can fix it by moving something like an a> or something , or a </div> up one line or down a line - but I can never get the logic of it.
Around the words " breaking news" the text shifts to the left, out past the gray border line.

Any help would be greatly appreciated.

Marty, dotfur, dotfur.com, voicelit

http://dotfur.smugmug.com/

ivar

Aug-05-2008, 03:30 AM

standby, looking in to this :thumb

ivar

Aug-05-2008, 03:59 AM

Okay, so this is your code:

<html><div id="myBioPhoto2">
<img src="http://dotfur.smugmug.com/photos/345486523_WPdVH-M.jpg"/>
</div><div id="myBioText1"><a href="http://dotfur.smugmug.com/SPECIAL%20REQUESTS%20&%20SPECIALS/559642"><span style="font-family: Segoe Print; color:#cc0013; font-size:23px; font-weight:bold"><p>* new AUG 5TH : WESTIES UNITE ! PIX: Paula on Yacht w. Isabella & Sambucca; Westies At Sea!</p></span>
</a></div><a href="http://dotfur.smugmug.com/gallery/5308163_QkAvQ/1/323984877_RneS2"> <span style="font-family: Segoe Print; color:#cc0013; font-size:23px; font-weight:bold"><p>* HELP : HISTORY OF THE PARK PROJECT</p></span></a></div><a href="http://dotfur.smugmug.com/BARK%20IN%20THE%20PARK%202008"><span style="font-family: Segoe Print; color:#cc0013; font-size:23px; font-weight:bold"><p>* SPECIAL : BARK IN THE PARK PICS (finally)</p></span></a></div><a href="http://dotfur.smugmug.com/gallery/5220585_uiQNZ">
<span style="font-family: Segoe Print; color:#cc0013; font-size:23px; font-weight:bold"><p>* SPECIAL : NEWEST, FRESHEST BATCH OF PUPPIES</p></span></a></div>
<a href="http://dotfur.smugmug.com/gallery/4241549_co5JX"><span style="color:#000105 ; font-size:34px; font-weight:normal"><p>ABOUT THE SITE & HELP</p></span></a></div>
<a href="http://dotfur.smugmug.com/NEWS"><span style="color:#cc0013; font-size:23px; font-weight:bold"><p>BREAKING NEWS : SERGIO</p></span></a></div>
<a href="http://dotfur.smugmug.com/gallery/5466164_QAAgo"><span style="font-family: Segoe Print; color:#0056e5; font-size:23px; font-weight:bold"><p>*INCOME PROJECT.IDEAS SOUGHT</p></span></a></div><a href="http://dotfur.smugmug.com/AUGUST%202008">
<span style="font-family: Segoe Print; color:#000105; font-size:37px; font-weight:bold"><p>* DAILY AUGUST PHOTOS *</p></span>
</a></div><a href="http://dotfur.smugmug.com/JULY%202008"><span style="font-family: Segoe Print; color:#000105; font-size:20px; font-weight:bold"><p>* DAILY JULY PHOTOS *</p></span>
</a></div>
<a href="http://dotfur.smugmug.com/gallery/4748423_QSCbo"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>UPLOADED RECENTLY</p></span>
</a></div><div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5339083_K6SWc/1"><span style="font-family: Segoe Print; color:#cc0013; font-size:17px; font-weight:bold"><p>NOLA : PUPPY ADOPTED AT "BARK IN THE PARK"</p></span>
</a><div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5353552_MoS5D"><span style="font-family: Segoe Print; color:#cc0013; font-size:17px; font-weight:bold"><p>JULY 6 : SPECIAL : </p><span style="font-family: Trebuchet MS; color:#0056e5; font-size:25px; font-weight:bold"><p>! BLUE ! </p></span><span style="font-family: Segoe Print; color:#cc0013; font-size:17px; font-weight:bold"><p> HAT PICS, Harley, Sambucca</p></span>
</a><div class="spacer">
<a href="http://dotfur.smugmug.com/JUNE%202008"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>CLICK HERE FOR DAILY JUNE PHOTOS</p></span>
</a></div><div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5068240_Cb55j/1/345596566_gE7jr/Large"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>PHOTO OF THE DAY #1, AUGUST 4TH</p></span>
</a></div><div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5068240_Cb55j/1/345596553_kxzi7/Large"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>PHOTO OF THE DAY #2, AUGUST 4TH</p></span>
</a></div><div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5068240_Cb55j/1/345580938_shnxV/Large"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>PHOTO OF THE DAY #1, AUGUST 3RD</p></span>
</a></div><div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5068240_Cb55j/1/345580996_4bbz7/Large"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>PHOTO OF THE DAY #2, AUGUST 3RD</p></span>
</a></div><div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5068240_Cb55j"><span style="color:#000105 ; font-size:20px; font-weight:bold">ALL PHOTOS OF THE DAY</p></span>
</a><div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4247098_AZ9hW"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>NEWS & NOTES <span style="color:#cc0013; font-size:20px; font-weight:bold"><p> * JULY 10</p></span>
</a></div><div class="spacer">
<a href="http://dotfur.smugmug.com/GET%20WELL%20SOON"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>"GET WELL SOON" REPORTS & UPDATES</p></span>
</a></div><div class="spacer"></div>
<a href="http://dotfur.smugmug.com/2008%20PHOTOS%20BY%20DATE"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>2008 PHOTOS BY MONTH & DAY</p></span>
</a></div><div class="spacer">
<a href="http://dotfur.smugmug.com/DOGS%20INDIVIDUAL%20%20GALLERIES%20(alphabetical)"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>INDIVIDUAL DOG GALLERIES ALPHABETICAL</p></span></a></div><div class="spacer">
<a href="http://dotfur.smugmug.com/DOGS%20NEED%20HOMES"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>ADOPT</p></span></a></div><div class="spacer">
<a href="http://dotfur.smugmug.com/SPECIAL%20CATAGORIES"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>SPECIAL CATEGORIES</p></span> <div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4241549_co5JX"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>ABOUT THE SITE & HELP</p></span>
</a></div><div class="spacer">
<a href="http://dotfur.smugmug.com/SPECIAL%20CATAGORIES/508187"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>BIRTHDAYS</p></span>
</a></div><div class="spacer">
<a href="http://dotfur.smugmug.com/2007%20%20PHOTOS"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>2007 PHOTOS BY MONTH & DAY</p></span>
</a></div> <div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4241549_co5JX"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>HELP SEARCHING THE SITE</p></span>
</a></div><div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4646331_maSK2"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>DOGWALKING, SITTING, BOARDING SERVICES</p></span></a></div> <div class="spacer">
<a href="http://dotfur.smugmug.com/SPECIAL%20REQUESTS%20&%20SPECIALS"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>SPECIAL PRESENTATIONS </span><a href="http://dotfur.smugmug.com/gallery/5582647_CR7ri"><span style="font-family: Segoe Print; color:#cc0013; font-size:20px; font-weight:bold">JULY 30, HARVEY AT guide dog IFTs
</p></span></a></div> <div class="spacer">
<a href="http://dotfur.smugmug.com/PARK%20EVENTS%202008%20&%202007"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>PARK EVENTS 2007 & 2008</p></span> </a></div>
<div class="spacer"><a href="http://dotfur.smugmug.com/gallery/4560909_d6Qaf"><span style="font-family: Futura Bk; color:#e05b00 ; font-size:25px; font-weight:bold"><p>BASENJI DAVE'S PHOTOS & DIGITAL ARTWORK</p></span></a></div><p>.</p><div class="spacer"><a href="http://dotfur.smugmug.com/gallery/4560909_d6Qaf/5/316630350_DSYMz/Large"><span style="font-family: Segoe Print; color:#e05b00 ; font-size:20px; font-weight:bold"><p> * NEW: click here for: BASENJI SLOTS</p></span></a></div><div class="spacer"><a href="http://dotfur.smugmug.com/gallery/5260582_CEtqQ#320085537_PEMFP">
<span style="font-family: Segoe Print; color:#e05b00 ; font-size:20px; font-weight:bold"><p> * NEW: Bark in the Park Pics and Recent Dog Park Pics</p></span></a></div><div class="spacer"><a href="http://dotfur.smugmug.com/gallery/4560909_d6Qaf/5/322587770_czoSf/Large">
<span style="font-family: Segoe Print; color:#e05b00; font-size:20px; font-weight:bold"><p> * JUNE 28 : GIVE MY REGARDS
(Zim In Red Hat)</p></span></a></div><div class="spacer"><a href="http://dotfur.smugmug.com/gallery/4560909_d6Qaf#337285823_ktqCq-O-LB">
<span style="font-family: Segoe Print; color:#e05b00 ; font-size:20px; font-weight:bold"><p> * JULY 23 : Zim's Secret Other Life (Zim on the cover of Player Magazine</p></span></a></div><div class="spacer"><a href="http://dotfur.smugmug.com/PUPS%20(currently%20&%20recently)">
<span style="color:#000105 ; font-size:20px; font-weight:bold"><p>PUPPIES, PUPS CURRENTLY & RECENTLY</p></span>
</a></div><div class="spacer">
<a href="http://dotfur.smugmug.com/PICS%20SENT%20IN"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>PHOTOS OTHERS HAVE SENT IN</p></span>
</a></div><div class="spacer">
<a href="http://dotfur.smugmug.com/SPECIAL%20REQUESTS%20&%20SPECIALS"><span style="color:#000105 ; font-size:20px; font-weight:bold"><p>SPECIAL REQUESTS</p></span>
<a href="http://dotfur.smugmug.com/gallery/5265507_7zW87"><span style="font-family: Segoe Print; color:#cc0013; font-size:20px; font-weight:bold"> *JUNE 26 : THE BRIANNA AWARDS</p></span></a></div> <div class="spacer">
<a href="http://dotfur.smugmug.com/JUST%20SOME%20STUFF"><span style="color:#000105; font-size:20px; font-weight:bold"><p>ALL KINDS OF STUFF</p></span>
</a></div>
<div id="myBioText2"><span style="color:#cc0013; font-size:larger; font-weight: normal">My eMail is voicelit@yahoo.com, or you can </span><span style="font-family: Segoe Print; font-size:20px;font-weight:normal">
<a href="mailto:voicelit@yahoo.com"><font color="#000105 ">click here to eMail Me</font></a></p></a></span></div></html>I need to make this multiple posts, because there are too many characters for one post.

ivar

Aug-05-2008, 04:00 AM

This is the same code, but this time it is formatted:

<html>

<div id="myBioPhoto2">
<img src="http://dotfur.smugmug.com/photos/345486523_WPdVH-M.jpg"/>
</div>

<div id="myBioText1">
<a href="http://dotfur.smugmug.com/SPECIAL%20REQUESTS%20&%20SPECIALS/559642">
<span style="font-family: Segoe Print; color:#cc0013; font-size:23px; font-weight:bold">
<p>* new AUG 5TH : WESTIES UNITE ! PIX: Paula on Yacht w. Isabella & Sambucca; Westies At Sea!</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/gallery/5308163_QkAvQ/1/323984877_RneS2">
<span style="font-family: Segoe Print; color:#cc0013; font-size:23px; font-weight:bold">
<p>* HELP : HISTORY OF THE PARK PROJECT</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/BARK%20IN%20THE%20PARK%202008">
<span style="font-family: Segoe Print; color:#cc0013; font-size:23px; font-weight:bold">
<p>* SPECIAL : BARK IN THE PARK PICS (finally)</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/gallery/5220585_uiQNZ">
<span style="font-family: Segoe Print; color:#cc0013; font-size:23px; font-weight:bold">
<p>* SPECIAL : NEWEST, FRESHEST BATCH OF PUPPIES</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/gallery/4241549_co5JX">
<span style="color:#000105 ; font-size:34px; font-weight:normal">
<p>ABOUT THE SITE & HELP</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/NEWS">
<span style="color:#cc0013; font-size:23px; font-weight:bold">
<p>BREAKING NEWS : SERGIO</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/gallery/5466164_QAAgo">
<span style="font-family: Segoe Print; color:#0056e5; font-size:23px; font-weight:bold">
<p>*INCOME PROJECT.IDEAS SOUGHT</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/AUGUST%202008">
<span style="font-family: Segoe Print; color:#000105; font-size:37px; font-weight:bold">
<p>* DAILY AUGUST PHOTOS *</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/JULY%202008">
<span style="font-family: Segoe Print; color:#000105; font-size:20px; font-weight:bold">
<p>* DAILY JULY PHOTOS *</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/gallery/4748423_QSCbo">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>UPLOADED RECENTLY</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5339083_K6SWc/1">
<span style="font-family: Segoe Print; color:#cc0013; font-size:17px; font-weight:bold">
<p>NOLA : PUPPY ADOPTED AT "BARK IN THE PARK"</p>
</span>
</a>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5353552_MoS5D">
<span style="font-family: Segoe Print; color:#cc0013; font-size:17px; font-weight:bold">
<p>JULY 6 : SPECIAL :
</p>
<span style="font-family: Trebuchet MS; color:#0056e5; font-size:25px; font-weight:bold">
<p>! BLUE ! </p>
</span>
<span style="font-family: Segoe Print; color:#cc0013; font-size:17px; font-weight:bold">
<p> HAT PICS, Harley, Sambucca
</p>
</span>

</a>

<div class="spacer">
<a href="http://dotfur.smugmug.com/JUNE%202008"><span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>CLICK HERE FOR DAILY JUNE PHOTOS</p></span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5068240_Cb55j/1/345596566_gE7jr/Large"><span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>PHOTO OF THE DAY #1, AUGUST 4TH</p></span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5068240_Cb55j/1/345596553_kxzi7/Large"><span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>PHOTO OF THE DAY #2, AUGUST 4TH</p></span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5068240_Cb55j/1/345580938_shnxV/Large"><span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>PHOTO OF THE DAY #1, AUGUST 3RD</p></span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5068240_Cb55j/1/345580996_4bbz7/Large">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>PHOTO OF THE DAY #2, AUGUST 3RD</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5068240_Cb55j">
<span style="color:#000105 ; font-size:20px; font-weight:bold">ALL PHOTOS OF THE DAY
</p>
</span>
</a>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4247098_AZ9hW"><span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>NEWS & NOTES
<span style="color:#cc0013; font-size:20px; font-weight:bold">
<p> * JULY 10</p>
</span>

</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/GET%20WELL%20SOON">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>"GET WELL SOON" REPORTS & UPDATES</p>
</span>
</a>
</div>

<div class="spacer">
</div>

<a href="http://dotfur.smugmug.com/2008%20PHOTOS%20BY%20DATE">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>2008 PHOTOS BY MONTH & DAY</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/DOGS%20INDIVIDUAL%20%20GALLERIES%20(alphabetical)">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>INDIVIDUAL DOG GALLERIES ALPHABETICAL</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/DOGS%20NEED%20HOMES">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>ADOPT</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/SPECIAL%20CATAGORIES">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>SPECIAL CATEGORIES</p>
</span>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4241549_co5JX">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>ABOUT THE SITE & HELP</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/SPECIAL%20CATAGORIES/508187">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>BIRTHDAYS</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/2007%20%20PHOTOS">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>2007 PHOTOS BY MONTH & DAY</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4241549_co5JX">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>HELP SEARCHING THE SITE</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4646331_maSK2">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>DOGWALKING, SITTING, BOARDING SERVICES</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/SPECIAL%20REQUESTS%20&%20SPECIALS">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>SPECIAL PRESENTATIONS
</span>
<a href="http://dotfur.smugmug.com/gallery/5582647_CR7ri">
<span style="font-family: Segoe Print; color:#cc0013; font-size:20px; font-weight:bold">JULY 30, HARVEY AT guide dog IFTs

</p>

</span>
</a>

</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/PARK%20EVENTS%202008%20&%202007">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>PARK EVENTS 2007 & 2008</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4560909_d6Qaf">
<span style="font-family: Futura Bk; color:#e05b00 ; font-size:25px; font-weight:bold">
<p>BASENJI DAVE'S PHOTOS & DIGITAL ARTWORK</p>
</span>
</a>
</div>

<p>.</p>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4560909_d6Qaf/5/316630350_DSYMz/Large">
<span style="font-family: Segoe Print; color:#e05b00 ; font-size:20px; font-weight:bold">
<p> * NEW: click here for: BASENJI SLOTS</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5260582_CEtqQ#320085537_PEMFP">
<span style="font-family: Segoe Print; color:#e05b00 ; font-size:20px; font-weight:bold">
<p> * NEW: Bark in the Park Pics and Recent Dog Park Pics</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4560909_d6Qaf/5/322587770_czoSf/Large">
<span style="font-family: Segoe Print; color:#e05b00; font-size:20px; font-weight:bold">
<p> * JUNE 28 : GIVE MY REGARDS (Zim In Red Hat)</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4560909_d6Qaf#337285823_ktqCq-O-LB">
<span style="font-family: Segoe Print; color:#e05b00 ; font-size:20px; font-weight:bold">
<p> * JULY 23 : Zim's Secret Other Life (Zim on the cover of Player Magazine</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/PUPS%20(currently%20&%20recently)">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>PUPPIES, PUPS CURRENTLY & RECENTLY</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/PICS%20SENT%20IN"><span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>PHOTOS OTHERS HAVE SENT IN</p>

</span>

</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/SPECIAL%20REQUESTS%20&%20SPECIALS">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>SPECIAL REQUESTS</p>
</span>

<a href="http://dotfur.smugmug.com/gallery/5265507_7zW87">
<span style="font-family: Segoe Print; color:#cc0013; font-size:20px; font-weight:bold"> *JUNE 26 : THE BRIANNA AWARDS
</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/JUST%20SOME%20STUFF">
<span style="color:#000105; font-size:20px; font-weight:bold">
<p>ALL KINDS OF STUFF</p>
</span>
</a>
</div>

<div id="myBioText2">
<span style="color:#cc0013; font-size:larger; font-weight: normal">My eMail is voicelit@yahoo.com, or you can
</span>
<span style="font-family: Segoe Print; font-size:20px;font-weight:normal">
<a href="mailto:voicelit@yahoo.com">
<font color="#000105 ">click here to eMail Me</font>
</a>

</p>
</a>

</span>
</div>

</html>

ivar

Aug-05-2008, 04:01 AM

In general, most tags need to be opened and closed. An example:
<div> bla bla bla </div>

or <a href="....."> bla bla bla </a>

ivar

Aug-05-2008, 04:11 AM

Using the above, I've highlighted everything that is incorrect either because tags shouldn't be opened, closed or are closed and shouldn't be.

<html>

<div id="myBioPhoto2">
<img src="http://dotfur.smugmug.com/photos/345486523_WPdVH-M.jpg"/>
</div>

<div id="myBioText1">
<a href="http://dotfur.smugmug.com/SPECIAL%20REQUESTS%20&%20SPECIALS/559642">
<span style="font-family: Segoe Print; color:#cc0013; font-size:23px; font-weight:bold">
<p>* new AUG 5TH : WESTIES UNITE ! PIX: Paula on Yacht w. Isabella & Sambucca; Westies At Sea!</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/gallery/5308163_QkAvQ/1/323984877_RneS2">
<span style="font-family: Segoe Print; color:#cc0013; font-size:23px; font-weight:bold">
<p>* HELP : HISTORY OF THE PARK PROJECT</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/BARK%20IN%20THE%20PARK%202008">
<span style="font-family: Segoe Print; color:#cc0013; font-size:23px; font-weight:bold">
<p>* SPECIAL : BARK IN THE PARK PICS (finally)</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/gallery/5220585_uiQNZ">
<span style="font-family: Segoe Print; color:#cc0013; font-size:23px; font-weight:bold">
<p>* SPECIAL : NEWEST, FRESHEST BATCH OF PUPPIES</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/gallery/4241549_co5JX">
<span style="color:#000105 ; font-size:34px; font-weight:normal">
<p>ABOUT THE SITE & HELP</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/NEWS">
<span style="color:#cc0013; font-size:23px; font-weight:bold">
<p>BREAKING NEWS : SERGIO</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/gallery/5466164_QAAgo">
<span style="font-family: Segoe Print; color:#0056e5; font-size:23px; font-weight:bold">
<p>*INCOME PROJECT.IDEAS SOUGHT</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/AUGUST%202008">
<span style="font-family: Segoe Print; color:#000105; font-size:37px; font-weight:bold">
<p>* DAILY AUGUST PHOTOS *</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/JULY%202008">
<span style="font-family: Segoe Print; color:#000105; font-size:20px; font-weight:bold">
<p>* DAILY JULY PHOTOS *</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/gallery/4748423_QSCbo">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>UPLOADED RECENTLY</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5339083_K6SWc/1">
<span style="font-family: Segoe Print; color:#cc0013; font-size:17px; font-weight:bold">
<p>NOLA : PUPPY ADOPTED AT "BARK IN THE PARK"</p>
</span>
</a>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5353552_MoS5D">

<span style="font-family: Segoe Print; color:#cc0013; font-size:17px; font-weight:bold">
<p>JULY 6 : SPECIAL : </p>

<span style="font-family: Trebuchet MS; color:#0056e5; font-size:25px; font-weight:bold">
<p>! BLUE ! </p>
</span>

<span style="font-family: Segoe Print; color:#cc0013; font-size:17px; font-weight:bold">
<p> HAT PICS, Harley, Sambucca
</p>
</span>

</a>

<div class="spacer">
<a href="http://dotfur.smugmug.com/JUNE%202008"><span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>CLICK HERE FOR DAILY JUNE PHOTOS</p></span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5068240_Cb55j/1/345596566_gE7jr/Large"><span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>PHOTO OF THE DAY #1, AUGUST 4TH</p></span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5068240_Cb55j/1/345596553_kxzi7/Large"><span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>PHOTO OF THE DAY #2, AUGUST 4TH</p></span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5068240_Cb55j/1/345580938_shnxV/Large">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>PHOTO OF THE DAY #1, AUGUST 3RD</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5068240_Cb55j/1/345580996_4bbz7/Large">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>PHOTO OF THE DAY #2, AUGUST 3RD</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5068240_Cb55j">
<span style="color:#000105 ; font-size:20px; font-weight:bold">ALL PHOTOS OF THE DAY
</p>
</span>
</a>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4247098_AZ9hW"><span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>NEWS & NOTES
<span style="color:#cc0013; font-size:20px; font-weight:bold">
<p> * JULY 10</p>
</span>

</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/GET%20WELL%20SOON">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>"GET WELL SOON" REPORTS & UPDATES</p>
</span>
</a>
</div>

<div class="spacer">
</div>

<a href="http://dotfur.smugmug.com/2008%20PHOTOS%20BY%20DATE">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>2008 PHOTOS BY MONTH & DAY</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/DOGS%20INDIVIDUAL%20%20GALLERIES%20(alphabetical)">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>INDIVIDUAL DOG GALLERIES ALPHABETICAL</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/DOGS%20NEED%20HOMES">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>ADOPT</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/SPECIAL%20CATAGORIES">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>SPECIAL CATEGORIES</p>
</span>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4241549_co5JX">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>ABOUT THE SITE & HELP</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/SPECIAL%20CATAGORIES/508187">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>BIRTHDAYS</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/2007%20%20PHOTOS">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>2007 PHOTOS BY MONTH & DAY</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4241549_co5JX">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>HELP SEARCHING THE SITE</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4646331_maSK2">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>DOGWALKING, SITTING, BOARDING SERVICES</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/SPECIAL%20REQUESTS%20&%20SPECIALS">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>SPECIAL PRESENTATIONS
</span>

<a href="http://dotfur.smugmug.com/gallery/5582647_CR7ri">
<span style="font-family: Segoe Print; color:#cc0013; font-size:20px; font-weight:bold">JULY 30, HARVEY AT guide dog IFTs

</p>

</span>
</a>

</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/PARK%20EVENTS%202008%20&%202007">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>PARK EVENTS 2007 & 2008</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4560909_d6Qaf">
<span style="font-family: Futura Bk; color:#e05b00 ; font-size:25px; font-weight:bold">
<p>BASENJI DAVE'S PHOTOS & DIGITAL ARTWORK</p>
</span>
</a>
</div>

<p>.</p>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4560909_d6Qaf/5/316630350_DSYMz/Large">
<span style="font-family: Segoe Print; color:#e05b00 ; font-size:20px; font-weight:bold">
<p> * NEW: click here for: BASENJI SLOTS</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/5260582_CEtqQ#320085537_PEMFP">
<span style="font-family: Segoe Print; color:#e05b00 ; font-size:20px; font-weight:bold">
<p> * NEW: Bark in the Park Pics and Recent Dog Park Pics</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4560909_d6Qaf/5/322587770_czoSf/Large">
<span style="font-family: Segoe Print; color:#e05b00; font-size:20px; font-weight:bold">
<p> * JUNE 28 : GIVE MY REGARDS (Zim In Red Hat)</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/gallery/4560909_d6Qaf#337285823_ktqCq-O-LB">
<span style="font-family: Segoe Print; color:#e05b00 ; font-size:20px; font-weight:bold">
<p> * JULY 23 : Zim's Secret Other Life (Zim on the cover of Player Magazine</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/PUPS%20(currently%20&%20recently)">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>PUPPIES, PUPS CURRENTLY & RECENTLY</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/PICS%20SENT%20IN"><span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>PHOTOS OTHERS HAVE SENT IN</p>

</span>

</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/SPECIAL%20REQUESTS%20&%20SPECIALS">
<span style="color:#000105 ; font-size:20px; font-weight:bold">
<p>SPECIAL REQUESTS</p>
</span>

<a href="http://dotfur.smugmug.com/gallery/5265507_7zW87">
<span style="font-family: Segoe Print; color:#cc0013; font-size:20px; font-weight:bold"> *JUNE 26 : THE BRIANNA AWARDS
</p>
</span>
</a>
</div>

<div class="spacer">
<a href="http://dotfur.smugmug.com/JUST%20SOME%20STUFF">
<span style="color:#000105; font-size:20px; font-weight:bold">
<p>ALL KINDS OF STUFF</p>
</span>
</a>
</div>

<div id="myBioText2">
<span style="color:#cc0013; font-size:larger; font-weight: normal">My eMail is voicelit@yahoo.com, or you can
</span>
<span style="font-family: Segoe Print; font-size:20px;font-weight:normal">
<a href="mailto:voicelit@yahoo.com">
<font color="#000105 ">click here to eMail Me</font>
</a>

</p>
</a>

</span>
</div>

</html>

ivar

Aug-05-2008, 05:11 AM

You can probably get rid of about 75% of the code you currently have. You just don't need it, or it's possible to do the same thing with much less code.

For example, I did the first few lines of your code, differently:
<html>
<style type="text/css">
.customred { font-family: Segoe Print; color:#cc0013; font-size:23px; font-weight:bold }
.about { color:#000105 ; font-size:34px; font-weight:normal }
</style>

<div id="myBioPhoto2"><img src="/photos/345486523_WPdVH-M.jpg"/></div>

<div id="myBioText1">
<a class="customred" href="/SPECIAL%20REQUESTS%20&%20SPECIALS/559642">* new AUG 5TH : WESTIES UNITE ! PIX: Paula on Yacht w. Isabella & Sambucca; Westies At Sea!</a><br>
<a class="customred" href="/gallery/5308163_QkAvQ/1/323984877_RneS2"> HELP : HISTORY OF THE PARK PROJECT</a><br>
<a class="customred" href="/BARK%20IN%20THE%20PARK%202008">SPECIAL : BARK IN THE PARK PICS (finally)</a><br>
<a class="customred" href="/gallery/5220585_uiQNZ">* SPECIAL : NEWEST, FRESHEST BATCH OF PUPPIES</a><br>
<a class="about" href="/gallery/4241549_co5JX">ABOUT THE SITE & HELP</a><br>

compare that to <html>

<div id="myBioPhoto2">
<img src="http://dotfur.smugmug.com/photos/345486523_WPdVH-M.jpg"/>
</div>

<div id="myBioText1">
<a href="http://dotfur.smugmug.com/SPECIAL%20REQUESTS%20&%20SPECIALS/559642">
<span style="font-family: Segoe Print; color:#cc0013; font-size:23px; font-weight:bold">
<p>* new AUG 5TH : WESTIES UNITE ! PIX: Paula on Yacht w. Isabella & Sambucca; Westies At Sea!</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/gallery/5308163_QkAvQ/1/323984877_RneS2">
<span style="font-family: Segoe Print; color:#cc0013; font-size:23px; font-weight:bold">
<p>* HELP : HISTORY OF THE PARK PROJECT</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/BARK%20IN%20THE%20PARK%202008">
<span style="font-family: Segoe Print; color:#cc0013; font-size:23px; font-weight:bold">
<p>* SPECIAL : BARK IN THE PARK PICS (finally)</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/gallery/5220585_uiQNZ">
<span style="font-family: Segoe Print; color:#cc0013; font-size:23px; font-weight:bold">
<p>* SPECIAL : NEWEST, FRESHEST BATCH OF PUPPIES</p>
</span>
</a>
</div>

<a href="http://dotfur.smugmug.com/gallery/4241549_co5JX">
<span style="color:#000105 ; font-size:34px; font-weight:normal">
<p>ABOUT THE SITE & HELP</p>
</span>
</a>
</div>

voicelit

Aug-06-2008, 12:36 PM

Whew, that was great. Thanks.
Let me see : so , the <div> in this case is the whole text portion of my home page. I kept ending it in fragments with so many </div> s. I assumed you just pointed me in the right direction and felt you didn't need to highlight every excess <div="spacer"> and </div> ? I just took them all out and the page works great now.
I'll investigate your much more elegant way of going about it in a day or so. Swamped right now.

Thanks again - do you wear a cape while fixing these kind of problems ?

Marty (http://dotfur.smugmug.com/)