Jump to content

Help on page layout


kevmeister

Recommended Posts

Hello there,I only started learning HTML from this site a couple of days ago. Someone has asked me to do a site for them. Ususally I would use Dreamweaver or Adobe Go Live, and design it visually using layers etc and generally going about it the wrong way. So I wanted to get the basic layout done in HTML this time, then keep it really simple.The layout of this page is like this:

<html>   <frameset rows="65%,5%,30%">	<frame src="http://www.google.co.uk/">	<frame src="http://www.google.co.uk/">	<frame src="http://www.google.co.uk/">    </frameset></html>

Thats how I want it but I don't want it the frames to the edge of the screen. I want a plain grey border all around the edge say about an inch thick.So i've been thinking, do I need to just tell the frame set to start further into the page (ie with coordinates). Or do I need to create a frame set within a master frame in order to centre it etc.?Thanks for any help, sorry if it's too easy, have only been learning the code for a couple of days. Thanks, Kev.

Link to comment
Share on other sites

Before I tell you the answer I have to say this is the ugliest hack I have ever done...and I hate frames to begin with :).index.html

<html><head><style>html,body{background:GRAY;margin:5px;}</style></head><body><iframe src="frameset.html" style="width:100%;height:100%" frameborder="0"></iframe></body></html>

frameset.html

<html><head><style>frame{border-bottom:1px solid GRAY}</style></head>  <frameset rows="65%,5%,30%"><frame src="http://www.google.co.uk/" frameborder="0"><frame src="http://www.google.co.uk/" frameborder="0"><frame src="http://www.google.co.uk/" frameborder="0">   </frameset></html>

There you go. You can play with the margins and borders until they are the thickness you want.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...