PDA

View Full Version : iFrames



iNicks
17-03-2006, 03:17 AM
Ok well im using Dreamweaver, sliced my layout in Fireworks, got it all exported, then all the html on Dreamweaver, but im having trouble with adding iFrames. Can anyone help?

If my coding helps anyway, here it is....


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>WereHabbo - Were Your Habbo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}body {
margin-left: 0px;
margin-top: 10px;
margin-bottom: 10px;
}
</style>
<!--Fireworks 8 Dreamweaver 8 target. Created Thu Mar 16 14:54:56 GMT-0400 (Atlantic Standard Time) 2006-->
</head>
<body bgcolor="#ffffff">
<table border="0" cellpadding="0" cellspacing="0" width="902">
<!-- fwtable fwsrc="Untitled" fwbase="full.gif" fwstyle="Dreamweaver" fwdocid = "859290013" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="12" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="191" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="6" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="485" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="6" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="28" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="164" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="10" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>

<tr>
<td colspan="8"><img name="full_r1_c1" src="full_r1_c1.gif" width="902" height="94" border="0" id="full_r1_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="94" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="8"><img name="full_r2_c1" src="full_r2_c1.gif" width="902" height="37" border="0" id="full_r2_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="37" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="9"><img name="full_r3_c1" src="full_r3_c1.gif" width="12" height="617" border="0" id="full_r3_c1" alt="" /></td>
<td><img name="full_r3_c2" src="full_r3_c2.gif" width="191" height="30" border="0" id="full_r3_c2" alt="" /></td>
<td rowspan="9"><img name="full_r3_c3" src="full_r3_c3.gif" width="6" height="617" border="0" id="full_r3_c3" alt="" /></td>
<td rowspan="8"><img name="full_r3_c4" src="full_r3_c4.gif" width="485" height="527" border="0" id="full_r3_c4" alt="" /></td>
<td rowspan="8"><img name="full_r3_c5" src="full_r3_c5.gif" width="6" height="527" border="0" id="full_r3_c5" alt="" /></td>
<td rowspan="2" colspan="3"><img name="full_r3_c6" src="full_r3_c6.gif" width="202" height="81" border="0" id="full_r3_c6" alt="" /></td>
<td><img src="spacer.gif" width="1" height="30" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="3">
<img name="full_r4_c2" src="full_r4_c2.gif" width="191" height="320" border="0" id="full_r4_c2" alt="" /></td>
<td><img src="spacer.gif" width="1" height="51" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="full_r5_c6" src="full_r5_c6.gif" width="28" height="260" border="0" id="full_r5_c6" alt="" /></td>
<td><img name="full_r5_c7" src="full_r5_c7.gif" width="164" height="260" border="0" id="full_r5_c7" alt="" /></td>
<td><img name="full_r5_c8" src="full_r5_c8.gif" width="10" height="260" border="0" id="full_r5_c8" alt="" /></td>
<td><img src="spacer.gif" width="1" height="260" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="3"><img name="full_r6_c6" src="full_r6_c6.gif" width="202" height="48" border="0" id="full_r6_c6" alt="" /></td>
<td><img src="spacer.gif" width="1" height="9" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2"><img name="full_r7_c2" src="full_r7_c2.gif" width="191" height="48" border="0" id="full_r7_c2" alt="" /></td>
<td><img src="spacer.gif" width="1" height="39" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="3" colspan="3"><img name="full_r8_c6" src="full_r8_c6.gif" width="202" height="138" border="0" id="full_r8_c6" alt="" /></td>
<td><img src="spacer.gif" width="1" height="9" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="full_r9_c2" src="full_r9_c2.gif" width="191" height="112" border="0" id="full_r9_c2" alt="" /></td>
<td><img src="spacer.gif" width="1" height="112" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2"><img name="full_r10_c2" src="full_r10_c2.gif" width="191" height="107" border="0" id="full_r10_c2" alt="" /></td>
<td><img src="spacer.gif" width="1" height="17" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="5"><img name="full_r11_c4" src="full_r11_c4.gif" width="693" height="90" border="0" id="full_r11_c4" alt="" /></td>
<td><img src="spacer.gif" width="1" height="90" border="0" alt="" /></td>
</tr>
</table>
</body>
</html>

iNicks
17-03-2006, 03:21 PM
Cant anyone help?

---MAD---
17-03-2006, 03:28 PM
wheres the iframe code?

Recursion
17-03-2006, 03:38 PM
dont bump your thread!

Right. I exported them but in dreamweaver made a table and just set the slices as cell backgrounds. then put things in the cells ;) thats what I did cos I didnt know how to code. Im not sure if my way is coding or not but it works :)

And then just put the iFrames into the cells.

Safice
17-03-2006, 03:39 PM
he wants you to tell him how and where to add an Iframe

nets
17-03-2006, 03:41 PM
<iframe src="location.htm" width="100px" height="100px"></iframe>

You need to adjust the width to where you want it to go (or if it's in a cell make it 100%); then place it where you want it.

iNicks
17-03-2006, 03:54 PM
Nets, where would I put that on my coding, I know you dont know where I want it, but make an example from my coding, cause I dont kno where to put it :o

Jamie.
17-03-2006, 03:58 PM
Ok heres what i do (not sure if helps)
But make a layer and put the iframe code in the layer make iframe transparent and the page, it works i think

Stitch
17-03-2006, 04:27 PM
im usin dreamweaver in skool and managed to add a iframe. U put the lil flashy text thing where u want ur iframe then press code and paste the iframe code in ther. Thats how i fink i did it.

iNicks
17-03-2006, 04:32 PM
press code? whats that

Stitch
17-03-2006, 05:56 PM
u clikc the code tab where the code appears on dreamweaver thats wat i ment.

iNicks
17-03-2006, 07:59 PM
nope that doesnt work, cause when i click where i want it, it highlights the code in the code part, and i paste the iframe code, but it messes up the layout

Jamie.
17-03-2006, 08:01 PM
Make a layer on it and in the layer paste the code....

iNicks
17-03-2006, 08:11 PM
mmm i really dont even know how to make a layer *newbie*

iNicks
17-03-2006, 08:51 PM
mmm sorry for double post, wont kill anyone, but anyway how do I make layers

nets
17-03-2006, 09:05 PM
You just have to put the iframe code inside the cell. Go into dreamweaver, then click the cell you want; once you've done that go into code view and a line should be highlighted which looks something like this:

<td> - Something in here, put the iframe code in here. - </td>

iNicks
17-03-2006, 09:17 PM
well it highlights stuff, well if i paste the code there, the code that was origanilly there will be gone, and when i click the cell it highlights


<td colspan="8"><img name="full_r1_c1" src="full_r1_c1.gif" width="902" height="94" border="0" id="full_r1_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="94" border="0" alt="" /></td>

and if i paste the code there for an iframe, all that coding will be gone ....

do you get me?

Recursion
17-03-2006, 09:46 PM
you need the iframe tags - I forget what they are...

Jamie.
17-03-2006, 09:47 PM
wna send me the layout n ill do it, with images n stuff :l

iNicks
17-03-2006, 10:15 PM
got it figured out
<3

Jamie.
18-03-2006, 07:54 AM
Well hope we helped.

VistaUltimate
18-03-2006, 06:01 PM
OMFGZLIKE***YEAHBBQLOLTXTBBCTV!!!!!1111ONEONEONEEX CLAMATION
This helped me too! The allmighty n00b Mini-man is too uhh ''busy'' to help, but this really helped me! Thannkk youo!

Want to hide these adverts? Register an account for free!