Help - Search - Members - Calendar
Full Version: Help Slicing And Putting In Iframe
Zymic Webmaster Forums > Web Design & Development > Client Side Scripting > HTML and CSS
Voli_21
I have just tried slicing my first layout and I am having trouble putting in an iframe. I'm not sure if it's a mess up on my slicing job or if I'm just not doing it correctly.. However, I'm going to upload it on my fileden and I was wondering if anyone could slice it for me and maybe put in the iframe for me and possibly show me how it's done..

URL
http://www.fileden.com/files/2006/10/11/28...ayoutsliced.psd

Any help what so ever will be greatly appreciated..
IamShipon1988
I would like to but I think it's better if you learn it yourself and gain experience from this practice...you can read a decent tutorial here: http://www.devclever.com/slicing-tutorial.html
Voli_21
For an amateur.. lol How's the shitty HTML site?
MrTouz
well, first off an iframe is not really suggested, but for beginners i guess its alright.. i use to use it.. but now i moved to some little php...

anyways i am downloading the psd now and i will try to slice it for you, no promesses.

Well after looking at your slice i think its not that bad.

if you want an iframe at the image number 13 you need to add a style to your td

look up for the <td> <img src..... and remove the <img src="....> line and inside td add :

CODE
<td width="your width" height="your height" style="background: url(images/yourimage13);">

<iframe src="home.html" name="main_iframe" width=" your width (same as the td)" height="your height (same as the td)></iframe>

</td>


so youll have your iframe and your image on the background, huhhhh i donno if by default the iframe is set as transparent... if not than i think you need to add the following to it :
CODE
color="transparent"


inside your iframe code.

but again, i would of remove your image and add a bgcolor to it and not have an iframe but a full html page.

Good Luck
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2012 Invision Power Services, Inc.