Banner

Sponsor

Login

Welcome Back!
Guest
Guest

Register

Lost your password?

53 users online

Iframe Help!

Iframe Help!

Forums » Web Development » Client Side - HTML/Javascript/etc. » Iframe Help!

Currently viewing this thread: 1 (0 members and 1 guests)

#1
Old Post February 3rd, 2004 09:55 AM
eskiehax

eskiehax

Neverside Newbie
Status: Offline!

Iframe Help!

I made a site in photoshop , sliced it etc , saved it as HTML , now i want to put an iframe in the centre of the page for my site content etc ,

my current HTML is minus the Iframe code
HTML WITHOUT IFRAME CODE

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>
<!-- ImageReady Slices (layout.psd) -->
<div align="center">
<center>
<TABLE WIDTH=640 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/index_01.gif" WIDTH=125 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_02.gif" WIDTH=42 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_03.gif" WIDTH=63 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_04.gif" WIDTH=63 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_05.gif" WIDTH=63 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_06.gif" WIDTH=56 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_07.gif" WIDTH=69 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_08.gif" WIDTH=11 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_09.gif" WIDTH=1 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_10.gif" WIDTH=42 HEIGHT=130 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/index_11.jpg" WIDTH=105 HEIGHT=130 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/index_12.gif" WIDTH=125 HEIGHT=36 ALT=""></TD>
<TD>
<IMG SRC="images/index_13.gif" WIDTH=42 HEIGHT=36 ALT=""></TD>
<TD>
<IMG SRC="images/index_14.gif" WIDTH=63 HEIGHT=36 ALT=""></TD>
<TD>
<IMG SRC="images/index_15.gif" WIDTH=63 HEIGHT=36 ALT=""></TD>
<TD>
<IMG SRC="images/index_16.gif" WIDTH=63 HEIGHT=36 ALT=""></TD>
<TD>
<IMG SRC="images/index_17.gif" WIDTH=56 HEIGHT=36 ALT=""></TD>
<TD>
<IMG SRC="images/index_18.gif" WIDTH=69 HEIGHT=36 ALT=""></TD>
<TD>
<IMG SRC="images/index_19.gif" WIDTH=11 HEIGHT=36 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/index_20.gif" WIDTH=43 HEIGHT=36 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/index_21.gif" WIDTH=105 HEIGHT=36 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=4>
<IMG SRC="images/index_22.gif" WIDTH=119 HEIGHT=314 ALT=""></TD>
<TD>
<IMG SRC="images/index_23.gif" WIDTH=6 HEIGHT=62 ALT=""></TD>
<TD>
<IMG SRC="images/index_24.gif" WIDTH=42 HEIGHT=62 ALT=""></TD>
<TD>
<IMG SRC="images/index_25.gif" WIDTH=63 HEIGHT=62 ALT=""></TD>
<TD>
<IMG SRC="images/index_26.gif" WIDTH=63 HEIGHT=62 ALT=""></TD>
<TD>
<IMG SRC="images/index_27.gif" WIDTH=63 HEIGHT=62 ALT=""></TD>
<TD>
<IMG SRC="images/index_28.gif" WIDTH=56 HEIGHT=62 ALT=""></TD>
<TD>
<IMG SRC="images/index_29.gif" WIDTH=69 HEIGHT=62 ALT=""></TD>
<TD>
<IMG SRC="images/index_30.gif" WIDTH=11 HEIGHT=62 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/index_31.gif" WIDTH=43 HEIGHT=62 ALT=""></TD>
<TD>
<IMG SRC="images/index_32.gif" WIDTH=11 HEIGHT=62 ALT=""></TD>
<TD ROWSPAN=4>
<IMG SRC="images/index_33.gif" WIDTH=94 HEIGHT=314 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=11>
<IMG SRC="images/index_34.gif" WIDTH=427 HEIGHT=191 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/index_35.gif" WIDTH=6 HEIGHT=52 ALT=""></TD>
<TD>
<IMG SRC="images/index_36.gif" WIDTH=42 HEIGHT=52 ALT=""></TD>
<TD>
<IMG SRC="images/index_37.gif" WIDTH=63 HEIGHT=52 ALT=""></TD>
<TD>
<IMG SRC="images/index_38.gif" WIDTH=63 HEIGHT=52 ALT=""></TD>
<TD>
<IMG SRC="images/index_39.gif" WIDTH=63 HEIGHT=52 ALT=""></TD>
<TD>
<IMG SRC="images/index_40.gif" WIDTH=56 HEIGHT=52 ALT=""></TD>
<TD>
<IMG SRC="images/index_41.gif" WIDTH=69 HEIGHT=52 ALT=""></TD>
<TD>
<IMG SRC="images/index_42.gif" WIDTH=11 HEIGHT=52 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/index_43.gif" WIDTH=43 HEIGHT=52 ALT=""></TD>
<TD>
<IMG SRC="images/index_44.gif" WIDTH=11 HEIGHT=52 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=11>
<IMG SRC="images/index_45.gif" WIDTH=427 HEIGHT=9 ALT=""></TD>
</TR>
</TABLE>
</center>
</div>
<!-- End ImageReady Slices -->
</BODY>
</HTML>

