Just as my title suggests, I am trying to figure out how to change the layout of a page that 's already been created by me. While playing around with this page a while back, something got messed up and now the layout is misconfigured. For example, a side bar that was located on the right, is now on the left. A video that I put beside the sidebar in the middle of the page is now at the bottom right. So anyway, it's been changed, and I need to figure out how to put it back.
thank you in advance for help!
Answers are contained in your HTML & CSS code.
Did you save a copy of your initial CSS Layout to revert back to?
Are you working with Valid Code?
Code Validation Tools
------------------------------------
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Can you provide the URL to your web page?
Nancy O.
Sure. It's a work in progress, though. So don't expect too much. http://www.mjsnc.org/INDEX2.html
It's not published yet. Thanks for looking at it for me.
Among other things, Main Layout.css does not appear to contain any CSS code.
You have 35 code errors in your HTML
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.mjsnc.org %2FINDEX2.html
2 CSS errors
Try resolving those errors first. Then we can examine your layout.
Nancy O.
Start over. And learn all you can about HTML & CSS. There are no buttons to fix coding mistakes. DW is simply a tool. It's only as good as the person using it.
HTML & CSS Tutorials - http://w3schools.com/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
Code Validation Tools
------------------------------------
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.
There are also tons of tutorials on tv.adobe, Lynda.com and I did one for total training on Dreamweaver CS5, and one for the tv.adobe team on the EDU channel. There are plenty of places to learn. It isn't bad you didn't have a success first time out, you now know where to start at least. We all started as n00bs at one point. Don't hesitate to reach out.
Just some tips. CSS controls all the divs, and the basic look and feel of your content. The code itself will look simple, but the CSS drives everything else. For a glimpse into the power, take a look at an old side called http://csszengarden.com. Click on the links on the side. It is the same CSS, and the same HTML, but each person's interpertation of what the page should look like. Also, make sure you have the developer tools for your favorite browser, and then take some websites, and turn on and off the CSS for the pages. It will be eye opening. Tables shouldn't be used for lay out, because you can't reposition them like you can containers like divs, or other elements in your html. Imagine a 1000 page website, and you want to change the header image throughout. As long as it is a background image, you make the change to 1 place in your CSS and it is changed everywhere. Or text, or if a div is right or left float. I could go on and on.
Anyway, there are also plenty of templates to help you gain that knowledge also. Tons of good stuff to learn out there.
http://www.styleshout.com/css-resources.php
http://www.cssburst.com/ for inspiration
and my favorite, http://css-tricks.com/
Good.
Put your CSS code into an external style sheet -- File > New > CSS page.
SaveAs styles.css
Link your HTML pages to your style sheet like so:
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
Nancy O.
North America
Europe, Middle East and Africa
Asia Pacific