Skip navigation
Currently Being Moderated

cs6 win7 css statements do not appear in design view. They work okay but cant monitor them.

Aug 5, 2012 7:41 PM

dreamweavercs6 win7 css statements do not appear in design view.

Tutorial shows css statements stacked up . They work okay but I cant monitor them as stated and shown in the dreamwaver tutorial. The tutorial is dreamweaver 5. I have tried all the views but cant get them to show. I do see the dotted bar where they should be. It may be a feature I do not know how to control.

 

Message was edited by: joe dora

 
Replies
  • Currently Being Moderated
    Aug 5, 2012 8:08 PM   in reply to joe dora

    CSS has no design view.  CSS styles HTML and it's the styled HTML that appears in Design view.

     

    Point me to the section in the DWCS5 tutorial that implies otherwise, please.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 5, 2012 8:47 PM   in reply to joe dora

    In Dreamweaver, ensure that View > Style Rendering > Display Styles checked and that the stylesheet has been attached to the index.html page.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 4:14 AM   in reply to joe dora

    I'm confused.  What does your last post mean?  And the Design view image that you show in the post before that suggests that you have no CSS styling for that HTML. 

     

    Why not just show us your HTML to start, please?

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 6:13 AM   in reply to joe dora

    The CSS that you show is using ID selectors.  To be expressed, the HTML you have should also be identified with the correct ID values.  Can we see your HTML?

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 7:28 AM   in reply to joe dora

    When someone asks to see your code, the best way to show that (short of actually posting a link to the live page) would be to copy and paste the code into a reply rather than using an image.

     

    Do you see the correct layout in browser preview?

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 7:48 AM   in reply to MurraySummers

    Ah, those aren't actual CSS statements, they are simply HTML text meant to show you where the content goes in those particular <div> tags in design view.

     

    You can type them in if you like to have the same stack look.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 8:26 AM   in reply to Jon Fritz II

    HAHAHA - those divs are empty in the HTML.  That's why you don't see them in Design view.  D'oh....

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 9:03 AM   in reply to joe dora

    Type the text you see into the empty boxes in Design View or between the >< of the div tags in Code View, that's it.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 9:47 AM   in reply to joe dora

    I dislike being yelled at, but I understand frustration, so here goes...

     

    This code...

     

      <div id="main_image"></div>

      <div id="left_column"></div>

      <div id="center_column"></div>

      <div id=" right_column"></div>

     

    Still has no text in it. In order to have the display you are seeing, you will first need to add the text you see in the tutorial to the <div> tags as I explained above. You will NEVER see your CSS explained for you in the Design View of DW. That's not the way it works. Forget you ever heard the acronym CSS until you add the HTML text where it belongs between those <div> tags.

     

    Then if your display is still wrong, we can try to help you.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 9:49 AM   in reply to joe dora

    OK - I'll speak slowly so you can follow easily!

     

    1.  Change this code (do this in Code view) - <div id="left_column"></div> - to this - <div id="left_column">Left Column</div>

    2.  Then change this - <div id="center_column"></div> - to this - <div id="center_column">Center column</div>

    3.  Rinse, lather and repeat!

     

    Now you'll see what you expected to see.

     

    Your image is present because you specified that in the CSS.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 12:08 PM   in reply to joe dora

    Good luck, Joe.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points