Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login


Tycoon Talk > Web Development and Programming Support > HTML Forum > Help with Iframe/table

Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Help with Iframe/table
Old 03-30-2005, 12:04 AM Help with Iframe/table
Novice Talker

Posts: 9
Location: Philly love baby (Philadelphia)
Trades: 0
Talkupation: apedosmil is on a distinguished road
Ok I am having a problem with a prototype site I am making. The site is for a band and the navigation is as follows: News, Biography, Media. Links, Contact. For each of these I created a rollover image in fireworks(using image slices). Then I made an HTML slice on the right hand side for an I frame where all the information will appear. When I import the Fireworks html into dreamweaver I have an open area to add my Iframe, but when I add it and size it correctly, it breaks apart the rest of the page. Is there any way to fix this? I am quite confused. Thanks.
__________________
Insert Screaming
apedosmil is offline
Reply With Quote
View Public Profile Visit apedosmil's homepage!
 
 
Register now for full access!
Old 03-30-2005, 10:38 AM
simptech's Avatar
Skilled Talker

Posts: 81
Location: Cape Coral, Florida, United States
Trades: 0
Talkupation: simptech is on a distinguished road
post some code so we can see where it is falling apart
__________________

Please login or register to view this content. Registration is FREE

FREE PHP scripts for your website!
simptech is offline
Reply With Quote
View Public Profile
 
Old 03-30-2005, 09:03 PM
Novice Talker

Posts: 9
Location: Philly love baby (Philadelphia)
Trades: 0
Talkupation: apedosmil is on a distinguished road
Ok this is the HTML of the entire page, although the page is made up of all images, but anyways the Iframe goes down in the bottom right corner.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body background="images/pattern.gif" onLoad="MM_preloadImages('images/index2_r2_c9_f2.gif','images/index2_r4_c7_f2.gif','images/index2_r6_c8_f2.gif','images/index2_r8_c10_f2.gif','images/index2_r11_c4_f2.gif','images/index2_r13_c2_f2.gif')">
<table align="center" width="183" border="0">
<tr>
<th scope="row"><p><img src="images/Banner.jpg" width="800" height="200"></p> </th>
</tr>
<tr>
<th scope="row"><table border="0" cellpadding="0" cellspacing="0" width="800">
<!-- fwtable fwsrc="index.png" fwbase="index2.gif" fwstyle="Dreamweaver" fwdocid = "190344954" fwnested="0" -->
<tr>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="78" height="1" border="0"></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="86" height="1" border="0"></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="76" height="1" border="0"></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="61" height="1" border="0"></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="55" height="1" border="0"></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="47" height="1" border="0"></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="34" height="1" border="0"></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="14" height="1" border="0"></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="24" height="1" border="0"></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="37" height="1" border="0"></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="15" height="1" border="0"></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="22" height="1" border="0"></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="243" height="1" border="0"></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="8" height="1" border="0"></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0"></td>
</tr>
<tr>
<td colspan="14"><img name="index2_r1_c1" src="images/index2_r1_c1.gif" width="800" height="27" border="0" alt=""></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="27" border="0"></td>
</tr>
<tr>
<td rowspan="2" colspan="8"><img name="index2_r2_c1" src="images/index2_r2_c1.gif" width="451" height="49" border="0" alt=""></td>
<td colspan="3"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('index2_r2_c9','','image s/index2_r2_c9_f2.gif',1);"><img name="index2_r2_c9" src="images/index2_r2_c9.gif" width="76" height="32" border="0" alt=""></a></td>
<td rowspan="6" colspan="3"><img name="index2_r2_c12" src="images/index2_r2_c12.gif" width="273" height="220" border="0" alt=""></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="32" border="0"></td>
</tr>
<tr>
<td colspan="3"><img name="index2_r3_c9" src="images/index2_r3_c9.gif" width="76" height="17" border="0" alt=""></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="17" border="0"></td>
</tr>
<tr>
<td rowspan="6" colspan="6"><img name="index2_r4_c1" src="images/index2_r4_c1.gif" width="403" height="257" border="0" alt=""></td>
<td colspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('index2_r4_c7','','image s/index2_r4_c7_f2.gif',1);"><img name="index2_r4_c7" src="images/index2_r4_c7.gif" width="109" height="35" border="0" alt=""></a></td>
<td rowspan="4"><img name="index2_r4_c11" src="images/index2_r4_c11.gif" width="15" height="171" border="0" alt=""></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="35" border="0"></td>
</tr>
<tr>
<td colspan="4"><img name="index2_r5_c7" src="images/index2_r5_c7.gif" width="109" height="52" border="0" alt=""></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="52" border="0"></td>
</tr>
<tr>
<td rowspan="4"><img name="index2_r6_c7" src="images/index2_r6_c7.gif" width="34" height="170" border="0" alt=""></td>
<td colspan="3"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('index2_r6_c8','','image s/index2_r6_c8_f2.gif',1);"><img name="index2_r6_c8" src="images/index2_r6_c8.gif" width="75" height="29" border="0" alt=""></a></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="29" border="0"></td>
</tr>
<tr>
<td colspan="3"><img name="index2_r7_c8" src="images/index2_r7_c8.gif" width="75" height="55" border="0" alt=""></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="55" border="0"></td>
</tr>
<tr>
<td rowspan="2" colspan="2"><img name="index2_r8_c8" src="images/index2_r8_c8.gif" width="38" height="86" border="0" alt=""></td>
<td colspan="3"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('index2_r8_c10','','imag es/index2_r8_c10_f2.gif',1);"><img name="index2_r8_c10" src="images/index2_r8_c10.gif" width="74" height="35" border="0" alt=""></a></td>
<td rowspan="2" colspan="2"><img name="index2_r8_c13" src="images/index2_r8_c13.gif" width="251" height="86" border="0" alt=""></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="35" border="0"></td>
</tr>
<tr>
<td colspan="3"><img name="index2_r9_c10" src="images/index2_r9_c10.gif" width="74" height="51" border="0" alt=""></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="51" border="0"></td>
</tr>
<tr>
<td colspan="5"><img name="index2_r10_c1" src="images/index2_r10_c1.gif" width="356" height="62" border="0" alt=""></td>
<td rowspan="5" colspan="8" valign="top"><p>&nbsp;</p>
<p> </p></td>
<td rowspan="6"><img name="index2_r10_c14" src="images/index2_r10_c14.gif" width="8" height="367" border="0" alt=""></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="62" border="0"></td>
</tr>
<tr>
<td rowspan="2" colspan="3"><img name="index2_r11_c1" src="images/index2_r11_c1.gif" width="240" height="33" border="0" alt=""></td>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('index2_r11_c4','','imag es/index2_r11_c4_f2.gif',1);"><img name="index2_r11_c4" src="images/index2_r11_c4.gif" width="61" height="31" border="0" alt=""></a></td>
<td rowspan="5"><img name="index2_r11_c5" src="images/index2_r11_c5.gif" width="55" height="305" border="0" alt=""></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="31" border="0"></td>
</tr>
<tr>
<td rowspan="4"><img name="index2_r12_c4" src="images/index2_r12_c4.gif" width="61" height="274" border="0" alt=""></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="2" border="0"></td>
</tr>
<tr>
<td rowspan="3"><img name="index2_r13_c1" src="images/index2_r13_c1.gif" width="78" height="272" border="0" alt=""></td>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('index2_r13_c2','','imag es/index2_r13_c2_f2.gif',1);"><img name="index2_r13_c2" src="images/index2_r13_c2.gif" width="86" height="34" border="0" alt=""></a></td>
<td rowspan="3"><img name="index2_r13_c3" src="images/index2_r13_c3.gif" width="76" height="272" border="0" alt=""></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="34" border="0"></td>
</tr>
<tr>
<td rowspan="2"><img name="index2_r14_c2" src="images/index2_r14_c2.gif" width="86" height="238" border="0" alt=""></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="229" border="0"></td>
</tr>
<tr>
<td colspan="8"><img name="index2_r15_c6" src="images/index2_r15_c6.gif" width="436" height="9" border="0" alt=""></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="9" border="0"></td>
</tr>
</table></th>
</tr>
<tr>
<th scope="row">&nbsp;</th>
</tr>
</table>
</body>
</html>
__________________
Insert Screaming
apedosmil is offline
Reply With Quote
View Public Profile Visit apedosmil's homepage!
 
