It's the FONTS that are messing the formatting up! (Full Version)

All Forums >> [Web Development] >> Expression Web Help



Message

dsulvett -> It's the FONTS that are messing the formatting up! (11/28/2007 9:46:39)

Help!!!

ok, i have had issues with formatting with this EW product....

So i re built the entire website from scratch but still a few people were telling me that the text would overlap some areas...hmmm mostly everyone is ok but still a few.

I wasnt sure what it was from so yesterday i asked someone to go to www.davesulvetta.com from their computer. They did and there you go, you see they have vision problems and their text is a little larger then normal. It duplicated the problem.

So question is, is there any modifications i can do on all the pages that will format the font to stay were i put it? you know like EW promises???

Im thinking if there is just some HTML code that someone could share with me, i can put it on everypage and it will finally fix my issue...

Thanks
Dave



Tailslide -> RE: It's the FONTS that are messing the formatting up! (11/28/2007 11:09:36)

Hi Dave

The problem is because when the text expands in size you really want everything else to move with it to allow for that (otherwise you get the overlapping). You don't want to fix the font - you want to fix the layout so that it will allow the font to increase/decrease in size.

One of the main ways to achieve this is to not set specific heights on divs/tables whatever. If you don't set a specific height then they should usually be able to expand.

So I'd basically go through and remove the heights from the main chunks of your page and see if that helps.



dsulvett -> RE: It's the FONTS that are messing the formatting up! (11/28/2007 12:26:36)

i will do that... i iwll try, hopefully i can figure this out and i appreciate your help. this would alleviate all kinds of issues....i wil keep you posted if that is ok



Tailslide -> RE: It's the FONTS that are messing the formatting up! (11/28/2007 13:15:58)

No problem Dave - this isn't a simple thing to get to grips with - you're doing fine and you've got a basically good-looking site there. Come back to us with issues as they arise and we'll help you through them.



dsulvett -> RE: It's the FONTS that are messing the formatting up! (11/28/2007 17:33:40)

thank you again tailside. where abouts is the code i need t o change,,, im sorry im just new to 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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml">

<head>
<title>Camden County Real Estate, Gloucester County Real Estate, Dave Sulvetta Century 21 Realtor</title>
<meta name="verify-v1" content="ma641Xt9WYhZUcBkXvL1v71z7uXgdLZttMEU9kDkawY=" />
<meta name="DESCRIPTION" content="Camden County NJ Realtor Dave Sulvetta, Homes For Sale in Gloucester County, Burlington County"/>
<meta name="KEYWORDS" content="Camden County Real Estate, Gloucester County Real Estate, Burlington County Real Estate, Homes For sale in Camden County, South Jersey Real Estate, estate haddonfield nj real, Haddonfield, Haddonfield NJ Real Estate, Haddonfield Homes for Sale, Century 21 Hearst Realty, Collingswood NJ Real Estate, Collingswood, Collingswood Realtor, Moorestown, Moorestown NJ Real Estate, Voorhees, Marlton, Mt Laurel, Cherry Hill Schools, Cinnaminson Real Estate, Oaklyn Homes For Sale, Washington Twp Real Estate, Sicklerville, Blackwood, Audubon, Haddon Heights, Century 21 Realtor"/>
<meta name="OWNER" content="dave@davesulvetta.com"/>
<meta name="COPYRIGHT" content="Dave Sulvetta 2007"/>
<meta name="AUTHOR" content="Dave Sulvetta Century 21 Realtor"/>
<meta http-equiv="expires" content=""/>
<meta http-equiv="CHARSET" content="charset=UTF-8"/>
<meta http-equiv="CONTENT-LANGUAGE" content="English"/>
<meta http-equiv="VW96.OBJECT TYPE" content="Document"/>
<meta name="RATING" content="General"/>
<meta name="ROBOTS" content="index,follow"/>
<meta name="REVISIT-AFTER" content="30 days"/>
<style type="text/css">
.style1 {
border-width: 0;
margin-left: 50px;
margin-right: 50px;
}
.style2 {
color: #FFFFFF;
border: 2px inset #000000;
background-color: #FFFFFF;
}
.style3 {
text-align: center;
}
.style34 {
font-family: "Californian FB";
font-size: x-large;
}
.style33 {
font-family: "Bradley Hand ITC";
}
.style12 {
font-size: large;
}
.style36 {
color: #000000;
}
.style37 {
font-family: "Californian FB";
}
.style39 {
color: #000000;
font-size: large;
}
.style40 {
font-family: "Californian FB";
font-size: large;
}
a {
color: #000000;
}
a:visited {
color: #000000;
}
.style43 {
border-width: 0;
margin-top: 0px;
}
p.MsoNormal {
margin-bottom: .0001pt;
font-size: 11.0pt;
font-family: "Calibri","sans-serif";
margin-left: 0in;
margin-right: 0in;
margin-top: 0in;
}
.style44 {
text-decoration: underline;
}
.style45 {
border-style: solid;
border-width: 2px;
}
.style46 {
color: #000000;
font-size: small;
}
.style47 {
font-size: medium;
}
.style48 {
text-decoration: none;
}
.style49 {
text-decoration: none;
color: #0000FF;
}
.style50 {
color: #0000FF;
}
</style>
</head>

