PDA

View Full Version : Advert tear



Hypertext
11-02-2008, 09:41 PM
Check out namecheap.com look at the top right page tear advert, how do you do that :P, I don't really understand how it's achieved and i can't find it in the source :S.(You may have to browse more than one page for a tear to show up.

:': Charles Kirk
:': CEO
:': CodeeTech

QuickScriptz
11-02-2008, 09:55 PM
Basically what you do is you use a div with the CSS atribute 'position' set as 'absolute' and then you just set it's location to the top right corner. Try Googling 'Absolute Position DIV' for more info :)

Zedtu
11-02-2008, 10:02 PM
<div style="position: absolute; top: 0pt; right: 0pt; display: block;" id="topcornerpromodisplay">
<span>
<img width="100" height="100" border="0" usemap="#c61347.27" src="/images/promo/corner/cross-corner13.gif"/>
<map name="c61347.27">
<area href="/learn/webhosting/index.asp?ad=corner&adid=18" coords="0,0,100,100,100,0" shape="poly"/>
</map>
</span>
</div>

Hypertext
11-02-2008, 10:04 PM
Thanks ;)

Want to hide these adverts? Register an account for free!