Now when i add the iframe code for some strange reason from where it says "content" on my layout u can see the iframe but everything else underneath diss-apears?

CODE WITH IFRAME

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>
<!-- ImageReady Slices (layout.psd) -->
<div align="center">
<center>
<TABLE WIDTH=640 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/index_01.gif" WIDTH=125 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_02.gif" WIDTH=42 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_03.gif" WIDTH=63 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_04.gif" WIDTH=63 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_05.gif" WIDTH=63 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_06.gif" WIDTH=56 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_07.gif" WIDTH=69 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_08.gif" WIDTH=11 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_09.gif" WIDTH=1 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/index_10.gif" WIDTH=42 HEIGHT=130 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/index_11.jpg" WIDTH=105 HEIGHT=130 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/index_12.gif" WIDTH=125 HEIGHT=36 ALT=""></TD>
<TD>
<IMG SRC="images/index_13.gif" WIDTH=42 HEIGHT=36 ALT=""></TD>
<TD>
<IMG SRC="images/index_14.gif" WIDTH=63 HEIGHT=36 ALT=""></TD>
<TD>
<IMG SRC="images/index_15.gif" WIDTH=63 HEIGHT=36 ALT=""></TD>
<TD>
<IMG SRC="images/index_16.gif" WIDTH=63 HEIGHT=36 ALT=""></TD>
<TD>
<IMG SRC="images/index_17.gif" WIDTH=56 HEIGHT=36 ALT=""></TD>
<TD>
<IMG SRC="images/index_18.gif" WIDTH=69 HEIGHT=36 ALT=""></TD>
<TD>
<IMG SRC="images/index_19.gif" WIDTH=11 HEIGHT=36 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/index_20.gif" WIDTH=43 HEIGHT=36 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/index_21.gif" WIDTH=105 HEIGHT=36 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=4>
<IMG SRC="images/index_22.gif" WIDTH=119 HEIGHT=314 ALT=""></TD>
<TD>
<IMG SRC="images/index_23.gif" WIDTH=6 HEIGHT=62 ALT=""></TD>
<TD>
<IMG SRC="images/index_24.gif" WIDTH=42 HEIGHT=62 ALT=""></TD>
<TD>
<IMG SRC="images/index_25.gif" WIDTH=63 HEIGHT=62 ALT=""></TD>
<TD>
<IMG SRC="images/index_26.gif" WIDTH=63 HEIGHT=62 ALT=""></TD>
<TD>
<IMG SRC="images/index_27.gif" WIDTH=63 HEIGHT=62 ALT=""></TD>
<TD>
<IMG SRC="images/index_28.gif" WIDTH=56 HEIGHT=62 ALT=""></TD>
<TD>
<IMG SRC="images/index_29.gif" WIDTH=69 HEIGHT=62 ALT=""></TD>
<TD>
<IMG SRC="images/index_30.gif" WIDTH=11 HEIGHT=62 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/index_31.gif" WIDTH=43 HEIGHT=62 ALT=""></TD>
<TD>
<IMG SRC="images/index_32.gif" WIDTH=11 HEIGHT=62 ALT=""></TD>
<TD ROWSPAN=4>
<IMG SRC="images/index_33.gif" WIDTH=94 HEIGHT=314 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=11>
<iframe width="100%" height="100%" src="news.htm" scrolling="auto" frameborder="0" marginheight="0" marginwidth="0" name="content"></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/index_35.gif" WIDTH=6 HEIGHT=52 ALT=""></TD>
<TD>
<IMG SRC="images/index_36.gif" WIDTH=42 HEIGHT=52 ALT=""></TD>
<TD>
<IMG SRC="images/index_37.gif" WIDTH=63 HEIGHT=52 ALT=""></TD>
<TD>
<IMG SRC="images/index_38.gif" WIDTH=63 HEIGHT=52 ALT=""></TD>
<TD>
<IMG SRC="images/index_39.gif" WIDTH=63 HEIGHT=52 ALT=""></TD>
<TD>
<IMG SRC="images/index_40.gif" WIDTH=56 HEIGHT=52 ALT=""></TD>
<TD>
<IMG SRC="images/index_41.gif" WIDTH=69 HEIGHT=52 ALT=""></TD>
<TD>
<IMG SRC="images/index_42.gif" WIDTH=11 HEIGHT=52 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/index_43.gif" WIDTH=43 HEIGHT=52 ALT=""></TD>
<TD>
<IMG SRC="images/index_44.gif" WIDTH=11 HEIGHT=52 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=11>
<IMG SRC="images/index_45.gif" WIDTH=427 HEIGHT=9 ALT=""></TD>
</TR>
</TABLE>
</center>
</div>
<!-- End ImageReady Slices -->
</BODY>
</HTML>

