Forum: web design and graphics community

Celestial Star Forum > Web Development > Coding > iframes coding problem (celestal-star tutorial)

Pages: [1]

« previous next »

Author

Topic: iframes coding problem (celestal-star tutorial) (Read 1774 times)

clayaddict

Angeling

Posts: 5

iframes coding problem (celestal-star tutorial)

« on: February 11, 2006, 07:22:08 AM »

im stumped on the first step of coding in the iframes tutorial at celestial star.

Quote

Adding the iframe code

We'll remove the img thing there and place our iframe. This is what you have at first:

<TD><IMG SRC="images/index_number.jpg" WIDTH=x HEIGHT=y ALT=""></TD>

This is what you need to put:

<TD WIDTH="x" HEIGHT="y"><iframe src="main.html" name="frame" WIDTH="x" HEIGHT="y" frameborder="0"></iframe></TD>

this is my code (i havent made any changes)

Quote

<HTML>
<HEAD>
<TITLE>layout</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>
   <TR>
      <TD COLSPAN=5>
         <IMG SRC="images/index_01.gif" WIDTH=800 HEIGHT=101 ALT=""></TD>
   </TR>
   <TR>
      <TD ROWSPAN=3>
         <IMG SRC="images/index_02.gif" WIDTH=288 HEIGHT=439 ALT=""></TD>
      <TD COLSPAN=2>
         <IMG SRC="images/index_03.jpg" WIDTH=101 HEIGHT=313 ALT=""></TD>
      <TD ROWSPAN=2>
         <IMG SRC="images/index_04.gif" WIDTH=389 HEIGHT=426 ALT=""></TD>
      <TD ROWSPAN=3>
         <IMG SRC="images/index_05.gif" WIDTH=22 HEIGHT=439 ALT=""></TD>
   </TR>
   <TR>
      <TD ROWSPAN=2>
         <IMG SRC="images/index_06.gif" WIDTH=100 HEIGHT=126 ALT=""></TD>
      <TD>
         <IMG SRC="images/index_07.gif" WIDTH=1 HEIGHT=113 ALT=""></TD>
   </TR>
   <TR>
      <TD COLSPAN=2>
         <IMG SRC="images/index_08.gif" WIDTH=390 HEIGHT=13 ALT=""></TD>
   </TR>
</TABLE>

</BODY>
</HTML>

i dont know where to put the code in. do i get rid of the colspan? its so confusing, this is my first layout making attempt.

any help is appreciated :D


	Logged

Blackstone

Administrator
Valkyrie Randgris

Posts: 821

Oh look! People!

iframes coding problem (celestal-star tutorial)

« Reply #1 on: February 11, 2006, 02:45:06 PM »

You need to figure out the name of the image that you want to text to appear on, then find it in the code. Remove that image tag, along with the td tags surrounding it, then replace it with:

Code:

Replacing 'x' and 'y' each time it appears in that code with the width and height of the image you just removed. =)

That's what that step means...


	Logged

clayaddict

Angeling

Posts: 5

iframes coding problem (celestal-star tutorial)

« Reply #2 on: February 11, 2006, 11:34:34 PM »

thanks, but im still very confused.

Are you supposed to only change the first frame?

When you say remove the td tags surrounding it, does that include the colspan?


	Logged

Blackstone

Administrator
Valkyrie Randgris

Posts: 821

Oh look! People!

iframes coding problem (celestal-star tutorial)

« Reply #3 on: February 12, 2006, 12:45:13 AM »

Okay, here's something a bit simpler maybe. Find the image that you want the frame to be over. Remove ONLY the image tag, but remember the height and width of the image.

Add on a height and width attribute to the td tag that was surrounding the image tag, making the attributes to match the height and width to match that of the image.

Now take this code:

Code:

Replace x with your image's width, and y with your image's height, then place the code in the td tags, right where your image tag used to be.

Does that make more sense?


	Logged

clayaddict

Angeling

Posts: 5

iframes coding problem (celestal-star tutorial)

« Reply #4 on: February 14, 2006, 06:58:46 PM »

sorry my head just feels like a ball of cotton. i dont get the colspan part, what is colspan? do i get rid of it? ok could just you show me what you do:

this has the correct image link and dimensions:

Quote

<TD COLSPAN=5>
IMG SRC="images/index_01.gif" WIDTH=800 HEIGHT=101
ALT=""></TD>

how do you change that ^

thanks :P


	Logged

Blackstone

Administrator
Valkyrie Randgris

Posts: 821

Oh look! People!

iframes coding problem (celestal-star tutorial)

« Reply #5 on: February 14, 2006, 11:40:46 PM »

Okay, if that is the one you use, you take it from this:

<TD COLSPAN=5>
IMG SRC="images/index_01.gif" WIDTH=800 HEIGHT=101
ALT=""></TD>

To this:

<TD COLSPAN=5> <iframe src="main.html" name="frame" WIDTH="800" HEIGHT="101" frameborder="0"></iframe></TD>

That's what you need to have instead of the original one. ^^ The colspan has to stay there =)


	Logged

clayaddict

Angeling

Posts: 5

iframes coding problem (celestal-star tutorial)

« Reply #6 on: February 17, 2006, 12:06:50 AM »

yay! it works! :P

im nearly there...i uploaded the index.html and main.html on geocities....but...on the index page...all of it is there except the iframe...why's that?


	Logged

Blackstone

Administrator
Valkyrie Randgris

Posts: 821

Oh look! People!

iframes coding problem (celestal-star tutorial)

« Reply #7 on: February 17, 2006, 12:08:59 AM »

Could I see the webpage? It'll be easier for me to see if there is a problem that way. =)


	Logged

fedekiller

Shelter

Posts: 204

iframes coding problem (celestal-star tutorial)

« Reply #8 on: February 17, 2006, 12:13:28 AM »

check the src="main.html" or watever.htm :P


	Logged

clayaddict

Angeling

Posts: 5

iframes coding problem (celestal-star tutorial)

« Reply #9 on: March 18, 2006, 06:56:09 AM »

hey
sorry for the late reply... been through a family tragedy...dad passed away... :cry:

this is my main.htm

Quote

<html>
<head>
<title>title</title>
<style>
body { background-attachment: fixed; }
</style>
</head>

<body background="images/index_04.gif">
Write all your content here