PDA

Click to See Complete Forum and Search --> : Help on alignment for IFRAME backgrounds

lazym0use
02-17-2003, 06:30 PM
Alright, I'm in total distress here with a background image that I'm trying to align! Go to this link http://fusioncities.com/m0use/journallink.html , click on journal and you'll see what I mean! I'm having a hard time trying to figure out how to align the background images in the iframe (both the top and bottom) to the rest of the background :-( please help!
Zach Elfers
02-17-2003, 11:12 PM
Try in the <head> section:

<style type="text/css">

background-position:50px 20px;

</style>

You will need to play around with the pixel values.
lazym0use
02-18-2003, 04:11 PM
Not a thing happened! I tried messing around with the pixel sizes like you said, but it still wouldn't budge! :-( Well here is the stuff I used for that top section of the frame so you can get a better look at what I'm using.....hopefully it will help!

<HTML>
<HEAD>
<style type="text/css">

background-position:20px 50px;

</style>
</HEAD>
<BODY BACKGROUND="http://fusioncities.com/m0use/top.jpg">
<center>
<IFRAME SRC="http://fusioncities.com/m0use/topbox.html" FRAMEBORDER="0" HEIGHT="79" WIDTH="376" SCROLLING="no" NAME="topbox"></IFRAME>


Thanks again
PeOfEo
02-18-2003, 09:14 PM
Where are you puting that code, because you have iframe scrolling=no right below it and it makes me thing you are puting it on your main page. It needs to be on the page opeining within the iframe
PeOfEo
02-18-2003, 09:16 PM
Anyways it looks perfectly aligned to me right now:cool:
Stefan
02-20-2003, 04:31 AM
Originally posted by lazym0use
<HTML>
<HEAD>
<style type="text/css">

background-position:20px 50px;

</style>
</HEAD>
<BODY BACKGROUND="http://fusioncities.com/m0use/top.jpg">

Try

<HTML>
<HEAD>
<style type="text/css">
body {background:url(http://fusioncities.com/m0use/top.jpg) 20px 50px no-repeat;}
</style>
</HEAD>
<BODY>

And as been said, it does in the page you load in the <iframe>
lazym0use
02-20-2003, 05:05 PM
Hey you guys, thanks a lot for the help. It's finally fixed now and you can check it out now :D What I was making was an online journal so you can check it out when ever.