Forum Moderators: open

Message Too Old, No Replies

DW MX editable region w/ pcs

image alignment problems

         

jiva

4:42 am on Mar 16, 2004 (gmt 0)

10+ Year Member



I used DW MX (mac) to create a template for a portfolio display page (the entire page consists of images in a table). I deleted the central image (which was a space holder) and made that table cell an editable region. For each 'new from template' page, I inserted an image which was the same size as the one I had deleted in creating the editable space.

When I display my pages on Macs, it looks fine; when I browse via pcs, it doesn't. It's as if the editable region marker (which I named, "stage") kicks the alignment out slightly. I've tried to delete the "align=top" code from my template, but nothing was changed.

Anyone? Thanks

limbo

4:42 pm on Mar 16, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to Webmaster World Jiva :)

are there any empty font/div tags within the cell you have specified as editable?

Have you viewed the table on a PC with out applying the template to see if it is a display error with the table settings?

Also you may want to delete any white space either side of the editable regions so the <td> tags are 'flush' with the editable region tags

Ta

Limbo

sonjay

5:17 am on Mar 17, 2004 (gmt 0)

10+ Year Member



When you deleted the image in the template, DW probably dropped a non-breaking space into that cell. It does that. Then in your child pages, you're not deleting that non-breaking space when you place the picture. Or possibly the non-breaking space is inside the table cell but *outside* your editable region, so you can't delete it.

Go back into your tempate and check the code -- and delete the non-breaking space in there, if there is one. I'll bet there is.

FWIW, when I've done similar page layouts, I find it easier to leave an image in the template but designate it as editable. Then in my child pages I just double-click the image to select a different image.

jiva

12:11 am on Mar 20, 2004 (gmt 0)

10+ Year Member



I tried both of your recommendations, Sonjay & Limbo-thank you!

Deleting the space b/w the editable region and the TD tag worked - almost. It worked for images w/out area maps links, but for those w/ the image area links, it didn't.

Here's the code from a page that works, and a page that doesn't.

WORKS: <TD COLSPAN=2 ROWSPAN=9 bgcolor="#F2ECD6"><!-- InstanceBeginEditable name="stage" --><img src="images/s_nye_12.jpg" width="402" height="445"><!-- InstanceEndEditable --></TD>

DOESN'T WORK: <TD COLSPAN=2 ROWSPAN=9 bgcolor="#F2ECD6"><!-- InstanceBeginEditable name="stage" --><img src="images/s_wb1_12.jpg" width="402" height="445" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="0,343,174,366" href="http://www.womensbuilding.org" target="_blank" alt="Women's Building">
</map>
<!-- InstanceEndEditable --></TD>

sonjay

4:04 am on Mar 20, 2004 (gmt 0)

10+ Year Member



I'd bet money the problem is a result of the 2 or 3 hard paragraph returns. Most browsers add a space where there's a paragraph return. That space is what's throwing your design off.

Try removing all the paragraph returns between tags, like this:

<TD COLSPAN=2 ROWSPAN=9 bgcolor="#F2ECD6"><!-- InstanceBeginEditable name="stage" --><img src="images/s_wb1_12.jpg" width="402" height="445" border="0" usemap="#Map"><map name="Map"><area shape="rect" coords="0,343,174,366" href="http://www.womensbuilding.org" target="_blank" alt="Women's Building"></map><!-- InstanceEndEditable --></TD>

jiva

2:43 pm on Mar 22, 2004 (gmt 0)

10+ Year Member



Limbo & Sonjay-
It worked! When I removed the spaces from between the DW code, everything lined up correctly. The only fallout from that was DW said I had changed code in a region not marked as editable and that my changes would revert whenever I applied the template in the future. So, my short term goals were met and at least I know what I'm up against in the future.
Thanks for your help :-)

sonjay

12:51 am on Mar 23, 2004 (gmt 0)

10+ Year Member



Hey, cool, jiva, I'm glad it worked!

I get that warning in DW all the time. According to the people at the Macromedia support forums, that generally means that there's an error somewhere in the template code. But I think it's a bug in Dreamweaver. I get that error so frequently, with so many different templates, when there's definitely no error in the template code, that I can't believe it's anything but a bug. I've just learned to ignore it, and I don't think I've ever lost any changes.