Why is there a gap in my page? (help me troubleshoot)

[ichelle]

Hi all,
I'm new here and also new to Dreamweaver. I've been laying out a page I'm working on in Dreamweaver using tables and am wondering why I'm getting that gap below (in the slices row). I've no idea what it is. The slices in Photoshop don't show that gap so I'm wondering where it's coming from Please help!
Thank you,
M
http://farm3.static.flickr.com/2157/2062632565_1b0efc2a19_o.jpg

[Drazan]

A picture really doesn't help us help you.

The gap is in the code from exporting slices. Auto-generating code usually produces absolute positions, widths, and heights. Changing one thing will make ungangly gaps. Also it's been my experience taking over other sites, that the auto-generated can be hard to edit later when adding stuff to the page. Seemingly that one change means you have to go back to photoshop recreate the page, re-export it, and autogenerate the code again. Considering how flexible the net is, it would seem beneficial to create flexible templates rather than hard coded ones.

Dreamweaver is a handy tool, but shouldn't replace actual code knowlege. What's your level of HTML & CSS? Is there an online version we can see the code of the webpage?

Jade

[ichelle]

Thank you for your feedback, Drazan.

I am a beginner at this so all I am familiar with is basic HTML code (image tags, breaks, embedded links, the simple stuff). So I basically have my page in Photoshop, slice it up and bring it into Dreamweaver using tables. I'm sure that isn't the most efficient way but I'm a newb. Yes, I realize that when there is a change that needs to be made, especially when things need to be shifted around, it is a long process of having to reslice, re-export, so on. However, that is all I know how do right now.

Anyway, I figured out the problem so you can see the page here:
http://www.dgrace.net/BroadmarkMedia/index.html. However, my next question is about the internal page.

Click on the Channels link and see how the right side content isn't aligning at the top with the rest of the content on the left (vertical line, side nav). They all appear aligned in the tables in Dreamweaver though. I don't see a break tag before the content so I'm not sure what's happening...

Sorry to ramble!

[tZ]

HTML line 71

<td width="483" height="540" align="left" valign="top" class="bodycopy"><p align="left" class="bodycopyinternal">BROADMARK MEDIA is one of the most reputable lead generation platforms in the industry. We provide our customers with high quality leads in multiple channels through proven registration paths, web sites and e-mail lists. The breadth of offers and formats available through our extensive network translates into high volume lead flow&mdash;with the quality only offered by Broadmark Media.</p>


My best guess is the default padding or margin on the paragraph element.

What you can do to see if this is the case is add the bold code to line 71 exactly where I added it in the code below.

HTML line 71

<td width="483" height="540" align="left" valign="top" class="bodycopy"><p[/b] align="left" style="padding:0;margin:0;" class="bodycopyinternal">BROADMARK MEDIA is one of the most reputable lead generation platforms in the industry. We provide our customers with high quality leads in multiple channels through proven registration paths, web sites and e-mail lists. The breadth of offers and formats available through our extensive network translates into high volume lead flow&mdash;with the quality only offered by Broadmark Media.</p>


Not the best solution but, when dealing with tables and dreamweaver mark-up thats rarely the case anyway. Another solution is leaving out the paragraph element altogether. Although I'm not certain if you have any important styles attached.

HTML line 71 paragraph tag omission

<td width="483" height="540" align="left" valign="top" class="bodycopy">BROADMARK MEDIA is one of the most reputable lead generation platforms in the industry. We provide our customers with high quality leads in multiple channels through proven registration paths, web sites and e-mail lists. The breadth of offers and formats available through our extensive network translates into high volume lead flow&mdash;with the quality only offered by Broadmark Media.

[ichelle]

Thank you, tZ. I appreciate your help. I will give that a shot and report back. This is my first "real" site I am helping someone with so I am hoping to do my best. Thank you all for helping me out!

[ichelle]

tZ, thanks so much for sharing that code, it works!!! i'm so happy! :D thank you thank you thank you!

[ichelle]

just to show it works,
http://www.dgrace.net/BroadmarkMedia/channels.html
:)

[tZ]

Out of curiosity was the problem what I predicted it to be?

lol n/m…

Glad to see you have it working.

[ichelle]

yes, the style tag was missing. thank you for pointing that out. moving forward, i will learn to be aware of the code and inspect for inconsistencies. if you have any other useful advice or suggestions for me, please share them, i'd appreciate it :)