I made the site using Photoshop, then slicing it for web, then exporting it to dreamweaver. Then all i did was delete the area which needed content and put his content in there. problem with making it this way was it took a lot of time as every page had to be made individually in photoshop first, then sliced and put into dreamweaver. Another problem with this is if too much content is in the area, it breaks the page. (as basically its all images in a table)
I’ve said to my friend that i’ll re-make his website in CSS from scratch, meaning it will dynamically stretch to fit the content in, and will use one template that i can then just put a different picture in the left side, and different writing in the right. (saving a lot of time for me also) Problem is i’m a CSS noob and haven’t used it before, photoshop and dreamweaver made all of that automatically.
I was just wondering if anyone could help me in telling me how to make it in CSS? i know for starters i’ll need a fixed border for the red border, but when using chris’s example on this site the border went to the edge of the browser, not fixed in the middle. (or around the content) i shall not be making the menu system again, instead i’ll be putting the links for each section underneath, and fade the menu button clicked.
After the border i should be fine following chris’ video tutorials.
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
START YOUR CONTENT HERE
Now something to keep in mind is that a div is like an empty box. If you provide a background-image for the div but don’t provide a width and height for the div, You won’t see the image. If you run into problems. Just come back and ask more questions.