Div tags in design view

How is it that I can no longer control the position and size of a Div in design view? There appears to be no way to resize or move the div tag.I am using CS5

Do you mean Divs or AP Divs?

Similar Messages

Dreamweaver crashes when i drag my div tags in design view

Hi
Ive just encountered a problem with dreamweaver cs4 at work.
I was creating a website using CSS and creating multiple div tags to house my images around the page. I normally position them using the CSS style sheet, but on this occasion, I grabbed the div tag whilst in design view and dragged it manually, and dreamweaver crashed! See image below It does so everytime I try the same thing again. Ive even restarted my PC. Anyone know why?

I've not see this before, so can't say why it would be happening. Would the pc be low on resources? but then again you say it happened even after a restart of the pc.
Maybe you could try the file cache and the personal configuration folder fix to see if it fixes any issues.
http://forums.adobe.com/thread/417116#cache
PS: While I'm at it, it would be wrong for me to point out that using AP divs is not the optimum way to create a layout.... unless you know the repercussions of using them.
Here's why: (from the Dreamweaver FAQ)
http://forums.adobe.com/thread/477969

Create MetaData Tags in Design View?

Hi,
I can't find this anywhere in the Help files in Dreamweaver.
How do I enter MetaData tags for my web site in the Design
View?
Thanks!

There's an icon on the Insert>Common bar to add meta tags.
Also
Insert>HTML>Head Tags from the menu bar.
Alec
Adobe Community Expert

Auto Inserting tags in Design View

Hi,
I keep running into a problem that is bugging the crap out of
me and I was hoping the Dreamweaver community could help me solve
it.
Whenever I am in Design View, and I add, say a table, then
type some text inside any of the cells, there is a opening and
closing p tag that automatically is added around the text.
p tags are no good for me because stylesheets in my CMS
controls the p tags and in order to avoid this from happening, I
would have to apply styling to every page, which obviously is
horribly inefficient. I figured Dreamweaver being the powerful
beast of a website editor it is, would have some option that allows
me to either turn this off entirely, or modify what gets added.
Could someone help me out?
Thanks!

On Fri, 1 Aug 2008 20:00:44 +0000 (UTC), "bothead1"
<[email protected]> wrote:
>Hi,
>
> I keep running into a problem that is bugging the crap
out of me and I was
>hoping the Dreamweaver community could help me solve it.
>
> Whenever I am in Design View, and I add, say a table,
then type some text
>inside any of the cells, there is a opening and closing p
tag that
>automatically is added around the text.
>
> p tags are no good for me because stylesheets in my CMS
controls the p tags
>and in order to avoid this from happening, I would have
to apply styling to
>every page, which obviously is horribly inefficient. I
figured Dreamweaver
>being the powerful beast of a website editor it is, would
have some option that
>allows me to either turn this off entirely, or modify
what gets added.
>
> Could someone help me out?
>
> Thanks!
Don't touch the return key them
I just tested it on Dw CS3 - brand new page - created new
table, and
entered text.
No <p> tags -
but if you hit return key - it put in a new paragraph - as
one might
expect
~Malcolm~*...
~*

3rd party tags and design view customization

I know that Dreamweaver allows me to replace third party tags
with images in design view. My question is can I make my jsp widget
tags look dependent on attributes of that tag?
And why can’t I say that my <widget:suggestionBox
… size=”10” /> should look like a <input
size=”10” /> in design view?
Are there plans to support this long overlooked functionality
in the near future?

Well I am sure you wrote in good faith and I appreciate
anybodys help . However, I do not want to be rude, but if you have
nothing to say, than please don't post something useless. I am sure
there are many areas where you can post real solutions.
Of course DW works nicely with xsl in design view. My problem
was finally answered in another thread, I hope that link works.
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?catid=190&threadid=1266443&fo rumid=12
I mark this as the answer, so everybody with that problem
knows where the solution is.
Joe

Is Dreamveawer supporting DIV tags in Design mode?