<body style="background-image: url('images/c21%20bkgrd.jpg')">

<map name="FPMap1" id="FPMap1">
<area href="Property%20Search.htm" shape="rect" coords="7, 236, 160, 262" />
<area href="Whats%20My%20House%20Worth.htm" shape="rect" coords="503, 239, 731, 260" />
<area href="Contact%20Me.htm" shape="rect" coords="750, 238, 861, 261" />
<area href="Buyer%20Services.htm" shape="rect" coords="174, 235, 322, 261" />
<area href="Sellers%20Services.htm" shape="rect" coords="334, 236, 481, 263" />
</map>
<img src="images/top-banner.jpg" class="style1" width="875" height="269" usemap="#FPMap1" /><div style="position: absolute; width: 875px; height: 1272px; z-index: 1; left: 58px; top: 277px" id="layer1" class="style2">
<table style="width: 100%; height: 174px">
<tr>
<td style="width: 243px">
<img alt="Cape May House" src="images/IMG_1718ICON.jpg" width="267" height="181" />
</td>
<td class="style3" style="width: 292px"><span class="style37">
<span class="style39">Dave Sulvetta REALTOR</span></span><span class="style36"><span class="style40">®</span>-<span class="style37"><span class="style12">Associate<br />
</span></span><span class="style33"><strong><span class="style12">At
Your Service.....<br />
</span></strong></span></span><span class="style37">
<span class="style36"><span class="style12">Century 21 Hearst Realty<br />
5021 Rt. 42<br />
Turnersville, NJ 08012<br />
Cell; 856 889-8163<br />
</span></span></span><span class="style34"><span class="style12">
<span class="style36">email; <a href="mailto:dave@davesulvetta.com">
dave@davesulvetta.com</a></span></span></span>
<div style="position: absolute; width: 845px; height: 13px; z-index: 4; left: 1px; top: 183px" id="layer6">
<hr style="width: 870px" /></div>
</td>
<td class="style3">
<img alt="Dave Sulvetta Century 21 Realtor" longdesc="Camden County Real Estate, Gloucester County Real Estate, Burlington County Real Estate" src="images/dave_web_small1.jpg" width="180" height="162" />
</td>
</tr>
</table>
<span class="style36"></span><map name="FPMap0" id="FPMap0">
<area href="default.htm" shape="rect" coords="68, 184, 144, 210" />
<area href="About%20Me.htm" shape="rect" coords="48, 224, 171, 250" />
<area href="Featured%20Listings.htm" shape="rect" coords="46, 263, 184, 285" />
<area href="30%20Ways.htm" shape="rect" coords="49, 302, 173, 325" />
<area href="My%20Guarantee.htm" shape="rect" coords="42, 337, 181, 359" />
<area href="Gallery.htm" shape="rect" coords="58, 377, 152, 397" />
<area href="Contact%20Me.htm" shape="rect" coords="49, 414, 172, 434" />
</map>
<img alt="Navigation" src="images/sold%20sign%20web%20menu_edited-1.png" width="197" height="477" class="style43" usemap="#FPMap0" />=<div style="position: absolute; width: 496px; height: 751px; z-index: 2; left: 194px; top: 213px; float: right;" id="layer4" class="style36">
<div class="style3">
<h1 class="style47">Camden County Real Estate, Gloucester County  Real
Estate, Burlington County Real Estate and Homes For Sale</h1>
</div>
Welcome to my website. <span lang="en-us">My goal a</span>s a Real Estate Professional
<span lang="en-us">is to provide you </span>the <span lang="en-us">best</span> service
<span lang="en-us">I can</span> while breaking new ground <span lang="en-us">
marketing your home </span>with my use of
t<span lang="en-us">he incredible </span>technology<span lang="en-us"> that is
available to us today</span>. This site constantly ranks well within the Google, MSN and
Yahoo search engines. Statistics show that over 80% of all home searches start
on the internet, this is a fact that none of us can overlook. Please take a look
around and drop me an email. The following are just
<span class="style44"><strong><em>some</em></strong></span> of the areas I
cover;  <br />
<br />
                                 <em>
