Table (div tags, extra tr td attributes) and Kadov styles

I have an old old project to cleanup--the Kadov styles and an archaic (maybe from word import?) table formatting (hardcoded margins, nobreak) do not get replaced when I apply the paragraph styles from the .css or use the Table cell formatting to fix spacing...the HTML result contains both old format tags and new format tags, and the output looks like the old tags.
Any quick fix ideas? Oddly my multi-level numbering works darn good! But the nested <span> tags everywhere are daunting!.

Hi,
You can clean up your project considerably by clicking Tools > Update DHTML effects in topics. This nifty function does more than it's name suggests. Make a backup of your project before you fun this.
You can easily clean tables. Select the table and right click. Select 'Table style'. Check 'Clean Table Inline Formatting' and press OK.
As for the multilevel lists, are you talking about RH's own Multilevel lists? These lists work quite well, although they aren't outputted as lists. The output is a little sloppy, but it works quite well. If you want 'real' multilevel lists, you need to use 'normal' lists and nest them. (Use the Increase Indent button for that.)
If there is more formatting amiss, you can try a search and replace operation or a script. Beware that something like that can cripple your project in seconds. Always make a backup!
Greet,
Willam

Similar Messages

  • DW Beginner - Tables, Div Tags and CSS Confusion

    Hi,
    I am a beginner to DW. The layout I am designing is as follows:
    First I have an overall "container" on the outside of my layout which I called "wrapper" and I made it using a div tag.
    Next I made a table within or right after this "wrapper" div tag, which I called my "navbar".
    After this table I made another table named left and right column (r:1 cz:2).
    And lastly, another table, called "footer".
    Now, I made a CSS for the div tag, no problem. But, when I go to make CSS for the tables, that's where it gets confusing.
    For example, I went into my "navbar" table, selected on the "trail" <td>, and then tried to create a CSS for this particular table.
    Problem: Why when setting my font or background or any other setting, are the other 2 tables changing also if I only assigned this specific area for the CSS navbar table? Am I selecting the wrong "trail" or is it because it is still entrapped somehow in the "wrapper" div tag, so it won't allow my new CSS settings? I would appreciate any help. This can really get confusing fast, especially for us beginners trying to learn.
    Thanks,
    S

    Since you're new to DW, I'm assuming you're new to HTML and CSS, too.  So start by learning code basics first and you'll have a much easier time understanding DW.
    Begin here:
    HTML & CSS Tutorials - http://w3schools.com/
    CSS layouts are much more flexible than tables. Below are some example of CSS layouts (no tables needed)
    http://alt-web.com/TEMPLATES/I-page-with-floats.html
    http://alt-web.com/TEMPLATES/2-col-fixed-layout.shtml
    http://www.tjkdesign.com/articles/one_html_markup_many_css_layouts.asp
    From  Tables to CSS Web Design Part 1 -
    http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
    From   Tables to CSS Web Design Part 2 -
    http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
    Good luck,
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com
    How To get Help Quickly in DW Forums
    http://forums.adobe.com/thread/470404

  • How to avoid extra div tags, when we add components using cq:include

    I tried using the below code in my component jsp from forums to remove those extra div tags when we try to add components using <cq:include tags.
    <%
       if (WCMMode.fromRequest(request) != WCMMode.EDIT && WCMMode.fromRequest(request) != WCMMode.DESIGN) {
           IncludeOptions.getOptions(request, true).forceSameContext(Boolean.TRUE);
    %>
    But this code helped to remove most of the extra div tags , but still adds this extra div tag to the first component I add using  <cq:include tag.
    its a basic and very critical necessity to maintain our markup design,But due to this  dynamically added extra div tag will hinder the html and css behaviour of the page.
    Appreciate your help to resolve this issue.
    Thanks

    Hi,
    Can you try below if you really dont want to include anything during include.
    <%
    IncludeOptions opts=null;
       if (WCMMode.fromRequest(request) != WCMMode.EDIT && WCMMode.fromRequest(request) != WCMMode.DESIGN) {
    opts= IncludeOptions.getOptions(request, true);     
    opts.forceSameContext(Boolean.TRUE);
    opts.setDecorationTagName("");
    %>
    Thanks,
    Pawan

  • Help with placement of div tags

    Hello.  I am sorry to ask what probably is a dumb question, but I'm new, using Dreamweaver CS5, and I need some help.  I'm sure I'll be posting here a few times during this process of building a new site, but I'm hoping it can be a good way for me to learn.  I've watched a lot of tutorial videos, and so here I am.
    I have my site, but I'm having problems being able to place div tags.  I set it up with a wrapper div, a header div, a content div, footer div, etc.  But, inside those divs I want to have other div's where I can place things like a client login box, etc.  So, I tried and tried to place them after one div, or before one, but I just can't get them to work right.  I'm very proficient at Photoshop, but web work is fairly new.  I've done a few sites, but in Golive and just basic bringing them in from Photoshop.  Now I want to learn correctly, so I'm trying all of this.
    I found a way to make a box, using AP Div tag, and then move that where I want it, but, it doesn't work right for me then.  I don't want it fixed in the same spot absolutely, but rather I want it to move with the page.  I'm going to post a link to the site I'm working on, in case that helps.  But, if you look at the site so far, you can see for example I want the text box that says client login to move as you make the page wider or smaller.  It's fixed now.  But, it's the only possible way I know how to put the box and div tag where I want it.  When I just try to insert a div tag (not an AP div) it just goes underneath the div above it.
    What I'm asking is, how do I place div's within div's?  Or, can I use this AP div to put it where I want, and then change it to a regular div, and it stay in the right spot?  I just don't understand how exactly to place divs where I want them, unless I use the AP div box and move it around the screen.  Also, if I have a div box setup, is there a way to drag it somewhere else or reposition it somewhere else on the screen just by dragging?  It's all a bit hard for me to figure out at this point, but I appreciate any help you can give me.
    The AP Div I used is at the top that says client login.  That's the box/table/div tag I'm trying to set up correctly, so it moves with the other elements, like the logo, as you make the page wider or less wide.
    Here is the link:
    http://www.gagephotography.com/boudoir/boudoirsite/index4.html
    Thank you again.

    DW is not drag & drop friendly like graphics or word processing apps.
    APDivs are NOT for primary layouts.  They are for special situations and should be handled with care or you'll end up with a mess.  Here is why:
    http://apptools.com/examples/pagelayout101.php
    The best advice I can offer is to familiarize yourself with HTML markup (content) and CSS (styles) before you even open Dreamweaver.   Without a working knowledge of code, you're not going to get good results.
    Start here:
    HTML & CSS Tutorials - http://w3schools.com/
    Learn CSS positioning in 10 Steps
    http://www.barelyfitz.com/screencast/html-training/css/positioning/
    How to Develop with CSS?
    http://phrogz.net/css/HowToDevelopWithCSS.html
    New DW Starter Pages --
    http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
    Creating your first web site in DW CS5 -
    http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • 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

  • 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.

  • Limitations of using AP Div Tags in page design

    I have recently set up a complex page using AP Div Tags.  It looks great, and behaves exactly how I want it to.  I did this because it was quick and simple to do (I haven't used DW for about 8 years, and a lot has changed), and to take advantage of the show/hide behaviour, as there are up to 8 divs stacked one upon another, and also because the page was designed as a presentation tool, and was never intended to be accessible via the internet, so I wasn't worrying about browser compatibility, but only what it looked like on the PC it was designed on.
    HOWEVER...
    Now my boss likes the page so much, he's talking about making it publicly accessible.  What are the limitation of having used AP Divs to lay out my page, and should I consider redesigning to ensure this is going to look how I want it to on other people's PCs?  I'm afraid this is going to turn into another *** packet design that ends up in production...

    You could spend hours on the Adobe Developer site reading about best practices....
    http://www.adobe.com/devnet/dreamweaver/
    But best practices in DW are really only best practices in HTML and CSS, and a good place to start there would be here - http://www.w3schools.com.
    As you mention, your choice of layout methods may, in fact, be the best one for your purposes, although you do not have to use absolutely positioned containers to do this show/hide javascript thing.  In this regard, you may find this DW extension to be a REAL TIME SAVER -
    http://projectseven.com/extensions/listing.htm --> Auto ShowHide
    It will keep track of every element that has been show using it (rather than the DW native behavior), and when one of those tracked containers is shown, it automatically hides all of the others.

  • Div tags not aligning properly

    I can not get my div tags to align properly.  I have one div tag set to float left, and the other to float right.  I can get the first set to work, but as soon as I add in another set, they both float left.  I have played around with margins, borders, and padding and nothing seems to be working.  Here is the code:
    <style type="text/css">
    .pageborder {
    width: 795px;
    height: 1000px;
    border: medium solid #008478;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10pt;
    .prodboxleft {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10pt;
    background-color: #76c6be;
    text-align: left;
    width: 369px;
    float: left;
    height: 150px;
    border: medium dashed #008478;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 12px;
    padding: 0px;
    .prodboxright {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10pt;
    background-color: #76c6be;
    text-align: left;
    width: 369px;
    float: right;
    height: 150px;
    border: medium dashed #008478;
    margin-top: 5px;
    margin-right: 12px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 0px;
    </style>
    </head>
    <body>
    <div class="pageborder"><div class="prodboxleft">Content for  class "prodboxleft" Goes Here</div>
    <div class="prodboxright">Content for  class "prodboxright" Goes Here</div>
    <div class="prodboxleft">Content for  class "prodboxleft" Goes Here</div>
    <div class="prodboxright">Content for  class "prodboxright" Goes Here</div>
    <div class="prodboxleft">Content for  class "prodboxleft" Goes Here</div>
    <div class="prodboxright">Content for  class "prodboxright" Goes Here</div>
    </div>

    Thank you, unfortunately that is not the issue.  The border is set in pixels and it is wide enough to accommodate the floated containers.  As I mentioned in my first post, the first set of containers work perfectly, then the second set does not, and yet a third set does.  It is almost as if there is something in the middle of the space that is not allowing the containers to behave properly.  I have attached a screen shot to show what I am talking about.

  • Re-positioning div tags

    I am grappling with div tags - I am a newbie and have created an experimental web page.   However all was good until I started to add a spry menu.  the right container moved and I cannot figure out how to get it to move left.  I tried the positioning properties but could not get it to budge!  Can anyone help.   I only have 2 div tags "left_column" and "right_column" plus the container   The page is here
    http://web.me.com/suethomo/Site2/Index.html
    This is how it used to look before I mucked around with the spry menu
    http://web.me.com/suethomo/Site2a/Index.html
    Thanks

    You didn't close the left_column so the right column is in the left column. Add </div> before <div id="right_column">

  • Can you place an image in a div tag and then add type over top of it?

    I told someone in class lastweek that I wanted to be able to
    place type over an image. They said you can just add the image into
    the div tag as a background image, which will allow you to then
    type over it if you like. How is this done? I have tried and
    failed. I have an image that is 200x590 going down the left side of
    my page. I want to run type over it, and keep the image consistent
    on every page, but change the header and type. I've seen this in
    several sites. How do you do this with the div tag box model method
    of building a page. Can I insert an image into the div and then run
    type over it. What does the code look like?

    Here's an example of using a css and a background image to a
    table cell...
    sample principle for a div
    #div {styles go here{
    http://tinyurl.com/yqeptp
    You may also want to go through the beginner css tutorials at
    the Adobe
    site:
    http://www.adobe.com/devnet/dreamweaver/css.html
    (pay attention to the ones
    by Adrian), beginner moving onto to creating full css
    layouts.
    Hope this helps :-)
    Nadia
    Adobe® Community Expert : Dreamweaver
    CSS Templates |Tutorials |SEO Articles
    http://www.DreamweaverResources.com
    ~ Customisation Service Available ~
    http://www.csstemplates.com.au
    Forum Posting Guidelines:
    http://www.adobe.com/support/forums/guidelines.html
    >I told someone in class lastweek that I wanted to be able
    to place type
    >over an
    > image. They said you can just add the image into the div
    tag as a
    > background
    > image, which will allow you to then type over it if you
    like. How is this
    > done?
    > I have tried and failed. I have an image that is 200x590
    going down the
    > left
    > side of my page. I want to run type over it, and keep
    the image consistent
    > on
    > every page, but change the header and type. I've seen
    this in several
    > sites.
    > How do you do this with the div tag box model method of
    building a page.
    > Can I
    > insert an image into the div and then run type over it.
    What does the code
    > look
    > like?
    >

  • Trying to make sense of div tags and css

    i know that i am a few years late here, but i am looking ot make the migration from using tables and switching over to div tags and css. i have watched a few tutorials on you tube and am trying to understand everything.
    please tell me if this is correct.  a div tag is basically a table and css is what is used to style that div tag to meet your needs, is this a correct assumption??
    if you go to my current site www.tankinz.com you can clearly see that the site is made up of tables, basically these boxes or tables contain a different item or package that a customer can click on and buy.  by using div tags and css would each of these boxes, or tables be their own div?
    sorry for sounding a bit moronic but i am trying to make sense of all of this.
    please help!

    Markup (html) contains elements, such as html, body, h1, h2, p, span, div and so forth. Hence a <div>-tag is part of an element; the other part being the </div>-tag.
    The element structure of many web sites is basically (using HTML5 element names)
    html
         head
         body
              header
              nav
              aside
              article
              footer
    These elements can be positioned and styled using style rules (css). Depending on the style rules, the above structure can take on many different styles, without ever touching the markup.
    Have a look here for a simple two-column layout using the same structure as above http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/

  • CAS - Write text of certain html div tag to new attribute

    Hi,
    Is it possible with CAS to extract text from certain HTML div tags to new attributes. So let's say we have tags in a specific "Tags" div and store that text in a new attribute of that record?
    Thanks!
    Marco Snels

    Hey Marco,
    I'd need to try this out a bit more since I have never built a custom CAS web crawler parser plugin. Here's what I know based on your questions:
    1) If I understand it correctly the name after the METATAG_PROPERTY_NAME_PREFIX will be the attribute name (?) so in this case Endeca.Document.HTML.MetaTag (?)
    Correct. You will want to change this in the code to something more meaningful to what you're trying to parse out of the <DIV> you're interested in.
    2) And I think that I have to change the FILTER-HTMLMETATAG name after the getParseMeta().add line but I don't know to which value?
    Accorinding to the WebCrawler guide this sample attribute was only added so you could see a new property on each output record to prove that this custom plugin was being executed. It can be removed for your custom plugin. That said, you're going to have to change what you're pulling out out the parser object. In the sample, they're pulling out the MetaTags (via an Endeca extension of the nutch parser), which you don't care about for your need. (e.g. HTMLMetaTags tags = parse.getData().getMetaTag();). Instead, you'll need to pull out the Content (e.g. parser.getData().getContentMeta()). You may want to google for nutch parser usage to get examples on how specific HTML elements can be found.
    HTH,
    Dan
    http://branchbird.com

  • How do I position AP Div Tags relative to a Table?

    Hi!
    I know that it is possible to position an AP Div Tag relative to the header using a template in Dreamweaver. However, I am not able to position to relative when using a table so if you know how then help would be appreciated! Thank you! (I am using CS5 by the way)

    webdesigner3383 wrote:
    Hi!
    I know that it is possible to position an AP Div Tag relative to the header using a template in Dreamweaver. However, I am not able to position to relative when using a table so if you know how then help would be appreciated! Thank you! (I am using CS5 by the way)
    Not sure why you want to do this as it can be hit and miss.
    I would insert a <div> in a table cell and set its position to relative and then insert an absolutely positioned <div> inside of the relatively positioned one:
    <td>
    <div style="position: relative;">
    <div style="position: absolute; top: 50px; left: 40px;">Content goes here</div>
    </div>
    </td>
    I think that should work although I havent tried inserting <divs> inside a <td> cell for many moons.

  • ADF Faces components with HTML and DIV tags

    Hello all,
    I want to know if there a way to place a <div> tag within an adf faces component tag? eg. <af:table> tag and insert the div tag between </af:column>? I tried doing this by placing the div tag between columns and also enclosing it with verbatim tags, but a parsing exception occurs during run time. The purpose of this is to create frozen columns for horizontal scrolling.
    The code looks like:
    <af:table ...>
    <af:column headerText= ...>
    <f:facet name= ...>
    <h:outputText value= .../>
    </f:facet>
    </af:column>
    <f:verbatim>
    //DIV TAG
    </f:verbatim>
    <af:column headerText= ...>
    <f:facet name= ...>
    <h:outputText value= .../>
    </f:facet>
    </af:column>
    <af:column headerText= ...>
    <f:facet name= ...>
    <h:outputText value= .../>
    </f:facet>
    </af:column>
    <f:verbatim>
    //END DIV TAG
    </f:verbatim>
    </af:table>
    Thanks in advance.
    -Wes
    Message was edited by:
    zeoneozero

    repost
    -

  • Hidden and visible div tags, transparence and links - HELP....

    I am showing different products in div tags that are controlled by simple javascript. I would like to add text links to open a new div tag about the related products, but also hide the original div tag that the link is placed on.
    Please check this page out
    http://www.aestheticgroup.fr/New/Inex/Inex_lipoAspirationR.html
    and then click on the image for
    CANULES D’ASPIRATION PROXIMALE
    and then click on the text link:
    manche BD 300 10
    You will understand my problem. I'm trying to make this div tag (Canule d’aspiration Proximale) disappear instead of having them stack one on top of the other.
    Do you have an idea of how I can add multiple functions to one click (close the div tag and open a new one at the same time)?
    Thank you for your help!
    Sooooophie

    Hi Sophie,
    I downloaded your site and yes, there was a typo in the script...
    The script should read...
    var curOverlay = null;
    function overlay( aOly) {
      var el = document.getElementById(aOly);
      if (curOverlay) curOverlay.style.visibility = "hidden";     // THIS LINE HAS CHANGED
      if (curOverlay != el) {
        el.style.visibility = "visible";
        curOverlay = el;
      else
        curOverlay = null;
    I also realize that wherever you call an overlayXX function that you are currently using, you'll need to replace it with a call to overlay('overlayXX')
    I needed to add this to your onclick attribute for the close button... I tested this and it seems to work for the existing page.
    here are the snippets from your page that I changed
          <div id="Groups02"><a href='#' onclick='overlay("overlay02")' onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','images/LipoReutilisable02B.jpg',1)"><img src="images/LipoReutilisable02.jpg" name="Image21" width="170" height="120" border="0" id="Image21" /></a>
            <p>CANULES D&rsquo;ASPIRATION <br />
            UN ORIFICE</p>
          </div>
    and for the close button:
       <div id="close02"><a href='#' onclick='overlay("overlay02")' onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image43','','images/close.jpg',1)"><img src="images/close02.jpg" name="Image43" width="72" height="20" border="0" id="Image43" /></a></div>
    You'll need to change this wherever you reference each overlay, in this case, it was for overlay02.  The good news is you'll only need this function and not one function per overlay as you have now.
    As I said in the previous post, I am off on vacation for a little over a week.
    Good Luck!

Maybe you are looking for