Shoutbox

JS (and css) image thingy - Printable Version

-Shoutbox (https://shoutbox.menthix.net)
+-- Forum: MsgHelp Archive (/forumdisplay.php?fid=58)
+--- Forum: Skype & Technology (/forumdisplay.php?fid=9)
+---- Forum: Tech Talk (/forumdisplay.php?fid=17)
+----- Thread: JS (and css) image thingy (/showthread.php?tid=52006)

JS (and css) image thingy by Supersonicdarky on 10-20-2005 at 09:08 PM

i need to find the script that will stick an image in the corner of the webpage

i've seen this on make poverty history advertisements :undecided:

found code:

code:
<script type="text/javascript" src="http://www.makepovertyhistory.org/whiteband_small_right.js"> </script><noscript><a href="http://www.makepovertyhistory.org/"> http://www.makepovertyhistory.org</a></noscript>

image i want instead: [Image: image.gif]
RE: JS image thingy by hmaster on 10-20-2005 at 09:13 PM

Its CSS
http://www.makepovertyhistory.org/whiteband.css

you need to be logged in to view the image you want =/


RE: JS image thingy by Supersonicdarky on 10-20-2005 at 09:14 PM

i know css is there too

i tried editing both, but i didn't help :(


RE: JS (and css) image thingy by brian on 10-20-2005 at 11:16 PM

Create a div class? with aligned at 0,0 and set the the width and height to the image file, and add it as a background..


RE: JS (and css) image thingy by ShawnZ on 10-20-2005 at 11:37 PM

Use this.

code:
<style>img#topright{position:absolute;left:100%;top:0px;margin-left:-200px;}</style>

<img id="topright" src="http://img.photobucket.com/albums/v242/supersonicdarky/image.gif"/>

RE: JS (and css) image thingy by Supersonicdarky on 10-21-2005 at 12:18 AM

thnx :D


RE: JS (and css) image thingy by qune on 10-21-2005 at 09:52 AM

better off try to avoiding "position" attribute and negative margins at all in css (different browsers most commonly produce different results, when applied)...

use this instead:

CSS

img#topright {
  margin:0 0 auto auto;
  border:0;
  float:right;
}


html
<img id="topright" src="..." width="..." height="..." alt="..." />


EDIT: make sure your body margins and paddings are set to 0...