</em>
<strong><a target="_blank" href="http://www.camdencounty.com/" class="style48">
<em>Camden County</em></a></strong><br />
An easy commute to Center City Philadelphia using mass transit or a short drive
over one of the local bridges, makes <span class="style50"><em>
<a href="http://www.camdencounty.com" class="style48">Camden County</a></em></span>
an easy choice for people working in the Center City area. Some towns within
Camden County are <em><a href="Haddonfield.htm" class="style49">Haddonfield,</a></em>
<a href="Collingswood.htm" class="style48"><em><span class="style50">
Collingswood</span></em></a><span class="style50"><a href="Collingswood.htm" class="style48">,</a></span>
<a href="Audubon.htm" class="style49"><em>Audubon</em></a><span class="style50">,
</span><em><a target="_blank" class="style49" href="Haddon%20Heights.htm">Haddon Heights</a></em><span class="style50">,
</span>
<a target="_blank" class="style48" href="Voorhees.htm"><em>
<span class="style50">Voorhees</span></em><strong><span class="style50">,</span></strong></a>
<em><a class="style49" href="Cherry%20Hill.htm">Cherry Hill</a></em><span class="style50">,
</span>and <span lang="en-us">
<a href="Gloucester%20Twp.htm" class="style49"><em>Gloucester Township</em></a>,</span>
just to name a few.<br />
<strong><br />
                                 Gloucester County</strong><br />
Just a short drive to Rt. 42 straight into Center City, only a few minutes of
travel time. Plenty of space and still plenty of farm land in Gloucester County.
Communities within
<a target="_blank" href="http://www.co.gloucester.nj.us/" class="style49"><em>
Gloucester County</em></a> are
<a href="Washington%20Township.htm" class="style49"><em>Washington Twp</em></a>,
<span lang="en-us"><span class="style50"><em>
<a href="http://www.mantuatownship.com/" class="style49">Mantua,</a></em></span>
</span><span class="style50"><em><a href="deptford.htm" class="style49">Deptford</a>, <a href="Mullica%20Hill.htm" class="style48"><span lang="en-us" class="style50">
Mullica Hill</span></a></em></span><a href="Mullica%20Hill.htm"> </a>and more.<br />
<strong><br />
                                 Burlington County</strong> <br />
