Editable region and more
I would love if an EXPERT could access my desktop and help me...seems i created a site under manage sites but it contains way more than just the single web site.
ASAP would be swell.
Will of course pay for your time!
Thanks!
I don't do computer links for security reasons.
View the screenshots below and compare them with your site's set-up.
Site > Manage Sites > Edit or New >
Local Site: Browse to or type the folder location on your hard drive.
Remote Site: Log-in details & Root Directory as provided by your web host.
Nancy O.
Similar Messages
-
DWCS3 Template Editable Regions and Editable Attributes?
Using DWCS3 / WIN XP
New to DWCS3 and templates AND CSS but I'm managing I
think....
QUESTION:
is there a way to allow the end user to edit the content of
an editable region and also the attributes of the cell in which the
editable region resides?
SITUATION:
I'm building templates for pages (styled with external CSS)
that will be editable by the end user via Contribute. I've put
editable and repeating regions (imgs and navigation menus) in
particular tds and would like the end user to be able to change the
color of the background of the cells in which the editable regions
reside.....
Of course I get "cannot place an editable region inside an
editable region" .......understandable...i've read more than a few
help/tutorial docs......
So I thought that I should click the tag selector for that td
and Make Attribute Editable.....
That's not working either....I know I'm missing something
because I haven't used DW in years and I'm just not getting some
big picture logic......
EXAMPLE: In the .html page attached for viewing, the upper
left image SRC is in an editable region. I would like the
background color of the cell it is in to be editable as well. Same
goes for the background color of the left navigation menu which
resides in a nested table by the way...........but i still want the
color to be editable.....
Thanks so much for any help you can give....
CoCo
PAGE based on Template:
http://www.methods.com/npsbweb/schools/NPSB_school_lev_1.html
CSS and TEMPLATE CODE: BELOW
@charset "utf-8";
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
h1 {
font-size: 16px;
color: #999966;
font-family: "Times New Roman", Times, serif;
h2 {
font-size: 18px;
color: #333366;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0px;
h3 {
font-size: 14px;
color: #333366;
font-family: Verdana, Arial, Helvetica, sans-serif;
h4 {
font-size: 12pt;
color: #999966;
font-family: "Times New Roman", Times, serif;
text-align: center;
letter-spacing: 1px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
h5 {
font-size: 12px;
color: #999966;
font-family: Verdana, Arial, Helvetica, sans-serif;
h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333366;
text-align: center;
#tdDivideLineTop {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999966;
height: 2px;
#tdMainImgTop {
text-align: center;
vertical-align: middle;
height: 175px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D5D5AA;
background-color: #ffffff;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #D5D5AA;
#tdTitleRow {
height: 175px;
vertical-align: middle;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D5D5AA;
#tdRightLineTop {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CACAFF;
#tdMainNavigation {
display: block;
font-size: 9pt;
background-color: #D5D5AA;
#tdRightNavigation {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #D5D5AA;
background-color: #FFFFFF;
#tdMainNavigation a:link {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
margin: 25px;
padding: 2px;
display: block;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #333366;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
background-color: #FFFFFF;
#tdMainNavigation a:visited {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
margin: 25px;
padding: 2px;
display: block;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #333366;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
background-color: #FFFFFF;
#tdMainNavigation a:hover {
color: #FFFFFF;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
display: block;
margin: 25px;
padding: 2px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #333366;
background-color: #999966;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
#tdMainNavigation a:active {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
display: block;
margin: 25px;
padding: 2px;
font-weight: normal;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #333366;
background-color: #D5D5AA;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
#tdRightNavigation a:link {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #999900;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:visited {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #999900;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:hover {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #333399;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:active {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #666633;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
a {
font-size: 10pt;
color: #333366;
a:visited {
color: #330066;
a:hover {
color: #999966;
a:active {
color: #999900;
body,td,th {
font-size: 10pt;Using DWCS3 / WIN XP
New to DWCS3 and templates AND CSS but I'm managing I
think....
QUESTION:
is there a way to allow the end user to edit the content of
an editable region and also the attributes of the cell in which the
editable region resides?
SITUATION:
I'm building templates for pages (styled with external CSS)
that will be editable by the end user via Contribute. I've put
editable and repeating regions (imgs and navigation menus) in
particular tds and would like the end user to be able to change the
color of the background of the cells in which the editable regions
reside.....
Of course I get "cannot place an editable region inside an
editable region" .......understandable...i've read more than a few
help/tutorial docs......
So I thought that I should click the tag selector for that td
and Make Attribute Editable.....
That's not working either....I know I'm missing something
because I haven't used DW in years and I'm just not getting some
big picture logic......
EXAMPLE: In the .html page attached for viewing, the upper
left image SRC is in an editable region. I would like the
background color of the cell it is in to be editable as well. Same
goes for the background color of the left navigation menu which
resides in a nested table by the way...........but i still want the
color to be editable.....
Thanks so much for any help you can give....
CoCo
PAGE based on Template:
http://www.methods.com/npsbweb/schools/NPSB_school_lev_1.html
CSS and TEMPLATE CODE: BELOW
@charset "utf-8";
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
h1 {
font-size: 16px;
color: #999966;
font-family: "Times New Roman", Times, serif;
h2 {
font-size: 18px;
color: #333366;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0px;
h3 {
font-size: 14px;
color: #333366;
font-family: Verdana, Arial, Helvetica, sans-serif;
h4 {
font-size: 12pt;
color: #999966;
font-family: "Times New Roman", Times, serif;
text-align: center;
letter-spacing: 1px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
h5 {
font-size: 12px;
color: #999966;
font-family: Verdana, Arial, Helvetica, sans-serif;
h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333366;
text-align: center;
#tdDivideLineTop {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999966;
height: 2px;
#tdMainImgTop {
text-align: center;
vertical-align: middle;
height: 175px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D5D5AA;
background-color: #ffffff;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #D5D5AA;
#tdTitleRow {
height: 175px;
vertical-align: middle;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D5D5AA;
#tdRightLineTop {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CACAFF;
#tdMainNavigation {
display: block;
font-size: 9pt;
background-color: #D5D5AA;
#tdRightNavigation {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #D5D5AA;
background-color: #FFFFFF;
#tdMainNavigation a:link {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
margin: 25px;
padding: 2px;
display: block;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #333366;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
background-color: #FFFFFF;
#tdMainNavigation a:visited {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
margin: 25px;
padding: 2px;
display: block;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #333366;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
background-color: #FFFFFF;
#tdMainNavigation a:hover {
color: #FFFFFF;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
display: block;
margin: 25px;
padding: 2px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #333366;
background-color: #999966;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
#tdMainNavigation a:active {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
display: block;
margin: 25px;
padding: 2px;
font-weight: normal;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #333366;
background-color: #D5D5AA;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
#tdRightNavigation a:link {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #999900;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:visited {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #999900;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:hover {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #333399;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:active {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #666633;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
a {
font-size: 10pt;
color: #333366;
a:visited {
color: #330066;
a:hover {
color: #999966;
a:active {
color: #999900;
body,td,th {
font-size: 10pt; -
When I set page as template, set editable regions and try to view in browser IE 9 a download box comes up and when i click open it just opens the file again in DW.
Use the Template to spawn a child page. File > New > Page from Template...
Save the child page as some_file.html and then preview that in your browsers.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/ -
Editable regions and flash videos
Okay so im creating a new website and I have already got
stuck with something. The problem is rather annoying, I could first
easily insert flash videos to my website before I turned it into a
template, but I have now turned my pages into a template as im
creating a site with lots of videos on different pages. Thing is, I
have an 'editable region' in the middle section, and because of
that I cannot add videos to either my template file (.DWT) or my
other html files. It says I need to change code in the original
template to continue. Please help and thanks for reading!> It
> says I need to change code in the original template to
continue.
url to the page please??
tip: if inserting into a locked area of the template, if it's
dw 8.03 or
CS3, you need to insert the flash with a site root relative
path, so that
the paths come out right in the child pages.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/ -
Editable regions and Flash movie
Hi,
I am trying to insert a flash movie into an editable region
of a child page, but I keep getting the following error: "Making
this change would require changing code that is locked by a
template or translator. The change will be discarded."
I have read previous posts about the same issue, but none of
them answers my question. I tried creating a new template and a
child from it as a test deleting the css links (like some one
suggested to do) to try to identify the troubled css and I kept
getting the same error in the new pages. I hope someone can help to
identify the issue and the solution. The region where I want to
insert the movie is called "FinalMainContent."
BTW, I do not know how to write code... Sorry!
Thanks, in advance, for any help you can provide!
Here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="
http://www.w3.org/1999/xhtml"><!--
InstanceBegin template="/Templates/Main Pages.dwt"
codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>TotusMundus - Video/Film</title>
<!-- InstanceEndEditable -->
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<!--Fireworks 8 Dreamweaver 8 target. Created Sat Jan 13
16:43:41 GMT-0500 ( ) 2007-->
<link href="TotusMundus_Styles.css" rel="stylesheet"
type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<link href="Templates/TotusMundus_Styles.css"
rel="stylesheet" type="text/css" />
<!-- InstanceEndEditable -->
<script language="JavaScript1.2"
type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for
(i=0;!x&&i<d.forms.length;i++) x=d.forms
[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n);
return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new
Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a
))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src;
x.src=a[i+2];}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++)
x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new
Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a
.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
//-->
</script>
<script type="text/javascript"
src="p7pm/p7popmenu.js"></script>
<style type="text/css">
td img {display: block;}</style>
<style type="text/css" media="screen">
<!--
@import url("p7pm/p7pmv0.css");
a:link {
color: #999999;
text-decoration: none;
a:visited {
text-decoration: none;
color: #666666;
a:hover {
text-decoration: none;
color: #666666;
a:active {
text-decoration: none;
color: #666666;
-->
</style>
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
</head>
<body
onload="P7_initPM(0,0,1,0,-8);MM_preloadImages('Images/LinesBtn_f2.jpg','Images/SmallFlow erBtn_f2.jpg','Images/SquigliBtn_f2.jpg','Images/StarBtn_f2.jpg','Images/DoubleSquigliBtn_ f2.jpg','Images/BigFlowerBtna_f2.jpg','Images/PrevBtn_f2.jpg','Images/NextBtn_f2.jpg');">< table
align="center" border="0" cellpadding="0" cellspacing="0"
width="800">
<!-- fwtable fwsrc="Index.png" fwbase="TotusMundus.jpg"
fwstyle="Dreamweaver" fwdocid = "1262947761" fwnested="0" -->
<tr>
<td><img src="Images/spacer.gif" width="116"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="8"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="182"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="109"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="102"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="180"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="7"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="96"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="1"
height="1" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="7"><a
href="index.htm"><img name="LogoAnfTagLine"
src="Images/LogoAnfTagLine.jpg" width="704" height="100" border="0"
id="LogoAnfTagLine" alt="" /></a></td>
<td><img name="MusicTitle"
src="Images/MusicTitle.jpg" width="96" height="74" border="0"
id="MusicTitle" alt="" /></td>
<td><img src="Images/spacer.gif" width="1"
height="74" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="4"><a href="javascript:;"
onmouseout="MM_swapImgRestore();"
onmouseover="MM_swapImage('LinesBtn','','Images/LinesBtn_f2.jpg',1);"><img
name="LinesBtn" src="Images/LinesBtn.jpg" width="96" height="57"
border="0" id="LinesBtn" alt="" /></a></td>
<td><img src="Images/spacer.gif" width="1"
height="26" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="7"><img name="CushionforPath"
src="Images/CushionforPath.jpg" width="704" height="13" border="0"
id="CushionforPath" alt="" /></td>
<td><img src="Images/spacer.gif" width="1"
height="13" border="0" alt="" /></td>
</tr>
<tr>Can you upload the page and just post a link to it?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"TheUniverse" <[email protected]> wrote in
message
news:[email protected]...
> 3rd part of the code:
>
> <td><a href="javascript:;"
onmouseout="MM_swapImgRestore();"
>
onmouseover="MM_swapImage('StarBtn','','Images/StarBtn_f2.jpg',1);"><img
> name="StarBtn" src="Images/StarBtn.jpg" width="96"
height="82" border="0"
> id="StarBtn" alt="" /></a></td>
> <td><img src="Images/spacer.gif" width="1"
height="82" border="0"
> alt=""
> /></td>
> </tr>
> <tr>
> <td><a href="javascript:;"
onmouseout="MM_swapImgRestore();"
>
onmouseover="MM_swapImage('DoubleSquigliBtn','','Images/DoubleSquigliBtn_f2.jpg'
> ,1);"><img name="DoubleSquigliBtn"
src="Images/DoubleSquigliBtn.jpg"
> width="96"
> height="127" border="0" id="DoubleSquigliBtn" alt=""
/></a></td>
> <td><img src="Images/spacer.gif" width="1"
height="127" border="0"
> alt=""
> /></td>
> </tr>
> <tr>
> <td rowspan="5"><a href="javascript:;"
> onmouseout="MM_swapImgRestore();"
>
onmouseover="MM_swapImage('BigFlowerBtna','','Images/BigFlowerBtna_f2.jpg',1);">
> <img name="BigFlowerBtna"
src="Images/BigFlowerBtna.jpg" width="96"
> height="107" border="0" id="BigFlowerBtna" alt=""
/></a></td>
> <td><img src="Images/spacer.gif" width="1"
height="32" border="0"
> alt=""
> /></td>
> </tr>
> <tr>
> <td colspan="6"><!-- InstanceBeginEditable
name="BotBox" --><img
> name="BotBox" src="Images/BotBox.jpg" width="588"
height="8" border="0"
> id="BotBox" alt="" /><!-- InstanceEndEditable
--></td>
> <td><img src="Images/spacer.gif" width="1"
height="8" border="0" alt=""
> /></td>
> </tr>
> <tr>
> <td rowspan="3" align="center" valign="middle"
> class="LeftBtn"><!-- InstanceBeginEditable
name="RotWorld" -->
> <script type="text/javascript">
> AC_FL_RunContent(
> 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#
>
version=7,0,19,0','width','32','height','32','title','RotWorld','src','../Media/
> RotWorld','quality','high','pluginspage','
http://www.macromedia.com/go/getflashp
> layer','movie','../Media/RotWorld' ); //end AC code
> </script>
> <noscript>
> <object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
> rsion=7,0,19,0" width="32" height="32"
title="RotWorld">
> <param name="movie" value="Media/RotWorld.swf" />
> <param name="quality" value="high" />
> <embed src="Media/RotWorld.swf" quality="high"
> pluginspage="
http://www.macromedia.com/go/getflashplayer"
> type="application/x-shockwave-flash" width="32"
height="32"></embed>
> </object>
> </noscript>
> <!-- InstanceEndEditable --></td>
> <td rowspan="2" colspan="2"
> valign="top" class="Print"><!--
> InstanceBeginEditable name="Print" -->Print
Document<!--
> InstanceEndEditable
> --></td>
> <td><!-- InstanceBeginEditable name="PrevBtn"
--><a
> href="MedProdAbout.htm"
> onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('PrevBtn','','Images/PrevBtn_f2.jpg',1)"><img
> name="PrevBtn" src="Images/PrevBtn.jpg" width="109"
height="31" border="0"
> id="PrevBtn" alt="" /></a><!--
InstanceEndEditable --></td>
> <td><!-- InstanceBeginEditable name="NextBtn"
--><a
> href="MedProdPhoto.htm"
> onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('NextBtn','','Images/NextBtn_f2.jpg',1)"><img
> name="NextBtn" src="Images/NextBtn.jpg" width="102"
height="31" border="0"
> id="NextBtn" alt="" /></a><!--
InstanceEndEditable --></td>
> <td rowspan="2" colspan="2"
> valign="top"> <p
> class="Search"
> style="margin:0px"><a
href="Search.htm">Search</a></p></td>
> <td><img src="Images/spacer.gif" width="1"
height="30" border="0"
> alt=""
> /></td>
> </tr>
> <tr>
> <td colspan="2"><img name="BotExtra2"
src="Images/BotExtra2.jpg"
> width="211" height="16" border="0" id="BotExtra2" alt=""
/></td>
> <td><img src="Images/spacer.gif" width="1"
height="16" border="0"
> alt=""
> /></td>
> </tr>
> <tr>
> <td colspan="6"
> class="CopyRightText">© 2006 - 2004
TotusMundus.org - all rights
> reserved</td>
> <td><img src="Images/spacer.gif" width="1"
height="21" border="0"
> alt=""
> /></td>
> </tr>
> </table>
> </body>
> <!-- InstanceEnd --></html>
> -
Editable Regions and Templates -- Problem in IE
Hello,
I have a template that I use throughout my site. The template
includes
the Spry Menu Bar and three editable regions. The pages all
look great
in Firefox. But in IE6 and IE7, there is a problem--white
space
vanishes and the text is too close to the objects above it.
Specifically, The <h3>Page
Title</h3>appears to close underneath
<td><!-- TemplateBeginEditable
name="EditRegion1" -->. It's fine in
Firefox, however.
Any help is greatly appreciated.
Thank you,
=====================
Here's the code.
<style type="text/css">
<!--
body {
background-color: #878737;
-->
</style>
</head>
<body text="#333333"
vlink="#333333" alink="#333333"
leftmargin="0"
topmargin="0"
marginwidth="0"
marginheight="0">
<TABLE width="800" border=0
align="center" cellpadding=0 cellspacing=0
bgcolor="#FFFFFF">
<TBODY>
<tr>
<td
width="2%">&nbsp;</td>
<td width="96%"><img
src="../SpryAssets/mainnav_logo.jpg"
/></td>
<td
width="2%">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><!-- TemplateBeginEditable
name="EditRegion1" -->
<h3>Page Title</h3>
<!-- TemplateEndEditable
--></td>TEST BED:
I shrinked my test site to just 1 photo page with only 3 pictures and I I published it to a folder:
Safari 3.1.1 has no problems
Mozilla Firefox 2.0.0.2 has no problems
Opera 9.5 has no problems
IE 7.0.5730.13 cannot render any picture !!!!
DEEP DIVE:
IE fails and if "notifications" are turned on complains about run time error "Error: Access Denied" on line 504 of a script. I went deeper and using the Microsoft Just in Time Debugging features apparently the offending javascript is "iWeb - iWebSite.js" with an ajaxRequest called "req.open('GET',url,true)"
iWEB on LEOPARD is no better
I booted with an external disk using Leopard and I used iWeb just 1 photos page
no way IE still complains (so far I am using Mac Tiger level)
HOW CAN YOU HELP
To those of you who succeeded with iWeb+IE (and have time to lend) I can send the zipped 2MB actual iWeb "package" named "Domain.site2" used by my iWeb to save the site under editing before any publishing.
you temporarily rename your "Domain.site2" + substitute it with my "Domain.site2" + start iWeb and see if you can publish/see it correctly.
Please send me a private mail if you think you can help.
Seriously thinking of dumping iWeb...
RAN -
Help with Editable Regions and Image Swap
I need some assistance for a project I am working on, and I don't know a short way to describe. Hang with me, here it goes....
I am working with the sites 'Navigation' links. I want to use a MouseOver behavior so that the image swaps when moused over. I want the MousedOver image to remain when you are on that page. I can manually make this happen, but I am running into difficulty because I want the Navigation to be located in an un-editable region so when I add new pages, the entire site will update as I make changes to the template.
I don't know how to create this effect without manually swapping all the images via behaviors on each and every page, and when I need to do these edits, the region needs to be in an UnEditable region so that the template will update all the pages.
I guess the question is, how can I customize images from page to page in an Un-Editable region in a Template driven page?
Thanks.Image swaps are clumsy for navigation because you have to re-craft your menus every time you edit your site. This gets very old in a hurry.
CSS styled menus are not only easier to maintain in DW they are web friendly for all devices -- especially Smartphones who may have images disabled to save on bandwidth charges.
DW comes with Spry Menus which you can customize with CSS
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html
Additionally, there are some excellent DW extensions you can use to build professional looking CSS menus in seconds.
http://www.projectseven.com/products/menusystems/pmm2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
How to delete editable regions and template?
Hi everybody,
I posted this question earlier in the web discussions area, being unaware of a forum specific to Dreamweaver. Sorry for posting in two different places.
For the past week, I have been learning Dreamweaver CS4 from an online tutorial. I got to the place where I generated a template (index.dwt) from the main page (index.html) and created some editable regions on it. At that point, I realized that I had done all the steps by rote and did not actually absorb what I was doing. I wanted to delete the template in order to repeat the steps and gain a better understanding of the process. When I tried to delete the editable regions (modify-templates-remove editable regions), I was unable to do so because "remove editable regions" was greyed out. Nor was I able to delete the html code. I tried to delete the template itself, but when I did that, the index.html page retained those editable regions! Can anyone tell me if there is a way to get back to the place I was in before creating the template?
Thank you for any assistance.All you need to do is detach the index.html file from the template. Then you can delete the template and start all over.
Go to the Modify menu --> Templates --> Detach from Template -
I notice that D8 design view can corrupt the view of a page
element if an editable region is included. I.e.
<div class="leftsideCol"><!-- TemplateBeginEditable
name="sideNav" -->
<ul>
<li class="title">In-Page links</li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
</ul>
<!-- TemplateEndEditable -->
<!-- Main title -->
<p class="sidebarTitle">?! Notices !?</p>
<!-- Textbox -->
<div class="sideMssgeBoxCntnr"><!--
TemplateBeginEditable name="leftSideCol" -->
<p class="sideMessageTitleBkgrndYel">Subject
Title</p>
<p class="sideMessageBoxText">Put your message here. Be
succinct to avoid overcrowding the sidebar. Here is a <a
href="#">link</a> which can be removed by normal text
delete.</p>
<!-- TemplateEndEditable --></div>
</div>
The first region statements corrupt the view (remove them and
all displays correctly). This does not affect the final page.
If I try to solve this by putting the region just inside the
UL and /UL tags the design view is good. BUT the resulting page has
an extra UL opening tag. Why is this, it upsets the styling?
Where can I find a definitive set of rules for putting
regions around tags other than <p> which seems to work OK? I
want to make a set of LIs editable and be able to add another LI to
the list.>I notice that D8 design view can corrupt the view of a
page element if an
> editable region is included.
There must be something else going on. Your posted code would
be quite
normal. Why not upload this page and post a link to it so I
can see the
whole picture, please.
> Where can I find a definitive set of rules for putting
regions around
> tags
> other than <p> which seems to work OK? I want to
make a set of LIs
> editable and
> be able to add another LI to the list.
The regions must be properly nested. That's about it. In
other words, you
could not have this -
<div><!-- TemplateBeginEditable name="foo" -->
</div>
<!-- TemplateEndEditable -->
> I want to make a set of LIs editable and
> be able to add another LI to the list.
Exactly what you have would do that.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"ROGM" <[email protected]> wrote in message
news:[email protected]...
>I notice that D8 design view can corrupt the view of a
page element if an
> editable region is included. I.e.
>
> <div class="leftsideCol"><!--
TemplateBeginEditable name="sideNav" -->
>
> <li class="title">In-Page links</li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
> <!-- TemplateEndEditable -->
> <!-- Main title -->
> <p class="sidebarTitle">?! Notices !?</p>
> <!-- Textbox -->
> <div class="sideMssgeBoxCntnr"><!--
TemplateBeginEditable
> name="leftSideCol"
> -->
> <p class="sideMessageTitleBkgrndYel">Subject
Title</p>
> <p class="sideMessageBoxText">Put your message
here. Be succinct to avoid
> overcrowding the sidebar. Here is a <a
href="#">link</a> which can be
> removed
> by normal text delete.</p>
> <!-- TemplateEndEditable --></div>
> </div>
>
> The first region statements corrupt the view (remove
them and all displays
> correctly). This does not affect the final page.
>
> If I try to solve this by putting the region just inside
the UL and /UL
> tags
> the design view is good. BUT the resulting page has an
extra UL opening
> tag.
> Why is this, it upsets the styling?
>
> Where can I find a definitive set of rules for putting
regions around
> tags
> other than <p> which seems to work OK? I want to
make a set of LIs
> editable and
> be able to add another LI to the list.
> -
Remove editable region *and* propagate?
Hi all,
I have an editable region in a template which I would like to
make uneditable. I can remove it in the template, but the change
does not seem to propagate to the child pages. In other words, the
region is still editable on the child pages after I apply the
changed template. Is there a way to do this or am I outta luck
here?
Thanks!Removing the editable region markup should certainly render
that region
uneditable in the child pages. Something is preventing that
from happening.
Can you show me the child page after removing the markup and
tell me which
region you are deleting?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"idRatherBeOutside" <[email protected]>
wrote in message
news:e4e3s6$j23$[email protected]..
> Hi all,
>
> I have an editable region in a template which I would
like to make
> uneditable.
> I can remove it in the template, but the change does not
seem to propagate
> to
> the child pages. In other words, the region is still
editable on the
> child
> pages after I apply the changed template. Is there a way
to do this or am
> I
> outta luck here?
>
> Thanks!
> -
IMovie corrupt edit windows and more
A strange thing has happened:
I have been working on a massive project, a friend‘s wedding; it’s taken two months to edit and I’m nearly finished.
But yesterday, while I was adding some final edits the program seemed to hang. I quit out, and now when I try to go back the main edit window doesn’t appear, it’s just empty.
The clips appear in the bottom window, and the preview window is fine, but the window where you assemble the clips is empty.
I have a feeling that a clip has got corrupt and is preventing the program from opening properly; but because I can’t get into the edit window I can’t try and take out the offending clip.
I’ve tried reinstalling iMovie and trashing the prefs file, but it still does the same thing.
I hope I’ve made it clear what the problem is - can anyone help. My only option at the moment is to reedit the whole wedding again; and I promised the couple it’d be ready by the weekend!
Help!!Yes.
You can leave the first song where it is.
For the second song, highlight it and delete it. Then go back to the music browser again and drag your second song to your project. But this time, drag it to a clip near the end of your first song.
Now, you should have a green audio track running beneath your video clips, and you can adjust the start, end, or where it attaches. -
How to remove Editable region from nested template?
I'm trying to remove an editable region from a nested
template while retaining it in the parent template. DW doesn't want
to let me do this.
Example:
- I've created an overall template call ALLPAGES.DWT
- In it, there's an editable region called "related links".
- The "related links" will stay the same for all my main
pages (welcome, news, info, etc), so I'd like to create a nested
template called MAINPAGES.DWT where the field is locked.
So here's what I did; I started a new page from ALLPAGES.DWT
and then I created a template MAINPAGES.DWT from it. Now I want to
remove the editable region "related links". According to the DW
manual, I should be able to highlight the region and go to
Modify > Templates > Remove Template Markup, but that
option is greyed out!
Apparenlty the only way of removing the editable region is to
create a smaller editable region within it. But that's unnecessary
and sloppy. How can I remove the region entirely?> This use of nested templates is very useful and very
simple and
> straightforward.
> It involves no additional overheads, and introduces no
reliability
> problems.
I really disagree with this.
> I cannot understand why Murray has such a bad attitude
to nested
> templates.
I spent quite a bit of time using them, tweaking them,
understanding them,
and watching the problems that others have had here on the
forum. My
compelling conclusion is that there is nothing you can do
with nested
templates that you cannot do more simply and with far less
trouble by using
other methods, some involving other kinds of template
regions, and some
involving simple use of Library items, or better, server-side
includes.
> I can only assume either that he had a bad experience on
the road to
> Damascus,
> after writing his definitive book on templates
I assure you, it's based on much more study and experience
than you have put
into it.
> "Templates are wicked and sinful! Don't play with them,
or you will go
> blind!"
This is not only unkind, it's completely erroneous. Far and
away, I am the
single most enthusiastic proponent for the use of templates
on these boards.
Perhaps a read of my book would help you rid yourself of your
attitude, too.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Clancy" <[email protected]> wrote in message
news:[email protected]...
> "Dodgeit" <[email protected]> wrote:
>
>>I'm trying to remove an editable region from a nested
template while
>>retaining
>>it in the parent template. DW doesn't want to let me
do this.
>>
>> Example:
>> - I've created an overall template call ALLPAGES.DWT
>> - In it, there's an editable region called "related
links".
>> - The "related links" will stay the same for all my
main pages (welcome,
>> news,
>>info, etc), so I'd like to create a nested template
called MAINPAGES.DWT
>>where
>>the field is locked.
>
> Very simple:
>
> Open allpages.dwt.
> Save as template, with name mainpages.dwt (I always do
this immediately so
> that
> if I do something stupid I don't corrupt the original
template).
> Insert the desired content into "related links".
> At the beginning of the content area of "related links"
insert the magic
> code
> @@("")@@
> This turns off the editable region, and there will be no
reference to it
> in
> pages derived from this template.
> Save the changes to mainpages.dwt
> Done!
>
> Have a look at
>
>
http://www.corybas.com/Technical/Nested.htm
> This is derived from my template techpage.dwt, which in
turn is ultimately
> derived from my template basicpage.dwt.
>
> Basicpage.dwt defines two editable regions 'title' and
'subtitle' at the
> top of
> the page. Techpage.dwt sets a fixed title for all my
technical pages, as
> follows:
>
> <p class="hdgtn" ><!-- InstanceBeginEditable
name="Title" -->@@("")@@Roger
> Riordan: Technical notes<!-- InstanceEndEditable
--></p>
> <p class="hdgstn"><!-- InstanceBeginEditable
name="Subtitle" -->Notes<!--
> InstanceEndEditable --></p>
>
> In the page Nested.htm the references to 'title'
disappear, and the two
> lines
> appear as
>
> <p class="hdgtn" >Roger Riordan: Technical
notes</p>
> <p class="hdgstn"><!-- InstanceBeginEditable
name="Subtitle" -->Nested
> Templates<!-- InstanceEndEditable --></p>
>
> This use of nested templates is very useful and very
simple and
> straightforward.
> It involves no additional overheads, and introduces no
reliability
> problems.
>
> I cannot understand why Murray has such a bad attitude
to nested
> templates. I
> can only assume either that he had a bad experience on
the road to
> Damascus,
> after writing his definitive book on templates, or that
it says simply:
>
> "Templates are wicked and sinful! Don't play with them,
or you will go
> blind!"
>
>
> Clancy -
I hope somebody can help me. I am a complete novice using
Dreamweaver8. I have created a template with a single editable
region and applied that template to numerous pages on my site. I
don't understand why some of the pages are more narrow than others.
I want all of the pages to be of the same width and to adjust only
in height to accomodite increased content. I have posted the site
at
http://home.earthlink.net/~ddrlin/
. As you can see the width of the table changes from page to page
but its width is supposed to be fixed.Template regions are not layout tools. The "width" of an
editable region is
meaningless, as it's totally dependent on what it's inserted
into, and
what's inserted into it.
If you are seeing page variations, it would have nothing to
do with editable
regions.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"ddrlin" <[email protected]> wrote in
message
news:eabc1j$shr$[email protected]..
>I hope somebody can help me. I am a complete novice using
Dreamweaver8. I
>have
> created a template with a single editable region and
applied that template
> to
> numerous pages on my site. I don't understand why some
of the pages are
> more
> narrow than others. I want all of the pages to be of the
same width and to
> adjust only in height to accomodite increased content. I
have posted the
> site
> at
http://home.earthlink.net/~ddrlin/
. As you can see the width of the
> table
> changes from page to page but its width is supposed to
be fixed.
> -
Why does this happen when I insert editable region?
Hi ppl... I got a small problem here. When I insert editing region into the ORANGEBOX div, for some unknown reason which I can't figure out, my spry menu bar shifts to the left. But in preview, it looks fine. What's the reason for this and how can I avoid it? The shifted spry menu bar in the workspace is disturbing me.. haha.. I have attached screenshots of the 2 states below (Before inserting editable region and after inserting editable region)
Before inserting editable region into the ORANGE BOX
After inserting editable region into the ORANGEBOX
Here's the code BEFORE inserting editable region.. If you are free, do try to insert an editable region into the ORANGEBOX, and kindly tell me why it's happening! =) Thanks!
<!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 -->
<style type="text/css">
<!--
body {
background-color: #666;
margin: 0px;
padding: 0px;
margin: 0px;
padding: 0px;
#wrapper {
padding: 0px;
width: 900px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
overflow: hidden;
#navigation {
height: 122px;
#mainContent {
background-color: #FFF;
overflow: hidden;
#header {
background-color: #033;
height: 248px;
#navigationlinks {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000;
height: 42px;
background-color: #0C0;
#footer {
height: 100px;
background-color: #F39;
#orangebox {
height: 100px;
width: auto;
background-color: #F60;
-->
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="navigationlinks">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Home</a> </li>
<li><a href="#">Audio Lectures</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Video Lectures</a>
<ul>
<li><a href="aqeedah1.htm">Aqeedah</a></li>
<li><a href="fundamentals1.shtml">Tawheed</a></li>
<li><a href="#">Friday Bayans</a></li>
<li><a href="#">Other Topics</a></li>
</ul>
</li>
<li><a href="#">Books</a></li>
</ul>
</div>
<div id="mainContent">
<p> </p>
<p>mainContent</p>
<p> </p>
<div id="orangebox">
<p>ORANGE BOX </p>
<p> </p>
</div>
<p> </p>
<p>mainContent</p>
<p> </p>
<p> </p>
</div>
<div id="footer">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>FOOTER </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<p> </p>
<p> </p>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>Here's the SpryMenuBarHorizontal.css
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 9em;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 9em;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 9em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
color: #333;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding-top: 1.1em;
padding-right: 0.75em;
padding-bottom: 1.1em;
padding-left: 0.75em;
text-align: center;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left; -
Adding text to editable region creates space in the rest of my layout
I created my layout in PS, sliced the images and then imported to DW (html and images).
Layout looks great.
I created editable regions in the template I created from the .html
One I start inserting text into these regions, my container moves and it throws the rest of the layout off by adding space between the editable region and the area above it (a big black line horizontally through the page).
Is there a way to keep the container/editable region from moving or growing with the text so that it doesn't change my layout?
On a side note, this change doesn't appear in live view. When I preview in browser, Safari layout looks great, but text doesn't appear. In firefox, text appears, but layout is a mess.
Here is the code from the editable region to which I am trying to add text:
<!-- TemplateBeginEditable name="main_content_area" -->
<div id="site_layout_contentmain">Content for id "site_layout_contentmain" Goes Here</div>
<!-- TemplateEndEditable --></td>
ANY help is GREATLY appreciated!!!!!MHarvey2001 wrote:
Yes, the design is appearing to pull apart when I add content, but only in the Firefox preview.
If it pulls apart in Firefox, chances are it pulls apart in all browsers when text size is increased.
The problem with Photoshop code is that it is a) rigid, b) unstable and c) invalid.
To illustrate, run your code through the on-line validation tools below.
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Photoshop is OK for designing quick comps to show the client but they won't hold up on a real site.
IMO, the benefits of starting over far outweigh the inconvenience.
HTML & CSS Tutorials - http://w3schools.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/
Maybe you are looking for
-
Time Out during Download of CSV file
Hello everybody, I need some hints regarding CSV Downloads. In some cases I am getting just blank pages after starting a CSV Download. It seems to be related to the a,ount of data. At about 5000 rows the download works fine, but with about 10.000 row
-
Free Mobile, provider in France, uses now Eap-sim on his network Free Wifi! The request of this compatibility will be now important from french customers! I see that Xperia S has this Eap-sim while it is absent in Android 4! So it is Sony who has add
-
Adobe PSE 11 won't install: error 1321
I bought adobe PSE 11, when installing, error 1321: "Installer has unsufficient privelages to modify c:\windows\installer" appears. I have tried running as admin, but nothing . What do I do?
-
MRP_FORECAST_DATES clarification
Hi, In MRP_FORECAST_DATES table, what is the unique key leaving transaction_id. I could see duplicates in the table by including the following fields. INVENTORY_ITEM_ID,ORGANIZATION_ID,FORECAST_DESIGNAT OR,FORECAST_DATE,BUCKET_TYPE. I see duplicate r
-
I need help importing Videos in Encore CS3 (running on a Mac)
I want to make a DVD with Encore CS3 (running on a Mac). I've never used Encore before. I want to import movie files as Assets. The only files I've had any luck importing are .mov files (exported by Quicktime Pro). The movies I want to import are .AV