Old 03-31-2005, 12:42 AM
Novice Talker

Posts: 6
Trades: 0
Talkupation: jasong is on a distinguished road
In your image when slicing (the image where the iframe will be), create a blank space the exact size of the iframe where you want it to go. Then slice up the whole thing like you did, leaving the space for the iframe as one image. Then once you have your html and images, take out the image and put your iframe code in it's place.

Hope that helps
-Jason
__________________
Ash Nazg....
jasong is offline
Reply With Quote
View Public Profile
 
Old 03-31-2005, 02:45 PM
Novice Talker

Posts: 9
Location: Philly love baby (Philadelphia)
Trades: 0
Talkupation: apedosmil is on a distinguished road
Ok I attached an Image of the site before it gets sliced up. The iframe goes down in the right corner. I put an HTML slice over the are where I want the Iframe. THen I put slices over each word on the page to make a rollover image. When i get it into dreamweaver the HTML slice is gone and ready for the iframe. so i put the iframe in and size it correctly, and it cuts the page apart. This is the problem. Does that make sense?
__________________
Insert Screaming
apedosmil is offline
Reply With Quote
View Public Profile Visit apedosmil's homepage!
 
Old 03-31-2005, 03:20 PM
Novice Talker

Posts: 6
Trades: 0
Talkupation: jasong is on a distinguished road
You forgot to attach it!
__________________
Ash Nazg....
jasong is offline
Reply With Quote
View Public Profile
 
Old 04-01-2005, 12:55 AM
Novice Talker

Posts: 9
Location: Philly love baby (Philadelphia)
Trades: 0
Talkupation: apedosmil is on a distinguished road
this may be a stupid question.. but how exactly do I attach my image? I hit manage my attachments and uploaded it, but how do i actually attach it so you can get it?
__________________
Insert Screaming
apedosmil is offline
Reply With Quote
View Public Profile Visit apedosmil's homepage!
 
Reply     « Reply to Help with Iframe/table
 
Previous Thread | Next Thread Tycoon Talk > Web Development and Programming Support > HTML Forum > Help with Iframe/table

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.84572 seconds with 12 queries