Burlington County is home to some of the best places to live in the entire
state. The county is rich with Pinelands and beautiful farm land. In 2005
Moorestown which is in <span class="style50">
<a target="_blank" href="http://www.co.burlington.nj.us/" class="style49"><em>Burlington County</em></a></span> was voted best place to live in the
entire country. Some towns in the boundaries of Burlington County are<span class="style50"><em>
<a href="Mount%20Laurel.htm" class="style49">Mount
Laurel</a></em></span>, <a href="Marlton.htm" class="style49"><em>Marlton</em></a>,<span lang="en-us">
<a href="Moorestown.htm" class="style49"><em>Moorestown</em></a> </span>and others.<br />
<br />
I invite you to contact me as I'd be happy to assist your very important real
estate transaction. I look forward to hearing from you in the near future.<br />
<br />
<br />
<span class="style37"><span class="style39"><br />
Dave Sulvetta REALTOR</span></span><span class="style36"><span class="style40">®</span>-<span class="style37"><span class="style12">Associate<br />
</span></span><span class="style33"><strong><span class="style12">At Your
Service.....<br />
</span></strong></span></span><span class="style37">
<span class="style36"><span class="style12">Century 21 Hearst Realty<br />
5021 Rt. 42<br />
Turnersville, NJ 08012<br />
Cell; 856 889-8163<br />
</span></span></span><span class="style34"><span class="style12">
<span class="style36">email; <a href="mailto:dave@davesulvetta.com">dave@davesulvetta.com</a></span></span></span>

</div>
<div style="position: absolute; width: 171px; height: 409px; z-index: 6; left: 698px; top: 520px" id="layer8" class="style3">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" type="application/x-shockwave-flash" width="170px" height="418px" id="InsertWidget_39723ef0-8ffb-4906-bdeb-f66f75f4fd61" align="middle">
<param name="movie" value="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf?appId=39723ef0-8ffb-4906-bdeb-f66f75f4fd61" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="menu" value="false" />
<embed src="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf?appId=39723ef0-8ffb-4906-bdeb-f66f75f4fd61" name="InsertWidget_39723ef0-8ffb-4906-bdeb-f66f75f4fd61" width="170px" height="418px" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" align="middle" />

</object>
<img style="visibility: hidden; width: 0px; height: 0px;" border="0" width="0" height="0" src="http://runtime.widgetbox.com/syndication/track/39723ef0-8ffb-4906-bdeb-f66f75f4fd61.gif" /></div>
<div style="position: absolute; width: 100px; height: 75px; z-index: 7; left: 18px; top: 702px" id="layer9" class="style3">
<a href="http://activerain.com/dsulvett">
<img src="http://activerain.com/images/linking/ARLogoProfile.gif" alt="Dave Sulvetta (Century 21 Hearst): Real Estate Agent in Turnersville, Camden County, New Jersey" />
</a></div>
<div style="position: absolute; width: 171px; height: 303px; z-index: 8; left: 696px; top: 199px" id="layer10" class="style3">
<img alt="" src="images/For%20Sale.jpg" width="150" height="26" /><br />
<span class="style46"><br />
<img src="images/house%20close%20up_small.jpg" class="style45" width="130" height="85" /><br />
3 Bedroom s 2.5 Bathsbr />
109 Route 610<br />
Petersburg, NJ <br />
</span></div>
<div style="position: absolute; width: 392px; height: 35px; z-index: 9; left: 245px; top: 1182px" id="layer11"><p style="margin-top: 0; margin-bottom: 0" align="center"><font color="#0000FF"><i><b>
<font face="Arial"><a href="http://www.metrojersey.com">Metrojersey.com</a></font></b></i></font></p>
<p style="margin-top: 0; margin-bottom: 0" align="center"><b><font size="1" face="Arial">New Jersey's
#1 Website Directory</font></b></p>

</div>
</div>
<div style="position: absolute; width: 885px; height: 44px; z-index: 2; left: 55px; top: 1503px" id="layer2" class="style3">
© Dave Sulvetta Century 21 Hearst Realty - 5021 Rt. 42 Turnersville, NJ 08012
- Cell 856 889-8163<br />
Home | About Me | Featured Listings |30 Ways I Market Your Home | My Guarantee
To you | Gallery | Contact Me<br />
</div>
<script type="text/javascript"
src="http://rt.trafficfacts.com/tf.php?k=11367g743ac3b01fdce3ae18f7fe5eeda69b0602c4af2eh5&c=s">
</script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2023218-2";
urchinTracker();
</script>
</body>

