That was helpful, Walt...I see you're having a great day.

I was assuming that this is a common problem...glad to hear that it isn't.

So...more specifically, the Lorem Ipsum text blocks inside the "box" class
divs are not selectable in Dreamweaver's Design View (regardless of whether I
wrap them in a template editable region or not). It appears to be a fault of
the CSS and DW's interpretation of it in Design View. I have attached the CSS
below. Any help appreciated.

.................


CSS:

html{font-size:100.01%}
body{
font-size:64%;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
img{display:block;}
#page{
width:950px;
margin:0 auto;
font-size:1.1em;
}
/*header start*/
#header{
height:69px;
background:#cdc790;
overflow:hidden;
}
#header strong{
display:block;
width:453px;
height:54px;
margin:15px auto 0;
}
#header strong a{
display:block;
overflow:hidden;
text-indent:-9999px;
height:54px;
background:url(../images/logo.gif);
}
/*menu start*/
#menu{
height:33px;
background:#000;
}
#menu ul{
margin:0;
padding:0;
list-style:none;
}
#menu ul li{
display:inline;
margin:0 0 0 40px;
padding:0;
float:left;
}
#menu ul a{
float:left;
height:33px;
overflow:hidden;
text-indent:-9999px;
}
a.trials{
width:109px;
background:url(../images/trials.gif);
}
a.trials:hover{
background-position:0 -33px;
}
a.activities{
width:57px;
background:url(../images/activities.gif);
}
a.activities:hover{
background-position:0 -33px;
}
a.preservation{
width:77px;
background:url(../images/preservation.gif);
}
a.preservation:hover{
background-position:0 -33px;
}
a.urban{
width:105px;
background:url(../images/urban.gif);
}
a.urban:hover{
background-position:0 -33px;
}
a.nature{
width:42px;
background:url(../images/nature.gif);
}
a.nature:hover{
background-position:0 -33px;
}
a.about{
width:61px;
background:url(../images/about.gif);
}
a.about:hover{
background-position:0 -33px;
}
a.news{
width:79px;
background:url(../images/news.gif);
}
a.news:hover{
background-position:0 -33px;
}
a.volunteer{
width:63px;
background:url(../images/volunteer.gif);
}
a.volunteer:hover{
background-position:0 -33px;
}
#breadcrumb{
background:#e4e1c3;
height:37px;
line-height:37px;
font-size:1em;
color:#292929;
padding:0 0 0 34px;
}
/*visual start*/
#visual{
height:263px;
}
/*content start*/
#content{
width:100%;
overflow:hidden;
background:url(../images/bg-content.gif) repeat-y;
}
/*left sidebar start*/
#column1{
float:left;
width:178px;
display:inline;
margin:20px 0 0 34px;
}
/*main column start*/
#column2{
float:right;
margin:20px 47px;
width:612px;
overflow:hidden;
display:inline;
padding:0 0 48px 0;
}
.col-top{
height:98px;
width:612px;
}
/*feature boxes start*/
.holder{
width:670px;
overflow:hidden;
margin:20px -58px 0 0;
}
.box{
float:left;
width:165px;
display:inline;
margin:0 58px 0 0;
}
.box img{
display:block;
border:3px solid #000;
}
.box h5{
color:#675841;
font-size:1.3em;
margin:11px 0 0;
}
.box p{
font-size:1.1em;
margin:10px 0 0;
}
.col-btm{
width:612px;
margin:15px 0 0;
}
/*footer start*/
#footer{
padding:0 0 20px 0;
overflow:hidden;
width:100%;
border-top:12px solid #000;
font-size:1em;
}
#footer ul{
margin:10px 0 0;
padding:0;
list-style:none;
text-align:center;
}
#footer ul li{
display:inline;
background:url(../images/footer-split.gif) no-repeat left;
padding:0 5px 0 9px;
}
#footer ul li:first-child{
background:none;
}
#footer ul a{
color:#000;
text-decoration:none;
}
#footer ul a:hover{
text-decoration:underline;
}

> That was helpful, Walt...I see you're having a great day.

Your point?
--

Walt


