PDA

View Full Version : Editable Regions


frankcarroll
06-19-2007, 05:30 PM
Hi,
I am a new Dreamweaver user. I've designed a home page for my journalism students to edit in Contribute. I used tables to design the page. When I try to define some of the editable regions, the program stretches the table cells. How can I prevent this from happening?

Also, the editable section feature seems imprecise. I selected a cell and defined it as an editable region. But the blue border defining the editable region extends into the adjacent cell. Is there some way I can define the parameters of the editable region more accurately?

domedia
06-19-2007, 06:27 PM
Hi Frank,
It sounds like some of the widths in your table is wrong, that would explain both your problems.

frankcarroll
06-20-2007, 03:48 PM
Hi,

Thanks for the help, but it doesn't appear to be the problem. I constructed a new table, selected one cell and tried to define it as an editable region. Again, the blue border of the editable region extended into the next two columns. Instead of being 250 pixels wide, like the cell, the editable region is 350 pixels wide. I have no idea what's going on. Now, you mentioned my widths being wrong. I do have columns of different width in this row, so as to achieve the spacing between cells that I would like to achieve. Does Dreamweaver not like this?

Frank

fwr1000
06-20-2007, 04:17 PM
Are you sure you are selecting the TD (cell) tag and not the TR (row) tag when assigning the editable region?

Fred

domedia
06-20-2007, 04:41 PM
I do have columns of different width in this row, so as to achieve the spacing between cells that I would like to achieve. Hi Frank, too much guess work. Time to post your code please 8)

frankcarroll
06-20-2007, 04:53 PM
Here it is:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
.style1 {
font-family: Tahoma;
font-size: 10px;
color: #FE0000;
}
.style3 {
font-family: Verdana;
color: #333333;
}
body,td,th {
font-family: Verdana;
font-size: 10px;
color: #000000;
}
body {
background-color: #FFFFFF;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FE0003;
}
a:hover {
text-decoration: none;
color: #FC0000;
}
a:active {
text-decoration: none;
color: #FF0400;
}
h1 {
font-size: 18px;
color: #000000;
}
h2 {
font-size: 16px;
color: #000000;
}
h3 {
font-size: 12px;
color: #000000;
}
.style4 {
font-family: Verdana;
color: #000000;
font-size: 18px;
}
.style5 {font-family: Verdana; color: #333333; font-size: 10px; }
.style6 {color: #FE0000}
-->
</style></head>
<body>
<table width="750" border="0" cellspacing="1" cellpadding="2">
<tr>
<th width="499" height="75" rowspan="2" scope="col"><img src="Images/TroubadorBanner_edited.jpg" width="499" height="74" /></th>
<th width="250" height="60" valign="bottom" scope="col"><img src="" alt="" name="AboutLinkHolder" width="240" height="59" id="AboutLinkHolder" /></th>
</tr>
<tr>
<th width="250" height="15" valign="top" scope="col"><span class="style1">College of the North Atlantic Journalism</span></th>
</tr>
</table>
<table width="750" border="0" cellspacing="1" cellpadding="2">
<tr>
<th width="750" scope="col">&nbsp;</th>
</tr>
</table>
<table width="750" border="0" cellspacing="1" cellpadding="2">
<tr>
<th width="250" height="275" valign="top" scope="col"><!-- TemplateBeginEditable name="HomeTopPhoto_ER" --><img src="" alt="" name="HomeTopImageCaptionHolder" width="250" height="275" id="HomeTopImageCaptionHolder" /><!-- TemplateEndEditable --></th>
<th width="10" height="275" scope="col">&nbsp;</th>
<th width="225" height="275" valign="top" scope="col"><div align="left" class="style3">NEWS</div>
<p align="left" class="style4">Insert a headline in 18 point Verdana bold over 3 or 4 lines</p>
<p align="left" class="style5">Write a teaser here in 10 point Verdana regular text. Try to make it four or five lines. Your goal is to entice the person to continue reading by clicking on the link. <span class="style6">MORE</span></p>
<p align="left" class="style5">READ MORE: NEWS</p></th>
<th width="15" height="275" scope="col">&nbsp;</th>
<th width="250" height="275" scope="col">&nbsp;</th>
</tr>
</table>
<p>&nbsp;</p>
</body>
</html>

didv
06-21-2007, 12:43 PM
I dont think there is a problem...
When you insert a editable region to the image the visual display shows as if it has increased the TH width to 350 however if you go to the code the width is 250. To check this go to the title bar>visual aids and then uncheck invisible elements.

You will see the width to be normal which means that when you use this template it will just be editable just for thr TD...













"