I have been looking and googling around, and as far as I understand there is no preferences to set so that the code will be done with "div" and not "tbl" taggs?
Or did I miss something?
Also did the option to make flash button in Dreamweaver disappear in the newest Dreamweaver?
Thanks,
Mats

Magooi wrote:
But as in tables I can chose X rows and columns, and also width and adjustment etc. This is what I mean that I can't with div?
True. If you want to display tabular data in columns and rows, a table is usually the best element to use.
I know CSS is the way to go for width and so on. But in some cases you don't want to use CSS.
Well, you can still style your tables with CSS. But yes, creating a table with CSS [and other elements], while certainly doable, is not necessary.
Mark A. Boyd
Keep-On-Learnin' :-)
If you are reading this via email, be aware that it may not be an accurate representation of my message. Login to read the actual message and/or to reply.
[Message was edited by: Mark A. Boyd]

Design View missaligned div tags location

I am using div tags to layout my webpage and the Design view
shows the wrong alignment. Check mektronix-net.campusbizcenter.com
for the page which seems to display correctly. I am also using CSS
for formating the webpage. Is DreamWeaver having a problem with
placing the div tags in Design view? Any help will be
appreciated.

The bracketed width is the actual width as a result of what
you have put in
the div and how you have styled it. The other width is the
width you *wish*
it would be.
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
==================
"april floyd" <[email protected]> wrote in message
news:esrgd1$jji$[email protected]..
> Why in the Design View do you see a width for a DIV and
also another width
> (greater) in brackets after it.

AP DIV tags

Back in 2003 when i was making web sites i would create the layout by using some sort of tag which i cant remember the name of. I think it was called a table tag (but definitly not the sort of tables you would get in MS word). It definitly was not a frameset.
You would draw a "area" which i think appeared in green and then draw spaces within that area which things could be placed in.
I cannot find this tag/function in dreamweaver cs5
what i have discovered is a AP DIV tag which works in a similar way excet the boxes can be drawn anywhere and not limited to your pre defined area and the code for them appears in the head (the old one was in the body)
does anyone know what i am talking about and are AP div tags a good alternative to my old method?
also if i change the ID name these boxes convert into ordinary div tags (by that i mean the look like ordinary div tags in design view) why is this?

I do like using AV divs to position objects like you would with indesign or ms publisher.
you say its able to cause display problems due to resolutions and accessability
I design my pages with 1024x768 in mind as this is typically the lowest resolution anyone will use but it is perfectally acceptable and sites which use it and fill the rest of the width screen with a background look clean. (this forum does this in fact)
if AV divs are such a bad idea what is a good alternative method of page layout?
Also ive noticed that divs and av-divs generate the exact same HTML code. so how exactly do they differ (other than the fact that dreamweaver lets you postition one in the same way you would position an object in indesign but does not allow this with the other)?

It's in the code, but not in Design View...

I'm making a few small changes to the template of my site, and an odd problem has cropped up...
Here's the front page of the site: http://www.nemesis.to
The whole site has the same basic layout (only the "maincontent" div, the big space with a black background, has different stuff from page to page).
I'm trying to make some changes to the links in the grey panel at the top of every page - this is a div named "header2".
Somehow, I've managed to make the entire "header2" div vanish from Design View. But its code is still present and correct in Code View.
In Design View, I just see the white panel at the top of the page (the div named "header") with all its content, then the big area with the black background (the "maincontent" div), also with all its content. The grey panel which should sit between them has gone. But its code is all there!
I have no idea what caused this, or how to get Design View to show everything. I don't dare save the template, or upload any of my changes, in case the links panel disappears from my site, but I've undone all my changes so the code I'm looking at in Dreamweaver is exactly as it appears if you look at 'View Source' on the uploaded pages...
Unless, of course, I've missed something. All wise words gratefully received, because I 'm lost!