"sly one" <webforumsuser@macromedia.com> wrote in message
news:g5g6t8$c86$1@forums.macromedia.com...
> That was helpful, Walt...I see you're having a great day.
>
> I was assuming that this is a common problem...glad to hear that it isn't.
>
> So...more specifically, the Lorem Ipsum text blocks inside the "box" class
> divs are not selectable in Dreamweaver's Design View (regardless of
> whether I
> wrap them in a template editable region or not). It appears to be a fault
> of
> the CSS and DW's interpretation of it in Design View. I have attached the
> CSS
> below. Any help appreciated.
>
> .................
>
>
> CSS:
>
> html{font-size:100.01%}
> body{
> font-size:64%;
> margin:0;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> }
> img{display:block;}
> #page{
> width:950px;
> margin:0 auto;
> font-size:1.1em;
> }
> /*header start*/
> #header{
> height:69px;
> background:#cdc790;
> overflow:hidden;
> }
> #header strong{
> display:block;
> width:453px;
> height:54px;
> margin:15px auto 0;
> }
> #header strong a{
> display:block;
> overflow:hidden;
> text-indent:-9999px;
> height:54px;
> background:url(../images/logo.gif);
> }
> /*menu start*/
> #menu{
> height:33px;
> background:#000;
> }
> #menu ul{
> margin:0;
> padding:0;
> list-style:none;
> }
> #menu ul li{
> display:inline;
> margin:0 0 0 40px;
> padding:0;
> float:left;
> }
> #menu ul a{
> float:left;
> height:33px;
> overflow:hidden;
> text-indent:-9999px;
> }
> a.trials{
> width:109px;
> background:url(../images/trials.gif);
> }
> a.trials:hover{
> background-position:0 -33px;
> }
> a.activities{
> width:57px;
> background:url(../images/activities.gif);
> }
> a.activities:hover{
> background-position:0 -33px;
> }
> a.preservation{
> width:77px;
> background:url(../images/preservation.gif);
> }
> a.preservation:hover{
> background-position:0 -33px;
> }
> a.urban{
> width:105px;
> background:url(../images/urban.gif);
> }
> a.urban:hover{
> background-position:0 -33px;
> }
> a.nature{
> width:42px;
> background:url(../images/nature.gif);
> }
> a.nature:hover{
> background-position:0 -33px;
> }
> a.about{
> width:61px;
> background:url(../images/about.gif);
> }
> a.about:hover{
> background-position:0 -33px;
> }
> a.news{
> width:79px;
> background:url(../images/news.gif);
> }
> a.news:hover{
> background-position:0 -33px;
> }
> a.volunteer{
> width:63px;
> background:url(../images/volunteer.gif);
> }
> a.volunteer:hover{
> background-position:0 -33px;
> }
> #breadcrumb{
> background:#e4e1c3;
> height:37px;
> line-height:37px;
> font-size:1em;
> color:#292929;
> padding:0 0 0 34px;
> }
> /*visual start*/
> #visual{
> height:263px;
> }
> /*content start*/
> #content{
> width:100%;
> overflow:hidden;
> background:url(../images/bg-content.gif) repeat-y;
> }
> /*left sidebar start*/
> #column1{
> float:left;
> width:178px;
> display:inline;
> margin:20px 0 0 34px;
> }
> /*main column start*/
> #column2{
> float:right;
> margin:20px 47px;
> width:612px;
> overflow:hidden;
> display:inline;
> padding:0 0 48px 0;
> }
> .col-top{
> height:98px;
> width:612px;
> }
> /*feature boxes start*/
> .holder{
> width:670px;
> overflow:hidden;
> margin:20px -58px 0 0;
> }
> .box{
> float:left;
> width:165px;
> display:inline;
> margin:0 58px 0 0;
> }
> .box img{
> display:block;
> border:3px solid #000;
> }
> .box h5{
> color:#675841;
> font-size:1.3em;
> margin:11px 0 0;
> }
> .box p{
> font-size:1.1em;
> margin:10px 0 0;
> }
> .col-btm{
> width:612px;
> margin:15px 0 0;
> }
> /*footer start*/
> #footer{
> padding:0 0 20px 0;
> overflow:hidden;
> width:100%;
> border-top:12px solid #000;
> font-size:1em;
> }
> #footer ul{
> margin:10px 0 0;
> padding:0;
> list-style:none;
> text-align:center;
> }
> #footer ul li{
> display:inline;
> background:url(../images/footer-split.gif) no-repeat left;
> padding:0 5px 0 9px;
> }
> #footer ul li:first-child{
> background:none;
> }
> #footer ul a{
> color:#000;
> text-decoration:none;
> }
> #footer ul a:hover{
> text-decoration:underline;
> }
>
>
>
>