Hi everyone and thanks for letting me join. I have a simple (for you) question. I designed a website www.franticford.com On the home page I have a significant space between The FAMOUS East Coast FORD...and Alex's Lemonade Stand. This space doesn't exist in Design view/Dreamweaver CS4 but it does in Live View. I need some help removing it pretty please.
Firstly; please NEVER use a table for something it is not meant to be. It just ain't right. Use articles and sections instead (HTML5 coding). For you problem. Please give that <td>, in which the content is in, an id. For example: <td id="article"> In your CSS you should do: #article{ height: 10px; } Code (markup): If you are going to use it more than once, please look at classes instead of id's. skible.net - webdesign & webdevelopment
Sure, you have there <table width="560" cellspacing="0" cellpadding="0" border="0" align="right" height="100%"> HTML: Now, the height of the table is set to 100%, si it will stretch the whole height of the page, etc. Just remove height="100%" and you should be set.
Couln't stop noticing that your titles are misaligned. i won`t question the way you coded all that, i`m just showing you a quick fix. <tr> <td width="10%" valign="top" align="left"><img width="22" height="25" src="images/news.gif"></td> <td valign="middle" align="left" class="big2"><p>The FAMOUS East Coast FORD FUNNY CAR Is BACK!</p></td> </tr> HTML: Change it into this : <tr> <td align="left"><img width="22" height="25" src="images/news.gif"></td> <td align="left" class="big2"><p>The FAMOUS East Coast FORD FUNNY CAR Is BACK!</p></td> </tr> HTML: Now of course, your whole method is wrong .... but
This really is a poster child for what I mean when I say "The only thing you can learn from Dreamweaver is how NOT to build a website!". The result is such a steaming pile at EVERY level, my only advice would be to pitch the whole thing and start over. Setting aside the inaccessible design elements like absurdly undersized illegible fixed metric fonts and a fixed width layout, under the hood it's such a mess it's a miracle it renders at all in much of anything. I mean it's transitional (meaning it's in transition from 1997 to 1998 coding practices), the overstuffed and redundant keywords, no media targets on the CSS Link, @import like it's still trying to support nyetscape 4, that stupid bloated mm_ javascript asshattery that does NOTHING that should even be done on a site, images for text, endless attributes like topmargin, marginwidth and align that have no business on any website written the past decade and a half, tables for layout and WORSE, tables for NOTHING, static style inlined in the markup... This is what gives 'tools' like Dreamweaver a bad name... Which is why it's 33k of HTML for 4k of plaintext -- easily three to five times as much code as should have been used on such a simple page. If I have time later I might take a stab at a rewrite just to show you how that should have been done because... well, this isn't it... To even TRY to fix ANYTHING I'd have to pitch it all in the trash and start over. Though it's entirely typical of what I've come to expect from the overpriced bloated steaming pile of halfwit manure known as Dreambeaver... or Microsoft Web Expression (aka the artist formerly known as frontpage), or any other tool that has a 'preview pane' or WYSIWYG in it.
<table width="560" cellspacing="0" cellpadding="0" border="0" align="right" height="100%"> Just remove height attribute from the table... it will be fixed.
I know enough about html to be dangerous and I'll be the first to admit it. Thanks for the response. I removed the 100% attribute and it's fixed!