|
View Full Version : absolute positioning lil_apri 07-05-2003, 06:13 AM how to absolute positioning image if I wanna put iframe? EDIT: How to do like this..PLEASE HELP! http://www.layoutland.net/Layouts/browse/layouts/orangeyellow/fruit.htm stargrl329 07-05-2003, 08:00 PM to absolute-position an iframe, just put this code: <iframe style="position:absolute; top:#px; left:#px"> [replace the # signs with a number of pixels] and im assuming you may want a transparent iframe (since the link you sent had an image behind the iframe)? that would be: <iframe style="position:absolute; top:#px; left:#px" background="transparent"> =) lil_apri 07-07-2003, 09:32 AM but how do i put background? Iframe background. EDIT: where to put the background image? Do you get what I mean? Just go to http://www.layoutland.net/Layouts/b...ellow/fruit.htm and you see the iframe,and there is a picture behind it? Ya,how to do like that? Next time use the "edit" button to change it, your post was posted 1 minute after each other and you got 5 minutes to edit. ~ mod lil_apri 07-07-2003, 09:41 AM This are my code.I don't know how to place it as background for the iframe. Please take a look at me code.Thanks! _____________________________________________ <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" text="#000000"> <iframe style="position:absolute; top:#px; left:#px; background-image: url(file:///C|/Documents%20and%20Settings/nadia/My%20Documents/amanda.gif); layer-background-image: url(file:///C|/Documents%20and%20Settings/nadia/My%20Documents/amanda.gif); border: 1px none #000000" background="transparent"><img src="file:///C|/Documents%20and%20Settings/nadia/My%20Documents/amanda.gif" width="248" height="213"> </body> </html> MaGiCSuN 07-07-2003, 11:08 AM an iframe cannot have an background image :S you have to place the images on the website itself, and then make the iframe shine through so make transparent so people can see the background through it. <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" text="#000000"> <iframe style="position:absolute; top:#px; left:#px; border: 1px none #000000" allowTransparency="true"></iframe> <img src="file:///C|/ Documents%20and%20Setting s/nadia/My%20Documents/amanda.gif" width="248" height="213"> </body> </html> change # to any number to absolute position it, becuase you haven't changed that yet. you also forgot to close the <iframe> tag so i added that too. You can insert a background into the <body> tag like this: <body background="url here"> Also make sure you change the url of your image to the real url as soon as you uploaded the stuff, because otherwise people won't see your image because it's linked to your harddrive. Love, Mirna lil_apri 07-08-2003, 08:50 AM THANK YOU SO MUCH! |