Well ive coded a layout in expandable tables, using the tutorial on www.slicingguide.com and its fine, apart from im using a damn javascript code and iframes to make it expand, its slow and annoying. Is there another way? Please help
Joe
Printable View
Well ive coded a layout in expandable tables, using the tutorial on www.slicingguide.com and its fine, apart from im using a damn javascript code and iframes to make it expand, its slow and annoying. Is there another way? Please help
Joe
Have no height variable on the iframe's code ;)
So it's something like:
HTML Code:<iframe src="main.html" name="content" WIDTH="90%" frameborder=0></iframe>
I think SS is trying to say add a height variable, something like this:Quote:
Originally Posted by --ss--
Oh and I also added the iframe ID as the same as name, that's what I always do just cos um.. that's what I do when making an iframe. Might be a reason why my expandable iframes work fast but I have no idea.HTML Code:<iframe src="main.html" name="content" id="content" heigh="100%" WIDTH="90%" frameborder=0></iframe>
Nope, that doesnt make it expand :s
edit: ill try that iunknown
Nope that doesnt work iunknown :s
In the tutorial, I don't see anywhere where you're adding the iframe in. Can you link me to the layout and I'll have a look at what you've done.
Nah it doesnt have anything about an iframe in it, but thats how i thought you would pull the pages into the main content box?
Yes, that's probably the best way to do it, unless you want to use PHP includes and stuff..... but I think iframes is easier.Quote:
Originally Posted by Joe!
If you link me to the layout, I can see what's happening/going wrong. Is it working but going slowly, or just not working? Sorry.. wasn't quite clear..
How do i do php includes? I still need to target the link to the frame though dont i?
I'll post the souurce because the layout is secret itself :)
Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MistiFM.Net</title>
<style type="text/css">
<!--
body {
background-color: #E5EAF7;
}
-->
</style></head>
<body>
<center>
<table width="1025" height="100%" border="0" cellpadding="0" cellspacing="0" background="images/main_bg.png">
<tr>
<td width="5" height="394" background="images/thing2.png"> </td>
<td width="1015" valign="top"><table width="1015" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/header_logo.png" alt="MistiFM" width="1015" height="121" /></td>
</tr>
</table>
<table width="1015" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="210" valign="top"><table width="210" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/content_header_left_new_2.png" alt="Mistifm" width="210" height="27" /></td>
</tr>
<tr>
<td><iframe name="nav" id="nav" width="190" height="220" marginwidth="1" marginheight="1" scrolling="no" border="0" frameborder="0" src="http://www.mistifm.net/site/nav2.html"></iframe></td>
</tr>
<tr>
<td><img src="images/content_footer_left.png" alt="mistifm" width="210" height="9" /></td>
</tr>
</table>
<table width="210" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/content_header_left_new_2.png" alt="Mistifm" width="210" height="27" /></td>
</tr>
<tr>
<td><iframe name="advert" width="190" marginwidth="1" marginheight="1" scrolling="no" border="0" frameborder="0" allowtransparency="yes" src="advert.html"></iframe></td>
</tr>
</table></td>
<td width="596" valign="top"><table width="596" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/main_content_header.png" alt="mistifm" width="596" height="27" /></td>
</tr>
<tr>
<td background="images/main_content_bg.png"><center><iframe src="home.html" width="97%" height="100%" name="homemain" id="main" marginwidth="1" marginheight="1" scrolling="no" border="0" frameborder="0" ></iframe></center></td>
</tr>
</table></td>
<td width="209" valign="top"><table width="209" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/content_header_right_new.png" alt="Mistifm" width="209" height="27" /></td>
</tr>
<tr>
<td><center><iframe name="r_stats" width="95%" marginwidth="1" marginheight="1" scrolling="no" border="0" frameborder="0" allowtransparency="yes" src="http://www.mistifm.net/djpanel/frontend/radio_stats.php"></iframe></center></td>
</tr>
<tr>
<td><img src="images/content_footer_right.png" alt="mistifm" width="209" height="6" /></td>
</tr>
</table>
<table width="209" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/content_header_right_new.png" alt="Mistifm" width="209" height="27" /></td>
</tr>
<tr>
<td><center><iframe name="dj_says" width="95%" marginwidth="1" marginheight="1" scrolling="no" border="0" frameborder="0" allowtransparency="yes" src="http://www.mistifm.net/djpanel/frontend/djsays.php"></iframe></center></td>
</tr>
<tr>
<td><img src="images/content_footer_right.png" alt="mistifm" width="209" height="6" /></td>
</tr>
</table>
<table width="209" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/content_header_right_new.png" alt="Mistifm" width="209" height="27" /></td>
</tr>
<tr>
<td><center><iframe name="events" width="95%" marginwidth="1" marginheight="1" scrolling="no" border="0" frameborder="0" allowtransparency="yes" src="events.html"></iframe></center></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="5" background="images/thing.png"> </td>
</tr>
<tr>
<td background="images/thing2.png"> </td>
<td valign="bottom"><img src="images/main_footer.png" alt="mistifm" width="1015" height="46" /></td>
<td background="images/thing.png"> </td>
</tr>
</table>
</center>
</body>
</html>
i fixed it for you but it won't fit, uploading to webspace now.
http://tech-hosts.co.uk/yourhtml
:)
use an ajax navigation i believe 010101entor posted one
Okay, cheers :)
working now?Quote:
Originally Posted by Joe!
Well it expands the home page which is loaded into the main content window, but the navigation page in the iframe no longer loads?
Why use iframe for navigation.... Just put the navigation in the box without an iframe. Copy the html from nav.html or whatever you call it and put it in place of the nav iframe - much simpler and that way it will expand.Quote:
Originally Posted by Joe!
The way you make something expand is by having no height variable so the div i'snt limited to how much can go inside it ;)Quote:
Originally Posted by iUnknown
I dont have any divs in it ss. And the iframe is loading now iunknown, but the two other ones, that are linked with djpanel dont load :S
edit: i took your advice on the navigation part Iunknown, but the djpanel iframes which have djsays and stats on, they dont load :(
I've just got it working, thanks for all your help man :D
No problem matey :)