This is the style sheet for the problem page....and I think I may have spotted an error. "header2" is only 300 pixels wide by 50 pixels tall. That's way smaller than it should be!
Having said that, I have no idea how that could've changed, since I didn't (knowingly) alter anything...
I'm also not sure why I have so many font declarations. Again, I didn't knowingly do it that way. I was under the vague impression that Dreamweaver flagged up redundant code...
Anyway, here comes the CSS. "header 2" should be the same width as "header" so I think that's where the problem lies...
body { font-family: Arial, Helvetica, sans-serif; font-size: 100%; background-color: #333; text-align: center; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; height: 40px; width: 960px; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; } #container { font-family: Arial, Helvetica, sans-serif; font-size: 100%; background-color: #000; text-align: left; width: 960px; margin-top: 0px; margin-right: auto; margin-bottom: 20px; margin-left: auto; border: 4px solid #FFF; padding: 0px; } #header { background-color: #FFF; width: 940px; height: 268px; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; } #header2 { text-align: left; width: 300px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 4px; border-left-width: 0px; border-bottom-style: solid; border-bottom-color: #FFF; background-color: #CCC; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; color: #000; border-top-color: #FFF; float: right; height: 50px; } #maincontent { font-family: Arial, Helvetica, sans-serif; color: #FFF; background-color: #000; text-align: left; width: 920px; overflow: hidden; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } #footer { background-color: #CCC; text-align: center; padding: 10px; width: 940px; border-top-width: 4px; border-top-style: solid; border-top-color: #FFF; overflow: hidden; } #footer2 { color: #000; width: 920px; border-top-width: 4px; border-top-style: solid; border-top-color: #FFF; background-color: #CCC; height: 90px; overflow: hidden; padding-top: 20px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; } a { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; font-weight: bold; } #container #header #masthead { background-color: #FFF; text-align: left; float: left; height: 260px; width: 550px; padding-left: 15px; } #container #header #topadbox { background-color: #FFF; border: 4px solid #666; } #container #header #topadbox { background-color: #FFF; float: right; height: 250px; width: 300px; padding: 0px; margin-right: 0px; border-top-width: 6px; border-right-width: 20px; border-bottom-width: 6px; border-left-width: 20px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; } #container #footer #bannerbox { height: 90px; width: 728px; overflow: hidden; float: none; margin-right: auto; margin-left: auto; } #container #footer2 #creditsbox { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; color: #000; background-color: #CCC; text-align: left; float: left; height: 90px; width: 250px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; } #container #footer2 #creativecommonsbox { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; background-color: #CCC; text-align: left; float: left; height: 90px; width: 500px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; line-height: 14px; } #container #footer2 #backtotopbox { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; background-color: #CCC; text-align: left; float: left; height: 80px; width: 100px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; } .floatleft { float: left; margin-right: 8px; margin-top: 0px; margin-bottom: 8px; margin-left: 0px; } #container #footer2 a { } #container #footer2 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; } .overalltitle { font-family: Arial, Helvetica, sans-serif; font-size: 38px; font-weight: bold; color: #FF0; } .headlineband { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #FFF; } .supportband { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; } .datedetails { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: italic; font-weight: bold; font-variant: normal; color: #FFF; } .maintext { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; line-height: 19px; } .floatright { margin-top: 6px; margin-bottom: 6px; margin-left: 8px; } #container #maincontent #archiveboxleft { font-family: Arial, Helvetica, sans-serif; float: right; width: 400px; margin-right: 40px; } #container #maincontent #archiveboxright { font-family: Arial, Helvetica, sans-serif; float: left; width: 400px; padding: 0px; margin-left: 40px; } #maincontent #archiveboxright p a { font-family: Arial, Helvetica, sans-serif; color: #F00; } #container #footer2 #creditsbox a { } #container #header2 a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; } #container #maincontent #archiveboxright p a { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; } #container #maincontent #archiveboxleft a { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; } #container #maincontent .maintextbigger a { font-family: Arial, Helvetica, sans-serif; font-size: 20px; } #container #maincontent .maintextbigger a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; } .centreimage { text-align: center; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #container #maincontent .linkbox { background-color: #000; height: auto; width: 500px; margin-top: 0px; margin-right: 210px; margin-bottom: 0px; margin-left: 210px; padding-left: 20px; } #container .searchsection { text-align: center; height: 30px; width: 660px; border-top-width: 4px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFF; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; background-color: #CCC; padding-top: 10px; padding-right: 150px; padding-bottom: 10px; padding-left: 150px; margin-right: auto; margin-left: auto; overflow: inherit; } .specialheading { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; line-height: normal; font-weight: bold; color: #FF0; } .specialheading2 { font-family: Arial, Helvetica, sans-serif; font-size: 36px; font-weight: bold; } .searchtext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .frontpagecreditstext { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .maintextbandname { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FF0; font-weight: bold; } #navigationbox { background-color: #CCC; float: left; height: 50px; width: 550px; }

Design View independent of Code View

Hello,
When selecting code in a split screen my design view jumps around assuming what I want to look at. Can anyone share how to make these independent of each other? Is it even possibile?
For example if I focus on the bottom of the page and scroll up to the top of my code view section the design view will follow to the top of the page. Sometimes I would just like to look at my code without the view following me around like my once neglected and now set free from the pound dog.
Thanks!
Phil

Hi thanks for the quick response. Operating in two different windows is not what I am shooting for.
This is what you see in Dreamweaver split view (although typically more thought and design has been used in the interface.) Pretend that the grey bar and slightly reddish grey on the right are the scrollbars that act independently of each view in there respected view. One scrollbar for the design view and one for the code view in a split set up.
Source View
<div>code</div>
<div>code</div>
<div>code</div>
Design View
Top Div
Middle Div
Bottom Div
In the design view I focus the view on the bottom div, the scroll bar is all the way down in the design view. I touch anything in my code view and it snaps the design view scroll bar back to the top and I am back to looking at the top of the design view. Can I break this dependancy? It seems that clicking in the code view refreshes the design view which is the source of frustration.
Thanks again.
Phil

Div Tag Vs. AP Div plz

Hi,
I'm new to dreamweaver and I have a simple quick question:
Why is it better to use div tags to design a web page instead of AP
Divs? I have a dreamweaver manual that says "AP Divs are not layout
heaven. AP Divs are difficult to control with precision... if a
visitor increases the font size in the browser, the text may spill
out of your layout... In addition, it is nearly impossible to force
a footer to the bottom of the page that's laid out using AP
positioning."
I thought that the "rule definition" box in css properties
allowed you to create very precise layouts but I guess there's
something I don't know and the author of my book does.
Thanks,
Satotana

Which manual are you reading? It's one of the few that got it
right.
http://apptools.com/examples/pagelayout101.php

Nested div tags "Design View" problem

I have had ongoing problems using nested div tags to layout
my page. The page displays correct in browser but does not display
properly in Dreamweaver Design View. Highlighting the CSS id in
Code View shows the correct groupings. The code also passed the
validator test.
I am fairly new at Dreamweaver so I could be missing
something basic.
Code is displayed at
http://www.mektronix-net.campusbizcenter.com/

I've not see this before, so can't say why it would be happening. Would the pc be low on resources? but then again you say it happened even after a restart of the pc.
Maybe you could try the file cache and the personal configuration folder fix to see if it fixes any issues.
http://forums.adobe.com/thread/417116#cache
PS: While I'm at it, it would be wrong for me to point out that using AP divs is not the optimum way to create a layout.... unless you know the repercussions of using them.
Here's why: (from the Dreamweaver FAQ)
http://forums.adobe.com/thread/477969

Design View and a CSS Div layout page

There are a few pages l
ike this. I am assuming it is because everything is layed out w
ith div tags, but there mush be a way to correct the desging view. Everything shows up great o
nline. Here is a screenshot:
Here is the code:
<body onload="initHomePage(); addReferToLinks();">

<script type="text/javascript" src="/shared_assets/toolbar_v2/toolbar.js"></script>

<img src="/profile/image/logo_linknet.gif" />

<form name="frmSearch" action="" method="get" title="Resources" class="scopedSearch">
       <input class="textInput" name="qt" value="THIS SECTION ONLY" id="searchField" size="20" />
       <input class="button" type="submit" value="Search" name="submit" />
       <input type=hidden name="col" value="mpr dno dnos1" />
</form>
    <div id="main">

<div id="newsBox" class="box">
   <div class="boxHeader">
    <div class="headerLeft"><h2>MP News</h2></div>
    <div class="headerRight"><a href="/news/news/index.htm" class="more">more »</a></div>
   </div>
   <div class="boxContent">
    <h3>
     <script type="text/javascript">var x=new Date(); document.write(x.toLocaleDateString());</script>
    </h3>
    <div id="newsContent">
     <div class="loading">
      Loading...
     </div>
    </div>
    
    <h3>My Subscriptions</h3>
     <ul style="list-style-type:none;">
      <li><a href="http://rss/">Setup Subscriptions - Get Help</a></li>
      <li><a href="http://">View Subscriptions</a></li>
     </ul>
    
    <div class="imgFrame"><a href=""><img src="image/mc_logo2.jpg" alt="Media Center" hspace="0" vspace="0" border="0" /></a></div>
    
    <div class="imgFrame"><a href="http/"><img src="image/columns.gif" hspace="0" vspace="0" border="0" alt="The Northwestern Columns" /></a></div>
   </div>
</div>


<div id="content">
   
   
   <div id="alert" class="box highlightBox">
    <div class="boxHeader">
     <div class="headerLeft"><h2>Important Notice</h2></div>
     <div class="headerRight"> </div>
    </div>
    <div id="alertContent" class="boxContent">
     <div class="article">
      <a href="" class="headline">Avoid lock out - Install LINK 22.2 now</a>
      Users who do not install LINK 22.2 before the version enforcement date of July 31 will be
      unable to access their PCs.
     </div>
    </div>
   </div>
            <div id="home_page_id">) Home Page</div>
   
   <div id="activities" class="box highlightBox">
    <div class="boxHeader">
     <div class="headerLeft">Welcome<span id="username"></span><h2>What would you like to do?</h2></div>
     <div class="headerRight"> </div>
    </div>
    <div class="boxContent">
     <div style="width:100%;">
      <ul>
       <li><a title="Find information and tools for recruiting new representatives" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Recruiting: <select style="font:message-box; width:19em;" onchange="if(this.value){window.navigate(appendReferer(this.value))};">
         <option name="selectRecruit" selected="selected">*** make selection ***</option>
         <option value="http.htm">Sourcing & Prospecting</option>
         <option value="http://.htm">Selecting & Assessing Candidates</option>
         <option value="http://_process.htm">Post Acceptance Process</option>
         <option value="http">Developing an Internship Program</option>
         <option value="http.htm">Tracking Activity, Results & Accountability</option>
         <option value="http://.htm">Recruiter Development</option>
        </select></a></li>
       <li><a href="/objective/mpr_secure/mp_ldorgdev.htm" title="Find information and tools for developing leaders in your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Leadership & Organizational Development </a></li>
       <li><a href="/objective/mpr_secure/mp_supvsn.htm" title="Find information and tools for effective supervision" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Supervision</a></li>
       <li><a href="/objective/mpr_secure/mp_stfop.htm" title="Find information and tools for   managing your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Staffing & Operations</a></li>
       <li><a href="/objective/mpr_secure/mp_plnperform.htm" title="Find information and tools for business planning and performance monitoring" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Planning & Performance</a></li>
          <li><a href="/objective/mpr_secure/mp_mngmntcompben.htm" title="Find information regarding income, fees, expenses, allowances and benefits" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Management Compensation & Benefits</a></li>
          <li><a href="/objective/mpr_secure/mp_repdev.htm" title="Find information and tools regarding mentoring and professional growth" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Representative & Specialist Development</a> </li>
      </ul>
      <div id="slideshow1" class="activitySlideshow" style="height:212px;">
       <img src="image/slideshow_photos/photo06.jpg" />
       <img src="image/slideshow_photos/photo07.jpg" />
       <img src="image/slideshow_photos/photo08.jpg" />
       <img src="image/slideshow_photos/photo09.jpg" />
       <img src="image/slideshow_photos/photo10.jpg" />
      </div>
     </div>
    </div>
   </div>
   
   <div class="leftColumn">
   
    <div class="box">
     <div class="boxHeader">
      <div class="headerLeft"><h2>Events Calendar</h2></div>
     </div>
      <div class="boxContent"><ul>
      <li>April 25-30<br />
     <a href="http_020110.htm" target="_blank"></a></li>
     <li>May 12-14<br />
     <a href="http://030510.htm" target="_blank"></a></li>
       <li>June 16<br />
     <a href="http://.htm" target="_blank">Series conversation</a></li>
                      </ul>
      </div>
    </div>
     
     <div class="box">
      <div class="boxHeader">
       <div class="headerLeft"><h2>Spotlight</h2></div>
       <div class="headerRight"> </div>
      </div>
      <div class="boxContent">
              <div class="article">
      
   <div class="headline"><a href="http.htm?tern Mutual Association dues decline form available</a> </div>
     The $25 association membership fee will be charged to June 30 home
     office supply bills. Representatives who wish to decline membership
     may submit a <a href="http://.htm" target="_blank">decline
     form</a>.