</html>



Tailslide -> RE: It's the FONTS that are messing the formatting up! (11/29/2007 2:16:38)

(Edit: see my next post) Just go through your code and where you see something like this: 

<table style="width: 100%; height: 174px">


remove the height bit of that style rule and see how it goes. It may be that you'll need to add a bit more code if everything collapses in height too much - but don't worry, we can cross that bridge if we come to it.



Tailslide -> RE: It's the FONTS that are messing the formatting up! (11/29/2007 5:59:07)

Me again.

Ok so I'll preface this by saying that I don't use EW so I don't know how you could implement the following - only that it is possible to do (hopefully someone who knows EW might offer advice).

Anyway - had an hour or so this morning so I started fiddling with your code, removing height etc but ran into a couple of problems because some of the rest of the code was a bit jumbled. So I started from scratch with a table-less layout and removed all the extra spans and styles and inline styling that EW threw in there (there's about half the code now!).

Table-less, cross-browser version of your site

And here's the stylesheet governing it: http://www.littleblueplane.com/test/style.css

The thing is - newer WYSIWYG editors like DW or EW might use CSS which is all nice and shiny BUT they use it in the same way that they used to use old fashioned font tags etc - inline and or in the document head. This defeats the whole purpose of it (which is having all the styling info in one place to make it easy for you to change stuff in one edit) and gums up the page with too much "stuff" which, legend says, Google doesn't like much (it only reads a certain amount of the page apparently so you don't want it all taken up with spans and styling!).

I'll give you an example. I've put the contact details just below the banner image in a div with a class of box2. Currently the font-size is 130%. If you wanted to increase or decrease that across your whole site you'd just go into the stylesheet - find the applicable rule and change it - it changes globally across the site! Much quicker than having to go in and change it on every page.

The other thing that irritates me is that when you want to add a rule, EW etc tends to call it style47 or somesuch - which doesn't tell you very much!! Much better to call a class or an id something useful like - sidebar or centred for example.

Soooo - I've removed the presentational info and all the styles in the head and built a cleaner (apart from the flash thingy) more valid layout which will expand and contract with the text size and works cross-browser. There's a simple stylesheet which you can add rules to as you need.

This will leave you with a template that you can re-use across your site that looks like 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" xml:lang="en">
<head>
<title>Camden County Real Estate, Gloucester County Real Estate, Dave Sulvetta Century 21 Realtor</title>
<meta name="verify-v1" content="ma641Xt9WYhZUcBkXvL1v71z7uXgdLZttMEU9kDkawY=" />
<meta name="DESCRIPTION" content="Camden County NJ Realtor Dave Sulvetta, Homes For Sale in Gloucester County, Burlington County"/>
<meta name="KEYWORDS" content="Camden County Real Estate, Gloucester County Real Estate, Burlington County Real Estate, Homes For sale in Camden County, South Jersey Real Estate, estate haddonfield nj real, Haddonfield, Haddonfield NJ Real Estate, Haddonfield Homes for Sale, Century 21 Hearst Realty, Collingswood NJ Real Estate, Collingswood, Collingswood Realtor, Moorestown, Moorestown NJ Real Estate, Voorhees, Marlton, Mt Laurel, Cherry Hill Schools, Cinnaminson Real Estate, Oaklyn Homes For Sale, Washington Twp Real Estate, Sicklerville, Blackwood, Audubon, Haddon Heights, Century 21 Realtor"/>
<meta name="OWNER" content="dave@davesulvetta.com"/>
<meta name="COPYRIGHT" content="Dave Sulvetta 2007"/>
<meta name="AUTHOR" content="Dave Sulvetta Century 21 Realtor"/>
<meta http-equiv="expires" content=""/>
<meta http-equiv="CHARSET" content="charset=UTF-8"/>
<meta http-equiv="CONTENT-LANGUAGE" content="English"/>
<meta http-equiv="VW96.OBJECT TYPE" content="Document"/>
<meta name="RATING" content="General"/>

