phpwiz Posted August 25, 2009 Share Posted August 25, 2009 Ok, i am trying to make a layout and it isnt working, i have tried MANY diffrent ways of trying to do this and when i tried to do it it looks like this: screenshot here but i want it to look something like this site: link here! and here is the code: <html> <head> <title>Website</title> <style type='text/css'> body { background: #333333; } #container { width: 905px; <!-- border-style: solid; border-width: 1px; border-color: white; --> } .banner { background-image: url('images/banner.png'); width: 900px; height: 132px; } .cen { background-image: url('images/Comment_top.png'); width: 494px; height: 18px; text-align: center; color: #000000; font-family: arial; font-size: 13px; } .Nav_L { background-image: url('images/N_head.png'); width: 200px; height: 17px; text-align: center; color: #000000; font-family: arial; font-size: 13px; float: left; } .Nav_R { background-image: url('images/N_head.png'); width: 200px; height: 17px; text-align: center; color: #000000; font-family: arial; font-size: 14px; float: right; } .nav { text-align: center; background-image: url('images/Nav.png'); text-decoration: none; font-family: verdana; height: 18px; width: 200px; font-size: 10px; display: block; } </style> <head> <body> <!-- start and center container --> <div align='center'> <div id='container'> <!-- start banner --> <center> <div class='banner'></div> </center> <!-- End banner --> <!-- start table --> <table valign='top'> <!-- start Left nav --> <div align='left'> <div class='Nav_L'>General</div><br> <div class='nav'>test</div> </div> <!-- End Left Nav --> <!-- start right nav --> <div class='Nav_R'>Statistics</div> <!-- End Left Nav --> <!-- Start middle --> <center> <div class='cen'>.::Welcome::.</div> </center> <!-- End middle --> </table> </div> </div> <!-- End center and container --> </body> </html> please can someone help me fix this problem. i kinda need it done asap Quote Link to comment Share on other sites More sharing options...
haku Posted August 25, 2009 Share Posted August 25, 2009 The two links were completely different. Quote Link to comment Share on other sites More sharing options...
phpwiz Posted August 25, 2009 Author Share Posted August 25, 2009 The two links were completely different. the one i am working on is the screenshot i want it to somewhat look like the site i showed you, like the same style, can you help me with that o.o? Quote Link to comment Share on other sites More sharing options...
haku Posted August 25, 2009 Share Posted August 25, 2009 They are completely different. One is a big almost square, and the other is a long rectangle with buttons underneath. And the big square isn't even a site, it's just an image. Quote Link to comment Share on other sites More sharing options...
phpwiz Posted August 25, 2009 Author Share Posted August 25, 2009 They are completely different. One is a big almost square, and the other is a long rectangle with buttons underneath. And the big square isn't even a site, it's just an image. dude are you blind? i was showing a screenshot of what the code i posted makes the other site is here obviously you can't help me :/ Quote Link to comment Share on other sites More sharing options...
lostprophetpunk Posted August 25, 2009 Share Posted August 25, 2009 dude are you blind? i was showing a screenshot of what the code i posted makes the other site is here obviously you can't help me :/ But you forgot to mention the fact that you have to click the image to enter the actual website... Anyway... #wrapper { width: 900px; margin: auto; } #header { width: 900px; height: 100px; } #left { width: 200px; float: left; } #right { width: 200px; float: right; } #middle { width: 500px; margin: auto; } #footer { clear: both; width: 900px; height: 20px; } <div id='wrapper'> <div id='header'></div> <div id='left'>left</div> <div id='right'>right</div> <div id='middle'>middle</div> <div id='footer'></div> </div> I have created a basic layout for you there. It's a three column layout with a header and footer...enjoy. Quote Link to comment Share on other sites More sharing options...
haku Posted August 25, 2009 Share Posted August 25, 2009 But you forgot to mention the fact that you have to click the image to enter the actual website... That he did - then he got all hissy on me even though he left out the info. Which says two things: 1) Splash pages suck 2) The help you get is directly proportional to the information you give. 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.