<div class="headline"><a href="http://.htm">Surplus notes information available</a> </div>
     Find answers to common questions and hear insights from about the company’s recent surplus notes offering.
                          <div class="headline"><a href="http://.htm">Stay up to date on 2010 estate tax repeal </a> </div>
     Consider the new Estate Tax Repeal page on LINKnet “home base” for information on the 2010 repeal and resources to use when talking to clients about this topic.
              <div class="headline"><a href="http/index.htm">Withstanding Market Challenges</a> </div>
     Access resources to highlight the company’s strength and stability, find sales strategies and share marketing and market-related materials to help address client concerns.
              <div class="headline"><a href="http:///year.htm">Dividend resources available</a> </div>
     The Current Year Scale page on LINKnet provides the latest information
     and sales support materials based on the 2010 dividend announcement.

               </div>
      </div>
     </div>
   </div>
   <div class="rightColumn">
   
    <div class="box">
     <div class="boxHeader">
      <div class="headerLeft"><h2>Approaching Deadlines</h2></div>
     </div>
     <div class="boxContent">
       <ul>
<li>April 30: <a href="http.htm">Submit 2010 Commitment to Excellence Award nbominee</a></li>
       <li>May 25: <a href="http.htm">Submit applications for Intern Community Service Award</a></li>
                      <li>June 30: <a href="http://pdf">Submit 2010 Managers Membership Award Application to NAIFA</a> <img src="/shared_assets/image/doc_icons/pdf.gif" alt="PDF File" /></li>
                      </ul>
      </div>
    </div>
    
    <div id="techalerts" class="box">
     <div class="boxHeader">
      <div class="headerLeft"><h2>Priority Tech Alerts</h2></div>
      <div class="headerRight"><a href="http://.htm" class="more">more »</a></div>
     </div>
     <div class="boxContent">
      <div class="loading">
       Loading...
      </div>
     </div>
     <iframe name="techalerts" src="/statusdisplay/001_summary.htm" onreadystatechange="if(this.readyState=='complete'){this.previousSibling.innerHTML = formatTechAlert(frames['techalerts'].document.body.innerHTML);}"></iframe>
    </div>
   </div>
