Alright, I'm in total distress here with a background image that I'm trying to align! Go to this link <!-- m --><a class="postlink" href="http://fusioncities.com/m0use/journallink.html">http://fusioncities.com/m0use/journallink.html</a><!-- m --> , 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!<!--content-->Try in the <head> section:<br />
<br />
<style type="text/css"><br />
<br />
background-position:50px 20px;<br />
<br />
</style><br />
<br />
You will need to play around with the pixel values.<!--content-->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!<br />
<br />
<HTML><br />
<HEAD><br />
<style type="text/css"> <br />
<br />
background-position:20px 50px; <br />
<br />
</style> <br />
</HEAD><br />
<BODY BACKGROUND="http://fusioncities.com/m0use/top.jpg"><br />
<center><br />
<IFRAME SRC=http://www.webdeveloper.com/forum/archive/index.php/"http://fusioncities.com/m0use/topbox.html" FRAMEBORDER="0" HEIGHT="79" WIDTH="376" SCROLLING="no" NAME="topbox"></IFRAME><br />
<br />
<br />
Thanks again<!--content-->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<!--content-->Anyways it looks perfectly aligned to me right now
<!--content-->Originally posted by lazym0use <br />
<HTML><br />
<HEAD><br />
<style type="text/css"> <br />
<br />
background-position:20px 50px; <br />
<br />
</style> <br />
</HEAD><br />
<BODY BACKGROUND="http://fusioncities.com/m0use/top.jpg"><br />
<br />
Try<br />
<br />
<HTML><br />
<HEAD><br />
<style type="text/css"> <br />
body {background:url(<!-- m --><a class="postlink" href="http://fusioncities.com/m0use/top.jpg">http://fusioncities.com/m0use/top.jpg</a><!-- m -->) 20px 50px no-repeat;}<br />
</style> <br />
</HEAD><br />
<BODY><br />
<br />
And as been said, it does in the page you load in the <iframe><!--content-->Hey you guys, thanks a lot for the help. It's finally fixed now and you can check it out now
What I was making was an online journal so you can check it out when ever.<!--content-->
<br />
<style type="text/css"><br />
<br />
background-position:50px 20px;<br />
<br />
</style><br />
<br />
You will need to play around with the pixel values.<!--content-->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!<br />
<br />
<HTML><br />
<HEAD><br />
<style type="text/css"> <br />
<br />
background-position:20px 50px; <br />
<br />
</style> <br />
</HEAD><br />
<BODY BACKGROUND="http://fusioncities.com/m0use/top.jpg"><br />
<center><br />
<IFRAME SRC=http://www.webdeveloper.com/forum/archive/index.php/"http://fusioncities.com/m0use/topbox.html" FRAMEBORDER="0" HEIGHT="79" WIDTH="376" SCROLLING="no" NAME="topbox"></IFRAME><br />
<br />
<br />
Thanks again<!--content-->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<!--content-->Anyways it looks perfectly aligned to me right now
<!--content-->Originally posted by lazym0use <br /><HTML><br />
<HEAD><br />
<style type="text/css"> <br />
<br />
background-position:20px 50px; <br />
<br />
</style> <br />
</HEAD><br />
<BODY BACKGROUND="http://fusioncities.com/m0use/top.jpg"><br />
<br />
Try<br />
<br />
<HTML><br />
<HEAD><br />
<style type="text/css"> <br />
body {background:url(<!-- m --><a class="postlink" href="http://fusioncities.com/m0use/top.jpg">http://fusioncities.com/m0use/top.jpg</a><!-- m -->) 20px 50px no-repeat;}<br />
</style> <br />
</HEAD><br />
<BODY><br />
<br />
And as been said, it does in the page you load in the <iframe><!--content-->Hey you guys, thanks a lot for the help. It's finally fixed now and you can check it out now
What I was making was an online journal so you can check it out when ever.<!--content-->