Summary:
This simple tutorial will give you the html code needed to make frames
with some handy scripts for breaking free from others frames.
Bookmark
This Page
How to make frames
How to get rid of
your frames border?
on your index.html
page replace this tag:
<frameset cols=160,*>
With this one:
<frameset cols=160,* border=0 frameborder=0 framespacing=0>
How to get rid of your frames scrollbar
On your index.html page, you need to add the "scrolling=no"
tag to the "frame src" tag that has the frame you don't want
to scroll, for example:
<frame src="left.html" name="leftside"
scrolling=no>
<frame src="right.html" name="rightside">
How to add links to my left or top frame
To have your links on the left side or top of your frame
link to a new page on the right side or bottom of your frame, you need
to add this tag either to your image or text link (substitute your own
information where you see red text):
<a href="newpage.html" target="rightside">text for your link</a>
Important: If you don't target the right frame or bottom
frame, your links will just open up in the same frame.
Don't let links get stuck in your frames
If you're going to
make a page with frames, it is advisable to add this tag to any link that
leaves your page. That way, if a visitor leaves your site through a link,
they won't be stuck in your frames.
<target="_blank">
For example, if you were linking to Hypergurl from your frames page you
would put this tag on your page:
<a href="http://www.hypergurl.com" target="_blank">
Frameset with top and left hand side
<html>
<head>
<title>Your Page</title>
</head>
<frameset cols="160,*">
<frame src="left.html" name="left">
<frameset rows="80,*">
<frame src="top.html" name="top">
<frame src="right.html" name="right">
</frameset>
</frameset>
<body>
</body>
<noframes>
<a href="your main page.html">Click Here</a>
</noframes>
</html>
|
|
Website
Design
|
Crop, sharpen, make pictures pop.
Picasa
helps you edit and add effects to your photos with a few
simple clicks.
It
is free
and takes seconds to install.
|
|