</div>

Dreamweaver is pretty good these days at showing the page in Design View how it will be viewed when online. HOWEVER having said that it does largely depend on the way you write the css.
I guess for Dreamweaver it's impossible for it to show every concievable way you can write css correctly. Unfortuantely if your css is not compatible with what Dreamweaver likes it won't make a great job of rendering the site correctly in Design View, that's always been the case.
The css is not wrong but I've seen many display issues in Dreameaver Design View caused as a direct result of the css being overly complex to crack simple presentation. I guess it's in the lap of the gods if you are fortunate enough to have found the way to write css that Dreamweaver likes.

Design View - Can't Select Text, Only Divs

This is a page I did not build, and I hope I can describe this properly. Here's the published page -
www.wheeltime.com
I'm in CS4 and there are two things going on when trying to edit in design view. The first is I can't select text of content. Clicking to select said content, say a line of text or a word, selects and highlights the entire div container and all the content within in one big chunk. Why is DW not letting me select the actual content? This is the first time I've enver encountered this issue.
This is the same for all the div ontainers on the page. But another, perhaps related problem, has to do with this content area. In design view, there's a fixed height, so not only can I not select the content, but I can't see it all. It's OK in the browser, expands as it should. I've looked at all the properties anywhere and don't see any height attribute anywhere, especially those that enclose this area of content.
One this that has be wondering - this content area is warpped in a "main-content" div, with a class applied. But this div has no corresponding entry or properties in the style sheet. I can see where a div can be used that has no specific properies of it's own, but is it OK to not be mentioned at all in the style sheet? And can this affect what's going on in design view editing?
So, I guess the question is - what is governing this inability to edit in Design view? Thank you in advance!!

