xboxscene.org forums

Off Topic Forums => Other Platforms => Personal Computer (PC, MAC, etc) General Talk => Topic started by: *G* on April 20, 2004, 06:41:00 PM

Title: Adding Frames To My Web Page
Post by: *G* 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.
Title: Adding Frames To My Web Page
Post by: XeroKitsune 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