<meta name="ROBOTS" content="index,follow"/>
<meta name="REVISIT-AFTER" content="30 days"/>
<link rel="stylesheet" type="text/css" media="screen"  href="style.css" />
</head>

<body>

<div id="container">

   <div id="header">

      <map name="FPMap1" id="FPMap1">
         <area alt="Search" href="Property%20Search.htm" shape="rect" coords="7, 236, 160, 262" />
         <area alt="What's My House Worth?" href="Whats%20My%20House%20Worth.htm" shape="rect" coords="503, 239, 731, 260" />
         <area alt="Contact Me" href="Contact%20Me.htm" shape="rect" coords="750, 238, 861, 261" />
         <area alt="Buyer Services" href="Buyer%20Services.htm" shape="rect" coords="174, 235, 322, 261" />
         <area alt="Sellers Services" href="Sellers%20Services.htm" shape="rect" coords="334, 236, 481, 263" />
      </map>

      <img src="http://www.davesulvetta.com/images/top-banner.jpg" class="style1" width="875" height="269" usemap="#FPMap1" alt="" />

   </div> <!-- end header -->

   <div id="mid">

      <div class="box1">

           <img alt="Cape May House" src="http://www.davesulvetta.com/images/IMG_1718ICON.jpg" width="243" />

    </div> <!-- end box1 -->

      <div class="box2">

         <p>Dave Sulvetta REALTOR ® – Associate<br />
         <span class="bradley">At Your Service.....</span><br />
         Century 21 Hearst Realty<br />
         5021 Rt. 42<br />
         Turnersville, NJ 08012<br />
         Cell; 856 889-8163<br />
         email; <a href="mailto:dave@davesulvetta.com">dave@davesulvetta.com</a></p>

      </div> <!-- end box2 -->

      <div class="box3">

         <img alt="Dave Sulvetta Century 21 Realtor" longdesc="Camden County Real Estate, Gloucester County Real Estate, Burlington County Real Estate" src="http://www.davesulvetta.com/images/dave_web_small1.jpg" width="180" height="162" />

      </div> <!-- end box3 -->

   </div> <!-- end mid -->

   <div id="sidebar">

      <map name="FPMap0" id="FPMap0">
         <area alt="Home" href="default.htm" shape="rect" coords="68, 184, 144, 210" />
         <area alt="About Me" href="About%20Me.htm" shape="rect" coords="48, 224, 171, 250" />
         <area alt="Featured Listings" href="Featured%20Listings.htm" shape="rect" coords="46, 263, 184, 285" />
         <area alt="30 Ways" href="30%20Ways.htm" shape="rect" coords="49, 302, 173, 325" />
         <area alt="My Guarantee" href="My%20Guarantee.htm" shape="rect" coords="42, 337, 181, 359" />
         <area alt="Gallery" href="Gallery.htm" shape="rect" coords="58, 377, 152, 397" />
         <area alt="Contact Me" href="Contact%20Me.htm" shape="rect" coords="49, 414, 172, 434" />
      </map>

      <img alt="Navigation" src="http://www.davesulvetta.com/images/sold%20sign%20web%20menu_edited-1.png" width="197" height="477" class="style43" usemap="#FPMap0" />


      <a  href="http://activerain.com/dsulvett"><img class="activerain"src="http://activerain.com/images/linking/ARLogoProfile.gif" alt="Dave Sulvetta (Century 21 Hearst): Real Estate Agent in Turnersville, Camden County, New Jersey" /></a>

   </div> <!-- end sidebar -->

   <div id="mainbox">

      <div id="content">

      <h1>Main page Heading</h1> <!-- your central content area -->

      
      </div> <!-- end content -->

      <div id="innersidebar">

         <div class="forsale">

            <img alt="For Sale" src="http://www.davesulvetta.com/images/For%20Sale.jpg" width="150" height="26" />
            <img src="http://www.davesulvetta.com/images/house%20close%20up_small.jpg"  width="130" height="85" alt="home for sale"/>
            <p>3 Bedroom s 2.5 Baths, 109 Route 610, Petersburg, NJ</p>

         </div> <!-- end forsale -->

         <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" type="application/x-shockwave-flash" width="170px" height="418px" id="InsertWidget_39723ef0-8ffb-4906-bdeb-f66f75f4fd61" align="middle">
             <param name="movie" value="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf?appId=39723ef0-8ffb-4906-bdeb-f66f75f4fd61" />
            <param name="quality" value="high" />
            <param name="wmode" value="transparent" />
            <param name="menu" value="false" />
            <embed src="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf?appId=39723ef0-8ffb-4906-bdeb-f66f75f4fd61" name="InsertWidget_39723ef0-8ffb-4906-bdeb-f66f75f4fd61" width="170px" height="418px" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" align="middle" />
         </object>

         <img style="visibility: hidden; width: 0px; height: 0px;"  width="0" height="0" src="http://runtime.widgetbox.com/syndication/track/39723ef0-8ffb-4906-bdeb-f66f75f4fd61.gif" alt="" />

     </div> <!-- end innersidebar -->

  </div> <!-- end mainbox -->

  <div id="footer">

      <p class="arial"><a href="http://www.metrojersey.com">Metrojersey.com</a></p>
      <p>New Jersey's #1 Website Directory</p>

      <p>© Dave Sulvetta Century 21 Hearst Realty – 5021 Rt. 42 Turnersville, NJ 08012 – Cell 856 889–8163</p>

      <ul id="bottomnav">
       <li><a href="default.htm">Home</a></li>
       <li><a href="About%20Me.htm">About Me</a></li>
       <li><a href="Featured%20Listings.htm">Featured Listings</a></li>
       <li><a href="30%20Ways.htm">30 Ways I Market Your Home</a></li>
       <li><a href="My%20Guarantee.htm">My Guarantee To you</a></li>
       <li><a href="Gallery.htm">Gallery</a></li>
       <li><a href="Contact%20Me.htm">Contact Me</a></li>
      </ul>

   </div> <!-- end footer -->