Have you tried double clicking the content?
I'm not sure what causes this exactly, but I downloaded your page and ran it in my DWCS4. It did the same thing until I double clicked the content of the divs. That allowed me to select it without issue from that point on.
It may have something to do with the content being wrapped in <span> tags within each <div>.
Onto your other question, your <div id="main-container"class="container"> is being affected by the .container class in your style.css file rather than a #main-container id.
EDIT: HTML id's like <div id="main-content"> serve to identify elements for many purposes, not just css. There is no problem with giving an element an id simply for organizational purposes, though usually they are used as targets for javascripts, css or php scripting purposes.

Design view of jspx not rendering : Error exercising tag : afh:head

I'm using JDeveloper 10.1.3.4 and I have an intermittent problem where by the jspx does not render correctly in design view - it just shows a whole load of nested boxes.
By following a suggestion from another website I turned on "Design time messages in log" in jdeveloper JSP visual editor preferences.
The error messages being sent to the log window are :
Error exercising tag : afh:head
java.lang.NullPointerException
     at oracle.adfinternal.view.faces.renderkit.AdfRenderingContext.getTranslatedString(AdfRenderingContext.java:70)
     at oracle.adfinternal.view.faces.renderkit.core.xhtml.jsLibs.GlobalVariablesScriptlet.outputScriptletContent(GlobalVariablesScriptlet.java:49)
     at oracle.adfinternal.view.faces.renderkit.core.xhtml.jsLibs.Scriptlet.outputScriptletImpl(Scriptlet.java:111)
