xboxscene.org forums

Author Topic: Adding Frames To My Web Page  (Read 58 times)

*G*

  • Archived User
  • Jr. Member
  • *
  • Posts: 54
Adding Frames To My Web Page
« on: April 20, 2004, 06:41:00 PM »
I created a web site using photoshop cs.....problem is I want frames in certain parts of the site. I created slices with ps but I can't seem to figure out how to the frames in the sections I want without messing up the site layout. I've located the area to modify in the .html file, but so far everything I've tried just messes the page up. Here's the frame code I was trying to use....

<iframe src="home.html" name="iframe" width="xx" height="xx" frameborder="0"></iframe>

How can I put this in something like this......

<tr>
<td colspan="4" rowspan="2">
<img src="images/Radical-Design_05.gif" width="303" height="13" alt=""></td>
<td rowspan="15">
<img src="images/Content-Box.gif" width="237" height="288" alt=""></td>
<td rowspan="16">
<img src="images/Radical-Design_07.gif" width="29" height="383" alt=""></td>
<td rowspan="15">
<img src="images/Shout-Box.gif" width="141" height="288" alt=""></td>
<td rowspan="16">
<img src="images/Radical-Design_09.gif" width="20" height="383" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>

One frame section for the content box and one for the shout box...Would appreciate any help, cause I'm totally clueless right now.
Logged

XeroKitsune

  • Archived User
  • Hero Member
  • *
  • Posts: 700
Adding Frames To My Web Page
« Reply #1 on: April 21, 2004, 05:45:00 AM »
QUOTE (sample-index.html)

<frameset framespacing="0" border="false" frameborder="0" cols="*,163">
  <frame name="Content-Box" target="main" src="Content-Box.html" scrolling="auto">
  <frame name="Shout-Box" scrolling="auto" src="Shout-Box.html">
  <noframes>
  <body>
This page requires a frame complient browser to be displayed.
   </body>
  </noframes>
</frameset>
</html>

Now you would need to have seprate html pages for each of the items. One for the shout-box and one for the content-box.

When setting html links for the frames you must rember to target them, so in the anchor tag TARGET="frame-name" needs to be placed in.

As you can tell, the end users experance will depend on thier screen resoluton since the browser window will place scroll bars for each frame independantly.
Recomended reading Netscape FRAMES: AN INTRODUCTION
Logged