Small images not showing in design view

Desperate for help! I've been trying to diagnose this for a
long time. For some strange reason, images that used to show up in
my design view are now displaying the 'missing image' icon. I've
narrowed it down to this--if the image is less than 8px high, the
image will not display. When I increase it to 8px or more high
(width does not have any bearing on it), the image is displayed.
Same exact image name, same placement, path, file type, etc. The
only variable changed is the image height. Someone please tell me
what is going on. By the way, this just started to happen. These
small images were displaying fine up until yesterday.

You have two id="header" elements on the page....
I can see both the 5px tall GIF and JPG images just fine in
CS4.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"peregrinedesign" <[email protected]> wrote
in message
news:gmiaur$bv$[email protected]..
> OK, but I'm not sure this will help. Here's the page:
>
http://www.capitaloandp.com/orthotics.php
>
> What you will see is correct, and when I preview with a
browser it is fine
> also, it's only the DW design view that is not showing
the small jpeg.
> On the right side, there are two small black rectangles.
The one on the
> left
> is a gif, and the one on the right is the jpg. They were
both exported
> from the
> same original Fireworks file. I have tested using
Photoshop also.
>
> Thank you for your attention to this.
>

Similar Messages

  • PhpBB2 source code does not show in design view /CS3

    I would like to customize a php bulletin board.
    The default bulletin board page does not show in design view.
    Is there a way to do it , such that php code can be written
    by DreamWeaver via the design view ?

    > The files I am trying to edit, or that is think I should
    be trying to edit ,
    > are
    > index.php , and in the includes file template.php
    If I am sorting this out correctly, which i am _not_ sure of
    at the moment:
    those aren't .tpl files.
    they are .php files, and are part of the forum. They aren't
    displaying in
    design view because they are all php.
    You need to find and edit the template files.
    In previous link given:
    http://www.phpbb.com/community/viewtopic.php?t=10764
    <q>
    So where do I find these great 'templates'?
    Look in /templates/subSilver (thoroughout the FAQ I will be
    using subSilver,
    the default template. If you are using a different template
    then change the
    folder you look in accordingly). You will see a collection of
    files there.
    The templates are the ones with the file extension '.tpl' The
    majority of
    files in that folder are .tpl files. </q>
    strongly suggest you make a backup copy of anything you try
    to touch.
    Alan
    Adobe Community Expert, dreamweaver
    http://www.adobe.com/communities/experts/

  • VB code not showing in Design View

    I am working with a form that has VB code for validation and need to style it with CSS. The problem is the form is not visible in Design View. The code is there, the page renders and works fine in a browser but has anyone seen this issue before? I have a similar form that uses C# and it shows up fine in Design view.
    the page is here:  http://www.housing.ucsb.edu/digiknow/digiknow_form.aspx

    Display problems are most often caused by malformed code or an imbalance in opening and closing <div> tags.  Try validating your code and fix reported errors.
               Code Validation Tools
              CSS - http://jigsaw.w3.org/css-validator/
              HTML - http://validator.w3.org/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Lists not showing in Design view

    If I preview page in browser, I can see the bulleted list,
    but it is not visibile in design view, pretty annoying. Anyone know
    why this might be happening? I validated my code and got no
    errors...

    Open any html page
    either type the element in code view, say h1. Hello
    it doesn't show up in Design View (It's visible in Live view however)
    Or,
    In Design View type Hello (yes, it's visible!)
    Highlight Hello, then right click (I use a 2 button mouse)  select from the pop-up menu and format the hello as h1. Hello
    It disappears from the design view... (yes, it's visible in Live View)
    Menu spry's and other "widgets" inserted do not display correctly in Design View, but display Okay in Live view
    (This behaviour did not happen in CS4)
    Mo Eb ,  Garry
    ***      http://uofgts.com 
          **      [email protected]
    o "Beer is living proof that God loves us and wants us to be happy."
    -Benjamin Franklin, American statesman and diplomat,  (1706-1790 ).

  • Images and styles not showing in Design view on CS3

    Hi all,
    I am playing around with a CSS website template that I downloaded and
    opened in DW-CS3. I am just using this to learn and play around with. It
    came with the style sheet, jpg images etc.
    I just noticed that when in Design view for the index page, that the images
    and styles, menus are not displaying, only the html text is visible in Design view.
    When I preview the site with a browser like IE or FF, it displays fine along with
    any changes I have made.
    Does anyone have any ideas?
    Regards,
    dano

    In DW, View > Style Rendering > Display Styles on?
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • CSS is not showing in design view

    Hello, I wonder if anyone can help. I would appreciate very
    much if you can... I have read all the css related problems, but
    did not see the problem I am having.
    Anyway, I have done a website template for someone and I gave
    it to him to update the contents. However, on his dreamweaver
    Design view, the css does not support it at all so it looks all
    messy. Though when he preview it on IE, this is all fine. I have
    made templates and css files with dreamweaver and I can view
    everything fine. He seems to have the same version of DW (MX 2004)
    so I am not sure how this happens. We were looking in everything
    (including goofy css as someone says on this forum), but have no
    luck so far. Here is my link and I pasted my css here.
    http://www.norithefish.com/index2.html
    Many thanks for this.
    Noriko
    /* HTML tag styles */
    body
    {background: #cccccc; font-family: Verdana, Arial, Helvetica,
    sans-serif;
    font-size: small; color: #000000; font-weight: normal}
    a { color: #333333; text-decoration: none }
    a:active { color: #666666; text-decoration: none }
    a:hover { color: #CC3300; text-decoration: underline }
    .bodytext { font-size: small; color: #000000; font-weight:
    normal}
    .smalltext { font-size: x-small; color: #000000; font-weight:
    normal}
    .smalltextw { font-size: x-small; color: #ffffff;
    font-weight: normal}
    .title{ font-size: 1.5em; font-weight: bold; color: #CC3300}
    .wbracket{ font-size: small; font-weight: normal; color:
    #ffffff}
    .smalltitle { font-size: 1em; font-weight: normal; color:
    #666666}
    .sub { font-size: small; font-weight: bold; color: #ffffff }
    .foot { font-size: x-small; font-weight: normal; color:
    #000000}
    h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color: #cc3300
    h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.15em;
    color: #cc3300
    h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #666666
    ul{
    list-style-type: square;
    ul ul{
    list-style-type: disc;
    ul ul ul{
    list-style-type: none;
    /* Layout Divs */
    #pageNav{
    float: left;
    width:21.3%;
    top:10px;
    padding-left: 0px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    #content{
    width:75%;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 1px 20px;
    /* Component Divs */
    #siteName{
    margin: 0px;
    padding: 16px 0px 8px 0px;
    color: #ffffff;
    font-weight: normal;
    /************** feature styles *****************/
    .feature{
    padding: 0px 0px 0px 0px;
    font-size: 100%;
    /************* #siteInfo styles ***************/
    #siteInfo{
    clear: both;
    font-size: 100%;
    background-color: #999999;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #666666;
    /************* #smalltitle styles ***************/
    #smalltitle{
    clear: both;
    background-color: #ffffff;
    font-size: 100%;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #CC3300;
    border-bottom: 1px solid #CC3300;
    /*********** #sectionLinks styles ***********/
    #sectionLinks{
    position: relative;
    width: 150px;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #cccccc;
    font-size: 90%;
    #sectionLinks a:link{
    font-size: 1.15em;
    padding: 2px 0px 5px 10px;
    border-top: 1px solid #cccccc;
    width: 100%;
    width: auto;
    #sectionLinks a:visited{
    font-size: 1.15em;
    border-top: 1px solid #cccccc;
    padding: 2px 0px 5px 10px;
    #sectionLinks a:hover{
    font-size: 1.15em;
    border-top: 1px solid #cc3300;
    background-color: #dddddd;
    padding: 2px 0px 5px 10px;
    /*********** .frame styles ***********/
    .frame {
    width: 700px;
    left: 50%;
    padding-top: 0px;
    margin-left: -350px;
    margin-top: 0px;
    position: absolute;
    visibility: visible;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    background-color: #ffffff;
    .bg {
    height: 1px;
    background-color: #cccccc;
    width: 100%;
    /*********** #pageNav link styles ***********/
    #pageNav ul a:link, #pageNav ul a:visited {display: block;}
    #pageNav ul {list-style: none; margin: 0; padding: 0;}
    /* hack to fix IE/Win's broken rendering of block-level
    anchors in lists */
    #pageNav li {border-bottom: 1px solid #EEE;}
    /* fix for browsers that don't need the hack */
    html>body #pageNav li {border-bottom: none;}
    /********************* end **********************/

    > *** you are missing <li> at the beginning of the
    line and </li> at the end
    > or you want to remove the </li> from the previous
    lines.
    Or move the image within the existing pair. You cannot have
    that
    construction, though -
    <li>blah</li>
    <img>
    <li>blah</li>
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "josie1one" <[email protected]> wrote in message
    news:[email protected]...
    > It sounds to me as if it's a path issue.
    > Your path is this:
    > <link rel="stylesheet" href="styles/inside.css"
    type="text/css">
    >
    > Does he have a folder called "styles" within which
    should be the
    > stylesheet?
    >
    > You have a couple of code problems (I'd say unrelated to
    your question).
    > <li><a href="1-about.html">Order your Tshirt
    </a></li>
    > <img src="ferrari_team_polo.jpg" alt="photo of a
    T-shirt" width="120"
    > height="180">***
    > <li><a href="1-about.html">Order your
    cap</a></li>
    > <img src="ferrari_cap.jpg" alt="photo of a cap"
    width="120"
    > height="75"><br>***
    >
    > *** you are missing <li> at the beginning of the
    line and </li> at the end
    > or you want to remove the </li> from the previous
    lines.
    >
    > and according to
    >
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.norithefish.com%2Findex2.html
    >
    > you have an extra </div> a couple of lines above
    the </body>
    >
    >
    > --
    > Jo
    >
    >
    >
    >
    >
    > "norithefish" <[email protected]> wrote
    in message
    > news:[email protected]...
    >> Hello, I wonder if anyone can help. I would
    appreciate very much if you
    >> can...
    >> I have read all the css related problems, but did
    not see the problem I
    >> am
    >> having.
    >>
    >> Anyway, I have done a website template for someone
    and I gave it to him
    >> to
    >> update the contents. However, on his dreamweaver
    Design view, the css
    >> does not
    >> support it at all so it looks all messy. Though when
    he preview it on IE,
    >> this
    >> is all fine. I have made templates and css files
    with dreamweaver and I
    >> can
    >> view everything fine. He seems to have the same
    version of DW (MX 2004)
    >> so I am
    >> not sure how this happens. We were looking in
    everything (including goofy
    >> css
    >> as someone says on this forum), but have no luck so
    far. Here is my link
    >> and I
    >> pasted my css here.
    >>
    >>
    http://www.norithefish.com/index2.html
    >>
    >> Many thanks for this.
    >> Noriko
    >>
    >> /***********************************************/
    >> /* HTML tag styles */
    >> /***********************************************/
    >>
    >> body
    >> {background: #cccccc; font-family: Verdana, Arial,
    Helvetica, sans-serif;
    >> font-size: small; color: #000000; font-weight:
    normal}
    >>
    >> a { color: #333333; text-decoration: none }
    >>
    >> a:active { color: #666666; text-decoration: none }
    >>
    >> a:hover { color: #CC3300; text-decoration: underline
    >>
    >> .bodytext { font-size: small; color: #000000;
    font-weight: normal}
    >>
    >> .smalltext { font-size: x-small; color: #000000;
    font-weight: normal}
    >>
    >> .smalltextw { font-size: x-small; color: #ffffff;
    font-weight: normal}
    >>
    >> .title{ font-size: 1.5em; font-weight: bold; color:
    #CC3300}
    >>
    >> .wbracket{ font-size: small; font-weight: normal;
    color: #ffffff}
    >>
    >> .smalltitle { font-size: 1em; font-weight: normal;
    color: #666666}
    >>
    >> .sub { font-size: small; font-weight: bold; color:
    #ffffff }
    >>
    >> .foot { font-size: x-small; font-weight: normal;
    color: #000000}
    >>
    >>
    >> h1 {
    >> font-family: Verdana, Arial, Helvetica, sans-serif;
    >> font-size: 1.5em;
    >> color: #cc3300
    >> }
    >> h2 {
    >> font-family: Verdana, Arial, Helvetica, sans-serif;
    >> font-size: 1.15em;
    >> color: #cc3300
    >> }
    >> h3 {
    >> font-family: Verdana, Arial, Helvetica, sans-serif;
    >> font-size: 1em;
    >> color: #666666
    >> }
    >>
    >> ul{
    >> list-style-type: square;
    >> }
    >>
    >> ul ul{
    >> list-style-type: disc;
    >> }
    >>
    >> ul ul ul{
    >> list-style-type: none;
    >> }
    >>
    >>
    >> /***********************************************/
    >> /* Layout Divs */
    >> /***********************************************/
    >>
    >> #pageNav{
    >>
    >> float: left;
    >> width:21.3%;
    >>
    >> top:10px;
    >> padding-left: 0px;
    >> border-bottom: 1px solid #cccccc;
    >> border-right: 1px solid #cccccc;
    >> }
    >>
    >> #content{
    >> width:75%;
    >> float: left;
    >> padding: 0px 0px 0px 0px;
    >>
    >> margin: 0px 0px 1px 20px;
    >>
    >> }
    >>
    >>
    >> /***********************************************/
    >> /* Component Divs */
    >> /***********************************************/
    >> #siteName{
    >> margin: 0px;
    >> padding: 16px 0px 8px 0px;
    >> color: #ffffff;
    >> font-weight: normal;
    >> }
    >>
    >>
    >> /************** feature styles *****************/
    >>
    >> .feature{
    >> padding: 0px 0px 0px 0px;
    >> font-size: 100%;
    >>
    >>
    >> }
    >>
    >>
    >>
    >> /************* #siteInfo styles ***************/
    >>
    >> #siteInfo{
    >> clear: both;
    >>
    >> font-size: 100%;
    >> background-color: #999999;
    >> padding: 0px 0px 0px 0px;
    >> border-top: 1px solid #666666;
    >> }
    >>
    >> /************* #smalltitle styles ***************/
    >>
    >> #smalltitle{
    >> clear: both;
    >>
    >> background-color: #ffffff;
    >> font-size: 100%;
    >> padding: 0px 0px 0px 0px;
    >> border-top: 1px solid #CC3300;
    >> border-bottom: 1px solid #CC3300;
    >>
    >> }
    >>
    >>
    >>
    >> /*********** #sectionLinks styles ***********/
    >>
    >> #sectionLinks{
    >> position: relative;
    >> width: 150px;
    >> margin: 0px;
    >> padding: 0px;
    >> border-bottom: 1px solid #cccccc;
    >> font-size: 90%;
    >>
    >> }
    >>
    >>
    >>
    >> #sectionLinks a:link{
    >> font-size: 1.15em;
    >> padding: 2px 0px 5px 10px;
    >> border-top: 1px solid #cccccc;
    >> width: 100%;
    >>
    >> width: auto;
    >> }
    >>
    >> #sectionLinks a:visited{
    >> font-size: 1.15em;
    >> border-top: 1px solid #cccccc;
    >> padding: 2px 0px 5px 10px;
    >> }
    >>
    >> #sectionLinks a:hover{
    >> font-size: 1.15em;
    >> border-top: 1px solid #cc3300;
    >> background-color: #dddddd;
    >> padding: 2px 0px 5px 10px;
    >> }
    >>
    >>
    >>
    >>
    >> /*********** .frame styles ***********/
    >> .frame {
    >> width: 700px;
    >> left: 50%;
    >> padding-top: 0px;
    >>
    >> margin-left: -350px;
    >> margin-top: 0px;
    >> position: absolute;
    >> visibility: visible;
    >>
    >> border-top: 1px solid #999999;
    >> border-bottom: 1px solid #999999;
    >> border-right: 1px solid #999999;
    >> border-left: 1px solid #999999;
    >> background-color: #ffffff;
    >> }
    >> .bg {
    >> height: 1px;
    >>
    >> background-color: #cccccc;
    >> width: 100%;
    >> }
    >>
    >> /*********** #pageNav link styles ***********/
    >>
    >> #pageNav ul a:link, #pageNav ul a:visited {display:
    block;}
    >> #pageNav ul {list-style: none; margin: 0; padding:
    0;}
    >>
    >> /* hack to fix IE/Win's broken rendering of
    block-level anchors in lists
    >> */
    >> #pageNav li {border-bottom: 1px solid #EEE;}
    >>
    >> /* fix for browsers that don't need the hack */
    >> html>body #pageNav li {border-bottom: none;}
    >>
    >> /********************* end **********************/
    >>
    >>
    >>
    >>
    >
    >

  • PHP icon not showing in design view

    I just ordered Studio 8 and currently working on the demo
    version of Dreamweaver 8. I had been using FrontPage for many years
    and I finally hit it's limitations. I am creating new pages from
    scratch and not importing any of my older FrontPage web pages. I am
    coding in PHP and noticed this nice php icon that shows in my
    design view of where all my php code is. This FrontPage could never
    do. I have a table that is doing multiple "include" calls. I am
    able to successfully add 2 lines of code, which generates two php
    icons in my design view. When I try to add a 3rd line of php code,
    it removes all of the nice php icons in the design view. For the
    rest of the document, if I add more code, then the icons will not
    show up. The PHP is in the code view, but the design view is no
    longer showing the php icon. Does anyone have any ideas on how to
    make them show up permanently? This is one of many great features
    of Dreamweaver that drove me to purchase it.

    Thank you for the quick response. I went home and took a look
    at my code. It matches pretty closely with what you offered as a
    suggestion. That didn't seem to fix the issues I am having. Maybe
    there is something I am missing that will stand out for you.
    Here is a sample of it:
    <td>Item Review 1</td>
    <td><div align="center"><?php include('
    http://www.mytestsite.com/review/stars_only_by_item_id_listing.php?item_id=5');
    ?></div>
    </td>
    <td><div align="center"><a href="
    http://www.mytestsite.com/review/index2.php?item_id=5">
    link</a></div></td>
    </tr>
    <tr>
    <td>Item Review 2</td>
    <td><div align="center"><?php include('
    http://www.mytestsite.com/review/stars_only_by_item_id_listing.php?item_id=6');
    ?></div></td>
    Thank you for any help you can offer. This one is really
    stumping me. Could it be that I am using the demo version and not
    the full version?

  • CSS Changes not showing in Design View

    I'm just coming over from GoLive (and their layout grid) so
    I'm not entirely familiar with DreamWeaver CS3 and CSS.
    However, whenever I make changes in a CSS sheet (and save
    them) they are not immediately rendered in the Design View. They
    show up just fine if I "Preview in Browser" though. I can even
    close the html page and reopen it and sometimes they will show up,
    but not usually. Oh, and the "Refresh Design View" button is greyed
    out and doesn't do anything.
    Thanks,
    Dan

    Yes, that seems to be the case. I ran a validation check on
    the html page (it was coded in XHTML 1.0 strict) and came up with 2
    errors related to the CSS features I was trying to use.
    Thanks!

  • PHP Include not showing in design view

    One of the advantages of Dreamweaver is the ability to see
    the result of your code in the Design view. I am building a
    template set for a web site I'm starting, and will be using the
    template files in various paths and path depths. As a result, I am
    not interested in using relative paths for things like PHP
    includes.
    If I use the following code for an include, the 'main.php'
    file is included in the design view:
    <?php include('/includes/templates/main.php'); ?>
    When uploaded to the Apache server, this does not display
    properly, because it is looking for the file in the user root, not
    the Apache document root.
    The portable code solutions to this would be to use the
    following code:
    <?php
    include($_SERVER['DOCUMENT_ROOT'].'/includes/templates/main.php');
    ?>
    This shows perfectly when uploaded to the Apache server, but
    of course does not show in the Design view of Dreamweaver.
    It is ridiculous to think that someone would want code one
    way to see in the design view, and another for the web server, so I
    am assuming that there is a way to do this so that it works both in
    the desing view and on the web server.
    I have had limited success using:
    <?php virtual('/includes/templates/main.php'); ?>
    which shows up in both the design view and on the web server.
    However, I've experienced problems using virtual calls in scripts
    called by the virtual command. I.e. nested inclusions. It would be
    important to note that PHP's own documentation states "This
    function may be used on PHP files. However, it is typically better
    to use include() or require() for PHP files.", along with other
    warnings.
    So, basically, what I am asking for is a solution to allow
    the following code to work and show the included file in the design
    view:
    <?php
    include($_SERVER['DOCUMENT_ROOT'].'/includes/templates/main.php');
    ?>
    Any suggestions?
    BTW, I have tried setting the PHP include_path to the web
    root so that the first example above would work. Doesn't work. I
    have full, unrestricted access to the server, so if there is
    another setting or configuration change I can make to have the
    include function default to the web root, I'd love to know what it
    is.

    quote:
    Originally posted by:
    Newsgroup User
    It does that with all server-side includes, not just PHP. It
    only shows
    the HTML content of includes. To see dynamic output from a
    server-side
    language, you need to use Live Data view.
    I'm not referencing dynamic output from PHP processing. I am
    referencing includes. When using an include, Dreamweaver shows you
    exactly what it would show you if you were looking at the included
    file itself.
    However, Dreamweaver makes the assumption that <?php
    include('/inc/test.php'); ?> is a path located in the web server
    document root. This is not the same assumption that web servers
    make.
    The Apache web server (at least the several that I use),
    treat this same include as a request for /inc/test.php off of the
    root of the server. To achieve the same include, relative to the
    web document root, the include must be <?php
    include($_SERVER['DOCUMENT_ROOT'].'/inc/test.php'); ?>.
    Unfortunately, Dreamweaver does not understand this basic syntax
    and will not show the included file in the design view.
    The bottom line is that Dreamweaver could make it much
    simpler to build portable code if it understood this syntax on the
    include. You could take place that include in any location on your
    site and it would pull the include from the proper location in both
    your design view and on the web server.
    Keep in mind that we establish a "document_root" when we set
    up a site in Dreamweaver. The information is already there. The
    handling of it just needs to be added to the include parser.

  • Chinese Characters not showing in Design View

    Version: DW MX 2004
    I have a file I created in FrontPage and am now migrating
    over to DW. Most of the language on the page is English, with a
    portion of Chinese.
    My Chinese characters do not show up in Design View, but when
    I preview or upload the page to the server (live), they show up ok
    in IE and FF. Everything worked fine in FrontPage.
    Why can't I see them in Design View? I have looked in the
    Help for languages, character sets, etc.

    Once again, no one seems to know much about this question.
    (I've noticed it's gone unanswered in previous years.)
    In the Knowledgebase, I find only this: "Encoded HTML
    documents created outside of Dreamweaver may not display correctly
    in Dreamweaver. This includes documents that have been hand-coded
    or created in another HTML editor."
    This was updated in March, 2006.
    Which leads me to say, bugger. I guess there's little point
    in accommodating those 1.2 billion Chinese.

  • RH9 topics do not show in design view

    Hi,
    I am currently putting up a documentation project for my customer, but I have an issue with created topics.
    My structure is as follows:
    welcome topic
    map
         subtopics
         map
              subtopics
              map
                   subtopics
         map
              subtopics
              map
                   subtopics
    It's about the topic levels in bold.
    Here, I create a topic. Normally, you then fill in the name in the New Topic popup window (Topic Title field), you click OK and the topic is created and opened. Well, in my case, only the topic name is created in the project manager pod, the topic is not opening. I cannot open it afterwards, either. I don't get an error message or nothing.
    How is this possible?
    Is it maybe because the name of the topic is too long? Or the names of the above lying maps? Is there a restriction in number of characters for topics and/or maps?
    thanks
    Ynske

    By "header/footer" tags, Ken means "<html>,
    <head>, or <body>" tags - you
    have none of those in your files being included, do you?
    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
    ==================
    "Henry Anthony" <[email protected]> wrote in
    message
    news:f2skgv$aej$[email protected]..
    > Ken,
    >
    > I inherited the site. To work on it in Dreamweaver, I
    had to create the
    > site
    > definition. So, the site was defined after it was built.
    The include files
    > are
    > fine. No header/footer tags. I assumed the includes
    would show when I
    > opened a
    > file but they will only show if I reinsert the include
    while in design
    > view.
    > Upon examination of the code after the reinsert, there
    is no change.
    >
    > Thanks,
    > Henry
    >

  • Div Image not showing in Live View

    Why can't I see my image placed within a Div tag in Live View? Makes no sense. I've changed the z-index to 1000, also tried 1 nothing changes. Please advise if anyone can help. Thank you!

    I've applied BOLD to the Div tag in question
    HTML Code:
    <!doctype html>
    <html><!-- InstanceBegin template="/Templates/pavemend_website1.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta charset="UTF-8">
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Permanent Concrete and Asphalt Repair Home Page</title>
    <meta name="description" content="CeraTech's Pavemend family of high performance concrete repair products have become the choice of professionals across the country for their rapid return to service, versatility, ease of use, and superior durability.">
    <style type="text/css">
    #apDiv8 {
        position: absolute;
        width: 200px;
        height: 115px;
        z-index: 2;
    </style>
    <!-- InstanceEndEditable -->
    <link href="pavmend_styles.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    #pavemendlogo {
        background-image: url(_images/NEW%202012%20PAVEMEND%20LOGO%20WHITE.png);
        background-repeat: no-repeat;
        height: 78px;
        width: 196px;
    #prochoicetype {
        background-image: url(_images/pro_choice_concrete_type.png);
        background-repeat: no-repeat;
        height: 25px;
        width: 521px;
        margin-left: 200px;
        margin-top: -40px;
    #prochoicetype {
        background-image: url(_images/pro_choice_concrete_type.png);
        background-repeat: no-repeat;
        height: 25px;
        width: 521px;
        margin-left: 200px;
        margin-top: -40px;
    </style>
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    </head>
    <body>
    <div id="wrapper">
    <div class="container">
      <div id="apDiv1"><!-- InstanceBeginEditable name="HeaderLogo" --><a href="pavemend_home_page.html"><img src="_images/NEW 2012 PAVEMEND LOGO WHITE.png" width="197" height="79" class="fltlft" /></a>
        <div id="resources"></div>
      <!-- InstanceBeginEditable name="Header" -->
      <div class="headerResources"></div>
      <!-- InstanceEndEditable -->
    <nav>
      <ul id="menu">
        <li><a href="pavemend_home_page.html">OUR PRODUCTS &#9660;</a>
          <ul>
            <li><a href="slq_product_page.html">SLQ<sup>®</sup></a></li>
            <li><a href="sl_product_page.html">SL<sup>®</sup></a></li>
            <li><a href="dotline_product_page.html">DOTLine™</a></li>
            <li><a href="15.0_product_page.html">Pavemend 15.0<sup>®</sup></a></li>
            <li><a href="TR_product_page.html">Pavemend TR<sup>®</sup></a></li>
            <li><a href="VR_product_page.html">Pavemend VR<sup>®</sup></a></li>
            <li><a href="IA_product_page.html">Instant Asphalt™</a></li>
            <li><a href="kemrok_product_page.html">KEMROK™</a></li>
            <li><a href="kemrokVR_product_page.html">KEMROK VR™</a></li>
            <li><a href="firerok_product_page.html">FIREROK™</a></li>
            <li><a href="antiwear_product_page.html">Anti-Wear™</a></li>
            <li><a href="antiscale_product_page.html">Anti-Scale™</a></li>
          </ul>
        </li>
        <li><a href="resources_page.html">RESOURCES</a></li>
        <li><a href="technical_support.html">TECHNICAL SUPPORT</a></li>
        <li><a href="contact_page.html">CONTACT US</a></li>
      </ul>
    </nav>
        </section>
      <!-- InstanceBeginEditable name="Sidebar" -->
      <div class="sidebarleftlong">
      <nav>
        <ul>
          <li><a href="#">PAVEMEND PRODUCT <br>    BROCHURE</a></li>
          <p><li><a href="#">KEEP TRAFFIC MOVING <br>    BROCHURE</a></li></p>
          <p><li><a href="#">CASE STUDIES</a></li></p>
          <p><li><a href="#">INSTANT ASPHALT REPAIR</a></li></p>
          <p><li><a href="#">SL PRODUCT VIDEO</a></li></p>
          <p><li><a href="#">SLQ PRODUCT VIDEO</a></li></p>
          <p><li><a href="#">DOTLINE FIELD <br>    APPICATION VIDEO</a></li></p>
        </ul>
        </nav>
       <div id=""></div>
       <!-- end .sidebar1 --> </div>
      <!-- InstanceEndEditable -->
      <!-- InstanceBeginEditable name="Content" -->
      <div class="content">
    <p> </p>
    <img src="_images/resources_header.png" alt="slheader" width="553" height="31" class="productlogos" />
    </section>
    <p> </p>
          <section>
            <p><strong>Pavemend</strong><sup>®</sup> Rapid, Permanent Concrete and Asphalt repair products are quickly becoming the choice for Turnpike, State DOT Bridge Crews and discriminating engineers who value superior, permanent repairs and reduced traffic disruptions.</p>
    <p>Typical repair applications include full and partial depth bridge deck repairs, bridge header joints, approach slabs, form & pour repairs, dowel bar retrofits, joint nosings and more. <strong>Pavemend</strong><sup>®</sup> products require only the addition of water, with no bonding agents or curing requirements and offer all season rapid repair capability.</p>
    <p>Featuring technology developed here in the USA, <strong>Pavemend</strong><sup>®</sup> (by CeraTech Inc) products are easier to use, offer greater durability, provide superior return on investment, and are by far the most sustainable repair products available today.</p> 
            <p><img src="_images/Done Smart Logo.png" width="150" height="17" alt="donesmartlogo" />               
          </section>
    <!-- end .content --></div>
            <!-- InstanceEndEditable -->
      <div class="footer"><!-- InstanceBeginEditable name="Footer Logo" --><img src="_images/NEW 2012 PAVEMEND LOGO WHITE.png" width="160" height="64" class="flt_rgt" /><!-- InstanceEndEditable -->
        <table width="510" summary="footer material">
      <tr>
        <td width="210"><strong><em>Manufactured by</em></strong></td>
      <tr>
        <td><img src="_images/CTI_logo_white.png" width="200" height="47"  alt=""/>
        <td width="50" align="center"><a href="#../twitter.com/Pavemend">Twitter</a>
    <div id="apDiv7"></div>
      <td><strong><em>Planet Friendly Technology</em></strong></td>
       </tr>
    </table>
        <div id="apDivPFT1"></div>
        <!-- end .footer --></div>
      <!-- end .container --></div>
    </body>
    <!-- InstanceEnd --></html>
    CSS:
    @charset "UTF-8";
    /* BEGIN HORIZONTAL DROP-MENU */
    #menu {
        clear: left;
        position: relative;
        width: 100%; /**adjust width as needed**/
        margin: 0;
        padding: 0;
        background-image: url(_images/topnavpanel.png);
        color: #FFFFFF;
    #menu ul {
        margin: 0;
        padding: 0
    #menu li {
        list-style: none;
        float: left;
        text-align: center;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        color: #000000;
    /**top level menu**/
    #menu li a {
        display: inline-block;
        text-decoration: none;
        /* adjust width as needed or use auto */
        width: 13em;
        padding: 8px;
        font-weight: bold;
        line-height: 12px;
        color: #000;
        border-top-style: none;
        font-size: 90%;
        margin-bottom: 0;
        margin-left: 2%;
        margin-right: 2%;
        margin-top: 0;
        border-bottom-style: none;
    /**top menu style on mouse over**/
    #menu li:hover > a {
        color: #FFF;
        width: 13em;
    /**sub-menu**/
    #menu li ul {
        display: none;
        text-align: center;
        padding: 0;
        margin-bottom: 0;
        margin-left: 40px;
        margin-right: 0;
        margin-top: 0;
        border-bottom-style: none;
    /**sub-menu, help for older IE**/
    #menu li:hover ul, #menu li.hover ul {
        display: block;
        position: absolute;
        z-index:1000;
        padding: 0;
    #menu li:hover li, #menu li.hover li {
        float: none;
        background-color: #E1D5BB;
    /**drop-menu style**/
    #menu li:hover li a, nav li.hover li a {
        width: 14em; /* adjust width as needed or use auto */
        margin-top: 0;
    /**drop-menu style on mouse over**/
    #menu li li a:hover {
        color: #FFF;
        background-color: #03C;
    /* Clear floated elements at the end*/
    #menu:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    /**END HORIZONTAL DROP-MENUS STYLES**/
    #apDiv11 {
        position: absolute;
        width: 190px;
        height: 180px;
        z-index: 2;
        background-image: url(_images/WomanPhone.png);
        background-position: 10px;
        background-repeat: no-repeat;
        margin-top: 240px;
    #apDivSustainability {
        position: absolute;
        width: 200px;
        height: 420px;
        z-index: 3;
        background-image: url(_images/sustainabilitySB2.png);
        background-repeat: no-repeat;
    #apDiv10 {
        position: absolute;
        width: 75px;
        height: 73px;
        z-index: 2;
        background-image: url(_images/PFTLogo.png);
        float: right;
        margin-left: 650px;
        margin-top: -110px;
    #apDiv9 {
        position: absolute;
        width: 200px;
        height: 207px;
        z-index: 3;
        background-image: url(_images/slphoto1.png);
        background-repeat: no-repeat;
        margin-top: 30px;
        margin-left: -5px;
    #apDivslqphoto {
        position: absolute;
        width: 200px;
        height: 267px;
        z-index: 3;
        background-image: url(_images/slqphoto.jpg);
        background-repeat: no-repeat;
        margin-top: 30px;
        margin-left: -5px;
    #apDivdotlinephoto {
        position: absolute;
        width: 200px;
        height: 267px;
        z-index: 3;
        background-image: url(_images/dotlinephoto.png);
        background-repeat: no-repeat;
        margin-top: 30px;
        margin-left: -5px;
    #apDiv15photo {
        position: absolute;
        width: 200px;
        height: 179px;
        z-index: 3;
        background-image: url(_images/15.0_photo.png);
        background-repeat: no-repeat;
        margin-top: 30px;
        margin-left: -5px;
    #apDivTRphoto {
        position: absolute;
        width: 200px;
        height: 267px;
        z-index: 3;
        background-image: url(_images/TR_photo.png);
        background-repeat: no-repeat;
        margin-top: 30px;
        margin-left: -5px;
    #apDivAWphoto {
        position: absolute;
        width: 200px;
        height: 150px;
        z-index: 3;
        background-image: url(_images/AWPhoto.png);
        background-repeat: no-repeat;
        margin-top: 30px;
        margin-left: -5px;
    #apDivASphoto {
        position: absolute;
        width: 200px;
        height: 134px;
        z-index: 3;
        background-image: url(_images/ASphoto.png);
        background-repeat: no-repeat;
        margin-top: 30px;
        margin-left: -5px;
    #apDivVRphoto {
        position: absolute;
        width: 200px;
        height: 150px;
        z-index: 3;
        background-image: url(_images/VR_photo.png);
        background-repeat: no-repeat;
        margin-top: 30px;
        margin-left: -5px;
    #apDivIAphoto {
        position: absolute;
        width: 200px;
        height: 162px;
        z-index: 3;
        background-image: url(_images/IA_photo.png);
        background-repeat: no-repeat;
        margin-top: 30px;
        margin-left: -5px;
    #apDivKemrokphoto {
        position: absolute;
        width: 200px;
        height: 207px;
        z-index: 3;
        background-image: url(_images/KEMROK%20pic.jpg);
        background-repeat: no-repeat;
        margin-top: 30px;
        margin-left: -5px;
    #apDivFirerokphoto {
        position: absolute;
        width: 200px;
        height: 248px;
        z-index: 3;
        background-image: url(_images/Firerok_photo.png);
        background-repeat: no-repeat;
        margin-top: 30px;
        margin-left: -5px;
    #apDivtechsupportphoto {
        position: absolute;
        width: 200px;
        height: 248px;
        z-index: 3;
        background-image: url(_images/techsupport_photo.png);
        background-repeat: no-repeat;
        margin-top: 30px;
        margin-left: -5px;
    #apDivKemrokVRphoto {
        position: absolute;
        width: 200px;
        height: 207px;
        z-index: 3;
        background-image: url(_images/Kemrok%20VR%20pic.jpg);
        background-repeat: no-repeat;
        margin-top: 30px;
        margin-left: -5px;
    #apDiv8 {
        position: absolute;
        width: 180px;
        height: 167px;
        z-index: 2;
        background-image: url(_images/SLbktandbag.png);
        background-repeat: no-repeat;
        float: right;
        margin-top: -160px;
        margin-left: 520px;
    #apDivslq {
        position: absolute;
        width: 80px;
        height: 105px;
        z-index: 2;
        background-image: url(_images/SLQbucket.png);
        background-repeat: no-repeat;
        float: right;
        margin-top: -125px;
        margin-left: 515px;
    #apDivdotlinebag {
        position: absolute;
        width: 88px;
        height: 167px;
        z-index: 2;
        background-image: url(_images/dotlinebag.png);
        background-repeat: no-repeat;
        float: right;
        margin-top: -165px;
        margin-left: 280px;
    #apDivkemrokbag {
        position: absolute;
        width: 121px;
        height: 167px;
        z-index: 2;
        background-image: url(_images/kemrok_bag.png);
        background-repeat: no-repeat;
        float: right;
        margin-top: -165px;
        margin-left: 570px;
    #apDivPFT1 {
        position: absolute;
        width: 121px;
        height: 167px;
        z-index: 2;
        background-image: url(_images/PFTLogo.png);
        background-repeat: no-repeat;
        float: right;
        margin-top: -75px;
        margin-left: 470px;
    #apDivkemrokVRbag {
        position: absolute;
        width: 121px;
        height: 167px;
        z-index: 2;
        background-image: url(_images/kemrokvr_bag.png);
        background-repeat: no-repeat;
        float: right;
        margin-top: -160px;
        margin-left: 590px;
    #apDivFirerokbag {
        position: absolute;
        width: 90px;
        height: 167px;
        z-index: 2;
        background-image: url(_images/firerok_bag.png);
        background-repeat: no-repeat;
        float: right;
        margin-top: -160px;
        margin-left: 570px;
    #apDivAWbucket {
        position: absolute;
        width: 90px;
        height: 167px;
        z-index: 2;
        background-image: url(_images/firerok_bag.png);
        background-repeat: no-repeat;
        float: right;
        margin-top: -160px;
        margin-left: 590px;
    #apDivAWbucket {
        position: absolute;
        width: 90px;
        height: 167px;
        z-index: 2;
        background-image: url(_images/firerok_bag.png);
        background-repeat: no-repeat;
        float: right;
        margin-top: -160px;
        margin-left: 590px;
    #apDivAWbucket {
        position: absolute;
        width: 80px;
        height: 96px;
        z-index: 2;
        background-image: url(_images/AWbucket.png);
        background-repeat: no-repeat;
        float: right;
        margin-top: -160px;
        margin-left: 590px;
    #apDiv15bag {
        position: absolute;
        width: 88px;
        height: 111px;
        z-index: 2;
        background-image: url(_images/15.0bucket.png);
        background-repeat: no-repeat;
        float: right;
        margin-top: -115px;
        margin-left: 260px;
    #apDivTRbucket {
        position: absolute;
        width: 80px;
        height: 106px;
        z-index: 2;
        background-image: url(_images/TRbucket.png);
        background-repeat: no-repeat;
        float: right;
        margin-top: -120px;
        margin-left: 370px;
    #apDivAWbucket {
        position: absolute;
        width: 205px;
        height: 150px;
        z-index: 2;
        background-image: url(_images/AWArt.png);
        background-repeat: no-repeat;
        float: right;
        margin-top: -140px;
        margin-left: 420px;
        font-size: 120%;
        -webkit-box-shadow: 0px 0px;
        box-shadow: 0px 0px;
    #apDivASArt {
        position: absolute;
        width: 205px;
        height: 150px;
        z-index: 2;
        background-image: url(_images/ASArt.png);
        background-repeat: no-repeat;
        float: right;
        margin-top: -140px;
        margin-left: 420px;
        font-size: 120%;
        -webkit-box-shadow: 0px 0px;
        box-shadow: 0px 0px;
    #apDivVRbucket {
        position: absolute;
        width: 80px;
        height: 87px;
        z-index: 2;
        background-image: url(_images/VRbucket.png);
        background-repeat: no-repeat;
        float: right;
        margin-top: -105px;
        margin-left: 470px;
    #apDivIAbucket {
        position: absolute;
        width: 251px;
        height: 106px;
        z-index: 2;
        background-image: url(_images/IAbuckets.png);
        background-repeat: no-repeat;
        float: right;
        margin-top: -120px;
        margin-left: 400px;
    body {
        background-color: #666;
        color: #000;
        text-align: center;
        background-image: url(_images/roadblurred.png);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        padding-top: 60px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        line-height: 1.4;
    .formtext {
        font-size: 100%;
        text-align: left;
    .bodyfootnote {
        font-size: 70%;
        margin-left: 20px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    .red {
        font-size: 70%;
        color: #F00;
    .popups {
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
        padding: 0;
        margin: 0;
        text-transform: capitalize;
        text-decoration: none;
        list-style: none;
    h1, h2, h3, h4, h5, h6, p {
        /* [disabled]margin-top: 0; */     /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
        padding-right: 15px;
        padding-left: 23px;
        line-height: 25px;
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
        border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
        color: #FFFFFF;
        text-decoration: none;
        font-size: 100%;
        padding: 5px;
    a:visited {
        color: #FFFFFF;
        text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
        text-decoration: none;
        background-color: #03C;
        color: #FFF;
        height: 12px;
        alignment-baseline: text-after-edge;
    /* ~~this fixed width container surrounds the other divs~~ */
    .container {
        width: 960px;
        background-color: #FFF; /* the auto value on the sides, coupled with the width, centers the layout */
        background-image: url(_images/Bridge4WebScreened.png);
        background-repeat: no-repeat;
        margin-bottom: 0;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0;
        text-align: left;
    .containerTS {
        width: 960px;
        background-color: #FFF;
        margin: 0 0px; /* the auto value on the sides, coupled with the width, centers the layout */
        background-image: url(_images/US_Map.png);
        background-repeat: no-repeat;
        text-align: left;
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
        background-color: #000;
        background-image: url(_images/BannerBlured960.png);
        height: 229px;
        background-repeat: no-repeat;
        width: 960px;
    .headerSL {
        background-color: #000;
        background-image: url(_images/PMND%20SL%20Header.png);
        height: 229px;
        background-repeat: no-repeat;
        width: 960px;
    .headerPurchase {
        background-color: #000;
        background-image: url(_images/contact%20us%20pavemend%20header.png);
        height: 229px;
        background-repeat: no-repeat;
        width: 960px;
    .headerSLQ {
        background-color: #000;
        background-image: url(_images/PMND%20SLQ%20Header.png);
        height: 229px;
        background-repeat: no-repeat;
        width: 960px;
    .headerDOTline {
        background-color: #000;
        background-image: url(_images/DOTLINE%20Header.png);
        height: 229px;
        background-repeat: no-repeat;
        width: 960px;
    .header15 {
        background-color: #000;
        background-image: url(_images/PMND%2015.0%20Header.png);
        height: 229px;
        background-repeat: no-repeat;
        width: 960px;
    .headerTR {
        background-color: #000;
        background-image: url(_images/PMND%20TR%20Header.png);
        height: 229px;
        background-repeat: no-repeat;
        width: 960px;
    .headerAW {
        background-color: #000;
        background-image: url(_images/anti_wear_pavemend_header.png);
        height: 229px;
        background-repeat: no-repeat;
        width: 960px;
    .headerAS {
        background-color: #000;
        background-image: url(_images/anti%20scale%20pavemend%20header.png);
        height: 229px;
        background-repeat: no-repeat;
        width: 960px;
    .headerVR {
        background-color: #000;
        background-image: url(_images/PMND%20VR%20Header.png);
        height: 229px;
        background-repeat: no-repeat;
        width: 960px;
    .headerIA {
        background-color: #000;
        background-image: url(_images/Instant%20asphalt%20packaged%20Header.png);
        height: 229px;
        background-repeat: no-repeat;
        width: 960px;
    .headerKemrok {
        background-color: #000;
        background-image: url(_images/KEMROK%20packaged%20Header.png);
        height: 229px;
        background-repeat: no-repeat;
        width: 960px;
    .headerKemrokVR {
        background-color: #000;
        background-image: url(_images/KEMROK%20VR%20packaged%20Header.png);
        height: 229px;
        background-repeat: no-repeat;
        width: 960px;
    .headerFirerok {
        background-color: #000;
        background-image: url(_images/FIREROK%20packaged%20Header.png);
        height: 229px;
        background-repeat: no-repeat;
        width: 960px;
    .headerAntiWear {
        background-color: #000;
        background-image: url(_images/anti_wear_pavemend_header.png);
        height: 229px;
        background-repeat: no-repeat;
        width: 960px;
    .headerTechSupport {
        background-color: #000;
        background-image: url(_images/FEBlurred.png);
        height: 229px;
        background-repeat: no-repeat;
        width: 960px;
    .headerResources {
        background-color: #000;
        background-image: url(_images/ResourceBanner.png);
        height: 229px;
        background-repeat: no-repeat;
        width: 960px;
    .header h1 {
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 20pt;
        font-style: normal;
        font-weight: bolder;
        color: #FFF;
        padding-top: 150px;
        padding-left: 30px;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
        float: right;
        width: 180px;
        margin-left: 0px;
        margin-right: 30px;
        clear: none;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 100%;
        font-style: italic;
        background-image: url(_images/Testimonialb.gif);
        background-repeat: no-repeat;
        height: 456px;
        text-decoration: none;
        z-index: 1000;
    .sidebarPurchase {
        float: right;
        width: 200px;
        margin-left: 0px;
        margin-right: 20px;
        clear: none;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 100%;
        font-style: italic;
        background-image: url(_images/purchaseSB.png);
        background-repeat: no-repeat;
        height: 420px;
        margin-top: 0px;
        text-decoration: none;
        background-color: #217CC0;
        background-position: 10px 10px;
    .sidebarleft {
        float: left;
        width: 195px;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 85%;
        font-style: oblique;
        height: 200px;
        text-decoration: none;
        padding-top: 8px;
        padding-left: 10px;
        margin-right: 5px;
        background-color: #217CC0;
        vertical-align: bottom;
        line-height: 30px;
        font-weight: bold;
        border-bottom-style: groove;
        border-bottom-width: 10px;
        margin-top: -4px;
    .sidebarleftlong {
        float: left;
        width: 195px;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-style: oblique;
        height: 280px;
        text-decoration: none;
        padding-top: 20px;
        margin-right: 5px;
        background-color: #217CC0;
        vertical-align: bottom;
        line-height: 17px;
        font-weight: bold;
        border-bottom-style: groove;
        border-bottom-width: 10px;
        margin-top: -4px;
        color: #FFF;
        font-size: 85%;
        text-align: left;
        padding-left: 10px;
    .sidebargreen {
        float: left;
        width: 195px;
        height: 410px;
        text-decoration: none;
        padding-top: 20px;
        margin-right: 5px;
        background-color: #8CC63F;
        border-bottom-style: groove;
        border-bottom-width: 10px;
        margin-top: -4px;
        padding-left: 10px;
    .nav2 {
        font-family: bebas-neue;
        font-style: normal;
        font-weight: 400;
        color: #FFF;
    .sidebarleft nav ul li a {
        text-decoration: none;
        color: #FFF;
    .sidebarleftlong nav ul li a {
        text-decoration: none;
        color: #FFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
    .content {
        width: 730px;
        float: left;
        background-image: none;
        background-repeat: no-repeat;
        background-position: left;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        padding: 10px 0;
        text-align: left;
        font-size: 100%;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
        padding: 0 15px 15px 40px;
        text-decoration: none;
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
        list-style: none; /* this removes the list marker */
        border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
        margin-bottom: 15px; /* this creates the space between the navigation on the content below */
        text-decoration: none;
    ul.nav li {
        border-bottom: 1px solid #666;
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
        padding: 5px 5px 5px 15px;
        display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
        width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
        text-decoration: none;
        background-color: #C6D580;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
        background-color: #DFEBF3;
        color: #FFF;
        text-decoration: none;
    /* ~~ The footer ~~ */
    .footer {
        padding: 10px 0;
        position: relative;/* this gives IE6 hasLayout to properly clear */
        clear: both;
        background-color: #000000;
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
        float: left;
        margin-left: 760px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
        float: left;
        margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    #apDiv1 {
        position: absolute;
        width: 900px;
        height: 94px;
        z-index: 1;
        margin-top: 80px;
        margin-left: 30px;
        white-space: 3;
        font-size: 100%;
        text-align: left;
    sllogo {
        background-image: url(_images/SLwhitelogo.png);
        background-repeat: no-repeat;
    .slLogo {
        background-image: url(_images/SLwhitelogo.png);
        background-repeat: no-repeat;
        height: 100px;
        width: 240px;
    .productlogos {
        margin-left: 23px;
        margin-top: 10px;
    .Bold {
        font-weight: bold;
    .inherent {
        font-style: inherit;
    sup {
        position: relative;
        top: -1ex;
        vertical-align:baseline;
        font-size: 75%;
    #apDiv2 {
        position: absolute;
        width: 650px;
        height: 31px;
        z-index: 2;
        background-repeat: no-repeat;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: 15px;
        margin-left: 15px;
        top: 369px;
        background-image: url(_images/homeheader.png);
    .footer table tr td {
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 75%;
        color: #FFF;
        height: 8px;
        width: 160px;
        margin-left: 10px;
        padding-left: 15px;
        border-collapse: collapse;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 5px;
    .footer p {
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 80%;
        color: #FFF;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: 30px;
    .footer table tr th h4 {
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 75%;
        color: #FFF;
        float: left;
        padding-left: 15px;
        height: 0px;
    .footer table tbody tr td a {
        color: #FFF;
    #wrapper {
         width:970px; /**adjust as needed**/
         margin:0 auto; /**centers page on screen**/              
    .flt_rgt {
        float: right;
        margin-top: 15px;
        margin-right: 30px;
        background-image: ;
        background-repeat: no-repeat;
    .title {
        /* [disabled]margin-right: 30px; */
        margin-top: 35px;
        margin-left: 10px;
        background-image: ;
        background-repeat: no-repeat;
        /* [disabled]margin-left: 20px; */
        top: 30px;
        /* [disabled]margin-top: 30px; */
        left: 30px;
    .flt_products {
        float: right;
        margin-right: 30px;
        background-image: ;
        background-repeat: no-repeat;
    .container section nav {
        background-image: url(_images/topnavpanel.png);
        background-repeat: no-repeat;
        height: 30px;
        width: 960px;
        padding-top: 3px;
    #apDiv3 {
        position: absolute;
        width: 468px;
        height: 41px;
        z-index: 2;
        background-image: url(_images/savetimetext.png);
        background-repeat: no-repeat;
        margin-left: 15px;
    #apDiv4 {
        position: absolute;
        width: 400px;
        height: 41px;
        z-index: 3;
        background-image: url(_images/ULTRAFLOR.png);
        background-repeat: no-repeat;
        margin-left: 10px;
        margin-top: 45px;
    #apDiv5 {
        position: absolute;
        width: 250px;
        height: 103px;
        z-index: 4;
        background-image: url(_images/HI%20RES%20PRODUCT%20FAMILY%20w%20IA.png);
        background-repeat: no-repeat;
        float: right;
        right: auto;
        margin-left: 675px;
        margin-top: -22px;
    #apDiv6 {
        position: absolute;
        width: 40px;
        height: 38px;
        z-index: 5;
        background-image: url(_images/PFT%20No%20Text%20No%20Flip.png);
        margin-top: -25px;
        margin-left: 83px;
    #apDiv7 {
        position: absolute;
        width: 20px;
        height: 17px;
        z-index: 5;
        background-image: url(_images/twitter-bird-dark-bgs.png);
        margin-top: -15px;
        margin-left: 85px;
    nav ul {
        list-style: none; /* this removes the list marker */
        border-top: 1px solid #666; /* this creates the space between the navigation on the content below */
        font-size: 90%;
    nav ul li {
        text-decoration: none;
        color: #FFF;
    nav ul a:link , nav ul a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
        padding: 5px 5px 5px 15px;
        display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
        width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
        text-decoration: none;
        text-align: left;
        color: #FFF;
    nav ul a:hover, nav ul a:active, nav ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
        color: #FFF;
        text-decoration: none;
    .orange {
        color: #FAA634;
    .white {
        color: #FFFFFF;
    .red {
        color: #F00;
    .red1 {
        color: #F00;
    .toppanel {
        background-image: url(_images/topnavpanel.png);
        background-repeat: no-repeat;
        height: 30px;
        width: 960px;
    #apDiv12 {
        position: fixed;
        width: 960px;
        height: 30px;
        z-index: 5;
        background-image: url(_images/topnavpanel.png);
        background-repeat: no-repeat;
        float: left;
        top: 229px;
    .white {
    .CeraTechLogo {
        background-image: url(_images/CTI_logo_white.png);
        background-repeat: no-repeat;
        width: 200px;
        height: 60px;
    .apDivPFT {
        background-repeat: no-repeat;
        padding-left: px;
        padding-top: 0px;
    #prochoicetype {
        background-image: url(_images/pro_choice_concrete_type.png);
        background-repeat: no-repeat;
        height: 25px;
        width: 521px;
        margin-left: 200px;
        margin-top: -40px;
    #resources {
        background-image: url(_images/ResourcesType.png);
        background-repeat: no-repeat;
        height: 25px;
        width: 521px;
        margin-left: 200px;
        margin-top: -40px;

  • 60D images not showing a thumbnail view in Bridge CS5..ideas?

    I am having trouble seeing images in raw format from a 60D Canon in Bridge CS5. I have an iMac using OS X 10.9.4..any ideas why I can only see the white file, but can see all images in raw from 5D, 7D, 40D...etc. No updates show up as available on my computer or on the Adobe site. I just can't figure it out!
    Thanks for your help.
    -Alli

    Make sure your ACR (Adobe camera Raw) plug-in is fully updated.  That camera model has been supported since Adobe Camera Raw 6.2.
    DO NOT rely on the Adobe auto updater to tell you that there are no updates available.  It's totally unreliable in CS5 and earlier versions.  The Adobe updater team overseas did not get their act together even halfway right until CS6.
    Go into the About Plugin > Camera Raw… menu item in Photoshop to see what version of ACR you have.  In CS5, ACR should be at version 6.7, more precisely at 6.7.1.
    If you are already updated to ACR 6.2 or higher, then go to the Tools menu in Bridge and Purge Cache for the offending folder(s).

  • Why do .asp pages not show in Design view

    I have been asked to take over a website
    built with .asp.  Originally the pages all showed perfectly and I was able to amend.  However, recently some pages will only open
    displaying code - not html but computer code.  This is a small excerpt from one of the pages.  I would so appreciate some help.  I use Dreamweaver 8.
    佄呃偙⁅瑨汭倠䉕䥌⁃ⴢ⼯㍗⽃䐯䑔堠呈䱍ㄠ〮吠慲獮瑩潩慮⽬䔯≎∠瑨灴⼺眯睷眮⸳牯⽧剔砯瑨汭⼱呄⽄桸浴ㅬ琭慲獮瑩潩慮⹬瑤≤ാ㰊瑨汭氠湡㵧攢≮砠汭獮∽瑨灴⼺眯睷眮⸳牯⽧㤱㤹砯瑨汭•浸㩬慬 杮∽湥㸢਍†格慥㹤਍††琼瑩敬吾敨倠楲牯⁹桃牵档漠⁦湅汧湡牐浩牡⁹捓潨汯›ഭ㰊ⴡ⌭湩汣摵⁥楦敬∽湩⽣慰敧瑟瑩敬椮据ⴢ㸭⼼楴汴㹥ℼⴭ⼠⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯
    Thank you if you can throw any light on this problem

    Hi,
    I qoute from Adobe Help page:
    If you plan to develop dynamic pages, Dreamweaver needs the services of a testing server to generate and display dynamic content while you work. ...here is the link:
    http://help.adobe.com/en_US/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-79e0a .html
    Hans-G.

  • Problem with Css styles not showing in live view or when i browse

    I am using Mac osx 10.6 and building website with Dreamweaver CS5.  Sometimes div tags i create not showing styles or rendering in live view or when I browse but  showing in design view. I looked in dreamwever faq and they talk about not showing in design view to toggle the display styles. That is not the problem becuase it is check marked and I tried turning off and turning on and made no difference.I am using firefox browser.
    It happened before the other day too. But all of my other pages in this site that i have created the same way building with div tags and css styles. So not sure what the problem is. Maybe someone has a suggestion here.
    Johanna

    <!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" />
    <title>Portfolio</title>
    <style type="text/css"></style>
    <link href="css/jbstyles.css" rel="stylesheet" type="text/css" />
    <style type="text/css"></style>
    </head>
    <body>
    <div id="wrapper">
      <div id="mainnav">
        <div id="navbar">
          <ul>
            <li><a href="index.html"><br />
            </a></li>
    <li>
              <ul>
                <li><a href="index.html">          Home</a><a href="about.html">About</a></li>
                <li><a href="portfolio.html">Portfolio</a><a href="contact.html">Contact</a></li>
              </ul>
            </li>
          </ul>
      </div>
        <div id="contentinside">
          <div id="navbar2">
            <ul>
              <li><a href="design.html">Design</a></li>
              <li><a href="multimedia.html">Multimedia</a></li>
              <li><a href="webdesign.html">Web Design</a></li>
            </ul>
          </div>
          <div id="mm1thumb">Content for  id "mm1thumb" Goes Here</div>
          <div id="mm2thumb">Content for  id "mm2thumb" Goes Here</div>
        </div>
        <img src="images/multimsidebar.gif" width="212" height="615" alt="mmsdbr" longdesc="http://multimsidebar" />
      <div id="footer">
        <p> </p>
        <p>Johanna Bresnahan</p>
        <p>Web &amp; Graphic Design - http://www.johannabresnahan.com</p>
        <p> email: [email protected] ....phone....857•991•5717<br />
      </p>
    </div>
    </div>
    <!--end wrapper--></div>
    </body>
    </html> 
    Here is the html code above. not sure how to attach my file so get a visual. This is the first time I have used this forum.
    Johanna

Maybe you are looking for

  • Password in my Yahoo Acct is incorrect. How do I change it.

    On my iPad (original) the password in my Yahoo Email Acct is incorrect. How do I know???  Here is the procedure I took:  Went to  "Settings" / "Mail,Contacts,Calendars" / "Yahoo Acct" / "Account".... Name/Address is correct. Password should have 7 do

  • Standard SAP Report - Payments blocked and released

    Hi Experts, We are having a requirement where the payment will be blocked for the invoices generated through Invoicing Plan. But we need a report " To know the status of payments blocked and released according to the invoicing plan". Do we have any s

  • CMYK output

    I LOVE Pages! I was able to throw together four high quality pages with fine graphics and style in little time at my customers site. They were impressed. Just my luck, once I posted the PDF files on my .Mac HomePage for the printing company to downlo

  • Top sessions from sql

    hi How can i get the top 5 or 2 users who consuming large physical and logical i/o s,like we getting the top sessions in OEM.I dont want to use OEM.Is it v$filestat and v$session? with regards ramya

  • Three state workflow not complete

    Hello, I'got some trouble with the OOB Three state workflow It's creating the first task, I change the status to completed and save, it create the second task , I do the same stuff but the workflow doesn't completed..  When I look to the task list I