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

Currently Being Moderated

1. MurraySummers,

Aug 5, 2012 8:08 PM in reply to joe dora

Report

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

2. joe dora,

Aug 5, 2012 8:30 PM in reply to MurraySummers

Report

|

Mark as:

Currently Being Moderated

3. John Waller,

Aug 5, 2012 8:47 PM in reply to joe dora

Report

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

4. joe dora,

Aug 6, 2012 3:49 AM in reply to John Waller

Report

Above was already complted.

|

Mark as:

Currently Being Moderated

5. MurraySummers,

Aug 6, 2012 4:14 AM in reply to joe dora

Report

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

6. joe dora,

Aug 6, 2012 5:38 AM in reply to MurraySummers

Report

Top image is tutorial image.Note stacked items bottom left.

Bottom image. My dreamwaver image. No stacked items.

|

Mark as:

Currently Being Moderated

7. MurraySummers,

Aug 6, 2012 6:13 AM in reply to joe dora

Report

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

8. joe dora,

Aug 6, 2012 7:21 AM in reply to MurraySummers

Report

I think this may be what you want to look at.

Note that there is no address bar in this cs 6 document window. There is in the tutorial.

|

Mark as:

Currently Being Moderated

9. MurraySummers,

Aug 6, 2012 7:28 AM in reply to joe dora

Report

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

10. Jon Fritz II,

Aug 6, 2012 7:48 AM in reply to MurraySummers

Report

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

11. MurraySummers,

Aug 6, 2012 8:26 AM in reply to Jon Fritz II

Report

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

12. joe dora,

Aug 6, 2012 8:59 AM in reply to MurraySummers

Report

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

I copied and pasted the code.

I still would like an answer to my question. It must be simple because I am creating a lot of laughter.

<title>Check Magazine</title>

</head>

<body>

</div>

</body>

</html

|

Mark as:

Currently Being Moderated

13. Jon Fritz II,

Aug 6, 2012 9:03 AM in reply to joe dora

Report

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

14. joe dora,

Aug 6, 2012 9:37 AM in reply to Jon Fritz II

Report

But you see I still dont have those stacks..It is true I should show the image between the div. So I did insert the image and now I have 2.

ALSO i DID NOT INSERT THE MAIN IMAGE AND i HAVE ONE. i DID ALL THIS BEFORE BUT IT DIDN'T SHOW UP ON MY CODE. Look I am getting nervous I was typing in upper case. I still wonder if you professionals understand my question.

How do I make my css or whatever yiu call them show up in my design view like the tutorial. No one has addressed that question.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Check Magazine</title>

</head>

<body>

</div>

</body>

</html>

|

Mark as:

Currently Being Moderated

15. Jon Fritz II,

Aug 6, 2012 9:47 AM in reply to joe dora

Report

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

This code...

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

16. MurraySummers,

Aug 6, 2012 9:49 AM in reply to joe dora

Report

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

17. joe dora,

Aug 6, 2012 11:18 AM in reply to MurraySummers

Report

Murray:

You have shown me and demonstrate the correct way. Thank you for your patience and instructions. My site and the tutorial site now look the same. I feel a lot better about the experience the way you handled it at the end.

I will now move on to phase 3. I hope I don't have to bother you again.

Thank you again for your help.

Bye,

Joe Dora

That was super service.

|

Mark as:

Currently Being Moderated

18. MurraySummers,

Dreamweaver

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

Aug 5, 2012 7:41 PM

More Like This

Bookmarked By (0)

Answers + Points = Status