Any ideas or could some one correct me on the iframe code please? Thanks

___________________

:: Feed The EsK!e Inside ::

#2
Old Post February 3rd, 2004 10:32 AM
Sykil

Sykil

Neversidian
Status: Offline!

You should probably put the iframe on a new div layer and position it where you want it.

Something like...

Code:


<div style="postition: absolute; top: #; left: #;">

<iframe width="#" height="#" src="news.htm" scrolling="auto" frameborder="0" marginheight="0" marginwidth="0" name="content">

</div>

Inside the div tag, the #'s are a holding place for how many pixels you want your iframe from the top, and from the left. You probably put a fixed width & height on your iframe as well since your working with image slices.

___________________

http://imagegen.last.fm/artist/artists/Sykil.gif
Free-Speed Nation

#3
Old Post February 3rd, 2004 11:28 AM
stewis

stewis

Neverside Newbie
Status: Offline!

i havnt used iframes for a while but im sure you have to close the iframe tag.

just try adding </iframe> after your opening iframe tag.

___________________

Current status: Taken
Somethings Coming: 07/07/07
**stewis lubs Sarah Smile**

#4
Old Post February 3rd, 2004 01:39 PM
eskiehax

eskiehax

Neverside Newbie
Status: Offline!

cheers ive got it sorted now Grin

___________________

:: Feed The EsK!e Inside ::

#5
Old Post February 3rd, 2004 07:45 PM
Rad

Rad

thinking of something witty to put here
Status: Offline!

The horror! The horror! Oh the horror of Photoshop HTML!

#6
Old Post February 3rd, 2004 08:15 PM
Antipathy

Antipathy

20/M Web-Designer hopeful.
Status: Offline!

Heh, it's not that bad, Radley. It's clear enough that you can div it up easily enough. Smile

___________________

http://www.googlesblog.com/

Quick Jump:

Main Navigation

Site & Graphic Design by Aeon Tan
Developed by Jeremie Pelletier & Scott Roach

NeverAPI generated this page in 0.0102 seconds.