Error exercising tag : af:forEach
javax.servlet.jsp.JspTagException: 'begin' and 'end' should be specified if 'items' is not specified
     at oracle.adfinternal.view.faces.taglib.ForEachTag._validateAttributes(ForEachTag.java:320)
     at oracle.adfinternal.view.faces.taglib.ForEachTag.doStartTag(ForEachTag.java:93)
Error exercising tag : afh:body
java.lang.NullPointerException
     at oracle.adfinternal.view.faces.renderkit.core.CoreAdfRenderingContext.getStyleClass(CoreAdfRenderingContext.java:211)
     at oracle.adfinternal.view.faces.renderkit.core.xhtml.XhtmlRenderer.renderStyleClass(XhtmlRenderer.java:338)
     at oracle.adfinternal.view.faces.renderkit.core.xhtml.PanelPartialRootRenderer._renderLibraryDownloadElement(PanelPartialRootRenderer.java:480)
     at oracle.adfinternal.view.faces.renderkit.core.xhtml.PanelPartialRootRenderer.renderPPRSupport(PanelPartialRootRenderer.java:340)
How can I fix this ?
Cheers,
Brent

Hi Didier,
Sorry, intermittent problem is not very descriptive ! What I actually meant is that some of my applications have the problem while others dont. Once the problem exists, it always does regardless of restarting JDeveloper.
Starting JDeveloper using the console provided similar error message to outputting the JSP visual editor to the log file :
SEVERE: Element End name:head does not match start name:script
04-Dec-2009 17:28:38 oracle.adfinternal.view.faces.io.HtmlResponseWriter endElem
ent
SEVERE: Element End name:html does not match start name:div
Reading other posts, problems seemed to stem from errors within the faces-config or web.xml files so I compared them between apps displaying pages correctly and ones that weren't. I found a difference in the filter-mapping section of the web.xml. Changing the entries to match the applications that displayed correctly has worked !!
The entries for the apps that didn't display correctly :
    <filter-mapping>
        <filter-name>adfFaces</filter-name>
        <servlet-name>Faces Servlet</servlet-name>
        <dispatcher>FORWARD</dispatcher>
        <dispatcher>REQUEST</dispatcher>
    </filter-mapping>
    <filter-mapping>
        <filter-name>adfBindings</filter-name>
        <url-pattern>*.jsp</url-pattern>
    </filter-mapping>
    <filter-mapping>
        <filter-name>adfBindings</filter-name>
        <url-pattern>*.jspx</url-pattern>
    </filter-mapping>
