PDA

View Full Version : How to add a frame into a sliced area to display another page ?


DESTROYER
10-30-2009, 01:38 AM
Hi:

I am newbie in dreamweaver.
I need to display another html page inside an existing page.
I know I can do it by dividing in frames existing page but I sliced it in photoshop. So, I want to use one of sliced areas to show the other page.
I tried adding frames but they appear outside the whole sliced image, not in the specific sliced area.

Please help.

edbr
10-30-2009, 01:48 AM
you want to show a sliced image or a page from another site?

DESTROYER
10-30-2009, 01:54 AM
a page from another site

edbr
10-30-2009, 02:47 AM
use an iframe, there is a code example in the different links in my sig

DESTROYER
10-30-2009, 05:27 AM
Sorry I am very newbie.
I have inserted an iframe and it works but sizes is too long (whole screen wide) and I cannot resize. width="350" height="350" adjust size of image from other size but not adjust border. Please help.

Look at this part of code (what it is wrong ?)

<td>
<img src="images/Page-1_19.png" width="64" height="862" alt=""></td>
<td colspan="10"><table width="100%" border="2" cellspacing="0" cellpadding="6">
<tr>
<td width="44%">

<iframe src="http://futbol.sportec.es/competiciones/resultados/marcador.asp?c=1"
frameborder="0" width="350" height="350" scrolling="no" /iframe>
&nbsp;</td>
<td width="56%"><div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 3</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 4</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 5</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Content 1

domedia
10-30-2009, 02:44 PM
width="350" height="350" adjust size of image from other size but not adjust border. Please help.
This part of the question needs explaining, it makes no sense.

<iframe src="http://futbol.sportec.es/competiciones/resultados/marcador.asp?c=1"
frameborder="0" width="350" height="350" scrolling="no" /iframe>

Tip: look at the end of the iframe tag 8)

DESTROYER
10-31-2009, 05:54 PM
Thanks for information.
Let me clarify my comment.
When I preview, width="350" height="350" shows image of the other site in that size, but this image is inside a wide rectangle (about width = 1200 height = 350)
I do not know how to reduce size of that rectangle or how to remove it.
please help.

domedia
10-31-2009, 06:33 PM
Hmmm.. I'd need to see the site I think. See the link in my signature.

DESTROYER
10-31-2009, 07:10 PM
Here you have site.
http://www.paginasprodigy.com.mx/reyes9550/Video%20online.html

domedia
10-31-2009, 07:29 PM
The iframe sits inside a table with a border. You are seeing the border cell. Really you can just remove the table, iframes doesn't belong in them. But it seems to be the least fo your problems right now.
The layout was completely messed up in Firefox. :-(

Corrosive
11-01-2009, 10:14 AM
I love it...

<!-- ImageReady Slices (Page-1.psd) -->