</div> <!-- end container -->

<script type="text/javascript" src="http://rt.trafficfacts.com/tf.php?k=11367g743ac3b01fdce3ae18f7fe5eeda69b0602c4af2eh5&c=s"></script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">_uacct = "UA-2023218-2";urchinTracker();</script>

</body>

</html>


Your central content area is within the div called content.



dsulvett -> RE: It's the FONTS that are messing the formatting up! (11/29/2007 8:53:45)

Wow...!!!!
Thank you! So basically, everything is left in the coding (keywords, google tracking etc.) and what you did was "tabless" coding?

Even the bottom hyperlinks are working! i never got to them, but it was a chore for this weekend...thank you for your help! I will copy the code and re-do my entire site!

Dave[:D]



Tailslide -> RE: It's the FONTS that are messing the formatting up! (11/29/2007 8:58:50)

Save what you've got already in case you run into problems using my layout.

My layout doesn't use any tables for layout - just divs plus I rarely ever use absolute positioning for positioning chunks of the page as you tend to end up with problems (like certain bits of the page not moving when everything else does!).

All the content is where it was plus the Google and ads etc - I just removed the tables and all the spans and formatting stuff - everything else is as it should be (far as I know!).



d a v e -> RE: It's the FONTS that are messing the formatting up! (11/29/2007 12:15:42)

i think you have that main banner resized ever so slightly as the text looks a little 'browser-resampled' ;) maybe a pixel or 2 out?

dave if you want it optimising a little more and want to send me the original i can squeeze it down a bit for you. i'll leave Helena to do all the brainy thinking on the layout :)



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.078125