Orionsbelter Posted November 6, 2009 Share Posted November 6, 2009 Hi there am new to the whole coding of everything!, but would be very please if you could suggest how i can make a website layout, where you also have a left menu bar and a header on end page, such as www.poolpockets.co.uk. on each page there is the header and menu, however i don't want to use FRAMES. Thank you Quote Link to comment Share on other sites More sharing options...
lostprophetpunk Posted November 7, 2009 Share Posted November 7, 2009 Can I ask why this was moved to website critique? It's about the coding of websites... Here is a little template I came up with... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-type" content="text/html;charset=UTF-8" /> <title>Example</title> </head> <body> <div id='wrapper'> <div id='header'>Header goes here</div> <div id='rightside'>Main content here</div> <div id='leftside'>Navigation goes here</div> </div> </body> </html> html,body { padding: 0px; margin: 0px; } #wrapper { width: 960px; margin: 0 auto; } #header { width: 960px; height: 100px; background: #555555; } #leftside { width: 160px; height: 500px; background: #dddddd; float: left; } #rightside { width: 800px; height: 500px; float: right; background: #aaaaaa; } I have tested it and it does work. I did a simple example so that you could learn from it. Hope it helps. Quote Link to comment Share on other sites More sharing options...
Orionsbelter Posted November 7, 2009 Author Share Posted November 7, 2009 Thank you, and i have no i idea why they moved it maybe they haven't read it fully, they probs just saw a link and moved it thank you anywhere i'll look over it now Quote Link to comment Share on other sites More sharing options...
pixelMauler Posted November 11, 2009 Share Posted November 11, 2009 Google -> CSS two column layout Quote Link to comment Share on other sites More sharing options...
ILMV Posted November 11, 2009 Share Posted November 11, 2009 Oh me sweet Jesus! Did you just throw up a JavaScript alert box saying that I'm not using IE7 with XP??? Cannot seem to get it back now, but you should never... ever let the user worry about that! You need to ensure that your site works with all browsers, and gracefully degrades in those that don't support modern technolgies, like IE6 vs CSS3. My first and only recommendation is to sort your markup out, you've got: 1) Embedded CSS that is fragmented all around the place 2) Use CSS columns, not tables 3) Ensure it validates Quote Link to comment Share on other sites More sharing options...
isedeasy Posted November 11, 2009 Share Posted November 11, 2009 Oh me sweet Jesus! .... I don't think this is his site ;-) I completely agree with you though Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.