First of all, if you're working with frames, you need to know that you need one page for each frame you use, PLUS a page to 'host' those frames. These codes go alone on the 'host' page.
For Iframes, you need one page for the Iframe, and one page to 'host' the Iframe.
Basic 2 Column Frames
<FRAMESET COLS="20%,80%">
<FRAME SRC="http://WWW" name=menu>
<FRAME SRC="http://WWW" name=main>
</FRAMESET>
The percentages control the size of your frames.
The name of your frame is what you will use to 'target' your links so they open in the proper frame. More on Targetting.
Rows and Columns
<FRAMESET COLS="50%,50%">
<FRAMESET ROWS="100%">
<FRAME SRC="http://WWW" name=main>
</FRAMESET>
<FRAMESET ROWS="33%,33%,33%">
<FRAME SRC="http://WWW" name=row1>
<FRAME SRC="http://WWW" name=row2>
<FRAME SRC="http://WWW" name=row3>
</FRAMESET>
</FRAMESET>
This will set up two columns of equal width. The first column will be half of your screen, making it your 'main' frame. The second column will be split into three equal rows.
Frame Borders
<FRAME SRC="http://WWW" name=frame style="border: #px solid COLOUR">
No Resizing Frames
<FRAME SRC="http://WWW" name=frame noresize>
No Scrollbars
<FRAME SRC="http://WWW" name=frame scrolling=no>
Basic Iframe
<iframe FRAMEBORDER="#" width=# height=# src="http://WWW" name=iframe></iframe>
The name is what you will use to 'target' your links so they open in the Iframe. More on Targetting.
Iframe Borders
<IFRAME width=# height=# name=iframe style="border:# solid COLOR"></IFRAME>
Transperant Iframes
<iframe FRAMEBORDER="0" width=# height=#
src="http://WWW" name=iframe allowTransparency></iframe>
With this code, you must put the following on every page that will open in the Iframe:
<style type="text/css">
BODY {background:none transparent;color:000000}
</style>
|
|
