Alright I'm pretty new to html and need to know how to make it so my page will fit on all resolutions, now it's up on a temp domain, http://jakef.hostoi.com/
But here is the code
HTML Code:<!doctype html> <html> <head> <link rel="stylesheet" type="text/css" href="main.css"/> </head> <body> <div id="menu"> </div> <div id="header"> <img src="header.jpg"/> </div> <div id="store"> <a href="http://www.ganoretail.us/"><img src="store.jpg"/> </a> </div> <div id="join"> <a href="https://www.myganocafe.com/mywebsite/sites/jakscafe/country.asp"><img src="join.jpg"/> </a> </div> <div id="facts"> <img src="facts.png"/> </div> <div id="info"> <img src="info.png"/> </div> <div id="little"> <img src="little.jpg"/> </div> <div id="video"> <iframe width="500" height="350" src="http://www.youtube.com/embed/baFU7VrLBes" frameborder="0" allowfullscreen></iframe> </div> </body> </html>Code:body { background-image:url(wood.jpg); overflow: scroll; height:1200px; width:0; } #menu { background: white; height: 1090px; width: 1050px; position:absolute; top:50px; right:200px; border:3px black solid } #header { height: 200px; position:absolute; top:73px; right:225px; border:3px black solid } #store { position:absolute; top:350px; left:200px; } #join { position:absolute; top:350px; right:220px; } #facts { position:absolute; top:500px; right:220px; border:3px solid black; } #info { position:absolute; top:885px; left:245px; border:3px solid black; } #little { position:absolute; top:1050px; left:425px; border:3px solid black; } #video { position:absolute; top:500px; left:225px; }
Reply With Quote
Bookmarks