Using CSS to Style an Unordered List

They have: 2 posts

Joined: Mar 2007

I've got an unordered list which I am trying to turn into a navigation menu. As I build-up the CSS, changes can be immediately seen in the Dreamweaver document. However, when I preview in browser I just see the unordered list and no CSS styling. My unordered list is in a containing .

What am I missing? I do not really understand 'attaching' or 'importing' a CSS, or how the CSS works in 'this document only' or the whole site.

Thanks.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Do you have a link you can show us? It's hard to solve problems when we can't see what's happening Smiling

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

Is the CSS in a seperate file? If so, it may be that you just aren't uploading the CSS file to the test server.

When you attempt to preview a file, Dreamweaver will upload it to your test server, assuming you have one set. It will also pop open a dialogue asking you if you want to upload related files. Just make sure you click yes, and the CSS file will also be uploaded.

If, for some reason, that dialogue does not appear, it may be that you checked the box on it that said not to show the dialogue again. In that case, you'll just need to manually upload the CSS file to the test server yourself.

They have: 2 posts

Joined: Mar 2007

Point taken Megan. I've never uploaded to a test server, so can't give you anything to see.

I think I'm missing something basic with CSS, so I plan to do a few simple tutorials rather than struggle with this advanced design.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Do you not have any web space yet? You could just save it as a test file and upload it somewhere - anywhere is fine, as long as we can see a link.

But you're right - it's probably best to get the basics down before attempting anything this complex. You should really know how to write CSS by hand and have a better understanding of how it works.

Edit: you could also just copy and paste the contents of the HTML file here.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.