Still a bit of a greenhorn as far as coding is concerned. How would I code a layout like this one? I'm shooting for that "centered" look, where the website is not the whole page and theres a background image. HTML or CSS? Or both? Any help would be appreciated.
You can make a table that has a set width and in the table tag put align="center". If you use DIV's and CSS you set the DIV to your width that would be the container. Then set margin-right: auto; margin-left: auto;.
Sorry, here you go. It's very simple but should point you in the right direction. <html> <body> <table width="750" align="center"> <tr> <td>hi</td> </tr> </table> </body> </html> Code (markup): <html> <body> <div id="container" style="width: 750px; margin-right: auto; margin-left: auto;"> <div id="content">hi</div> </div> </body> </html> Code (markup):
You could use the "body" tag's bgcolor attribute (an old dinosaur), but you don't want to do that, i.e. instead use CSS like this: <body style="background: url('http://somedomain.com/someimage.gif');"> Code (markup): /EDIT: Oh and if you want to check out my home-site (see the link in my sig); it's centered with "divs" exactly as you wish yours to be ... hope this helps, tayiper
Failing to specify the width is the most common mistake when centering blocks of stuff. The css should look like the following: margin-left: auto; margin-right: auto; width: 774px; That will work for div and other properties. Choose a width small enough to not create a horizontal scroll bar when viewing at 800 x 600. The width above, 774 pixels, works when there are no other properties squeezing things down. Sometimes a smaller number is needed.
i cant help with this one, sorry. but i just wanted to say, i like your site! especially the flash and the concept!