<filter-mapping>
    <filter-name>adfBindings</filter-name>
    <servlet-name>ordDeliverMedia</servlet-name>
</filter-mapping>
<filter-mapping>
    <filter-name>jhsAuthenticationFilter</filter-name>
    <url-pattern>*.jsp</url-pattern>
</filter-mapping>
<filter-mapping>
    <filter-name>jhsAuthenticationFilter</filter-name>
    <url-pattern>*.jspx</url-pattern>
</filter-mapping>... and the entries for the apps that did display correctly :
    <filter-mapping>
        <filter-name>adfFaces</filter-name>
        <url-pattern>*.jsp</url-pattern>
    </filter-mapping>
    <filter-mapping>
        <filter-name>adfFaces</filter-name>
        <url-pattern>*.jspx</url-pattern>
        <dispatcher>REQUEST</dispatcher>
        <dispatcher>FORWARD</dispatcher>
    </filter-mapping>
    <filter-mapping>
        <filter-name>adfBindings</filter-name>
        <url-pattern>*.jsp</url-pattern>
    </filter-mapping>
    <filter-mapping>
        <filter-name>adfBindings</filter-name>
        <url-pattern>*.jspx</url-pattern>
        <dispatcher>REQUEST</dispatcher>
        <dispatcher>FORWARD</dispatcher>
    </filter-mapping>
    <filter-mapping>
        <filter-name>adfBindings</filter-name>
        <servlet-name>ordDeliverMedia</servlet-name>
    </filter-mapping>
    <filter-mapping>
        <filter-name>jhsAuthenticationFilter</filter-name>
        <url-pattern>*.jsp</url-pattern>
    </filter-mapping>
    <filter-mapping>
        <filter-name>jhsAuthenticationFilter</filter-name>
        <url-pattern>*.jspx</url-pattern>
    </filter-mapping>Somehow the filter-mapping entries for the adfFaces and adfBindings filter got all screwed ? Strange as the application has always worked fine, the only (obvious) problem has been the jspx pages not rendering properly in design view.
Once updating the web.xml with the correct value for these two entries, the pages are displayed correctly :)
While I don't like blindly making changes like this to the web.xml - the application still seems to function !
Cheers,
Brent

Div tags in design view

Similar Messages

Maybe you are looking for