Image Always On Top Off The Html Page

**carmeladi** · 07-15-2010 05:04 AM

I have image that i want to be always on top right corner of my web site.
it should be on top even if the page is resize,
and it should be clickable.
thanks

**KDLA** · 07-15-2010 10:59 AM

Code:

<div style="position: absolute; z-index: 1000; top: 0; right: 0; width:##px ; height: ##px;">
<a href="" style="display: block;">
<img src="" style="display: block;" />
</div>

Place after the <body> tag, and replace the pound signs with the correct dimensions.

**carmeladi** · 07-19-2010 07:55 AM

thanks -it works when i resize the page, but not when you scroll.

**Declan1991** · 07-19-2010 11:58 AM

position:fixed;
Quirksmode shows it not to work in IE 5/6, with a bug in IE 7 and Safari 3/4. If that's alright, then it's the solution.

**carmeladi** · 07-20-2010 01:43 AM

i dont know - i cant see it work in any browser(ie7, ie8, ff, chrom).
this is my code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div id="htmlBody">
</div>
<div id="topRightPict" style="position: absolute; z-index: 1000; top: 0; right: 0;
width: 122px; height: 99px;">
<a href="http://www.google.com" style="display: block;">
<img src="http://trading-breakingnews.com/en-US/live_chat_support_EN.png" border="0"
alt="Live Chat" style="display: block;" /></a>
</div>
</body>
</html>

Thread: Image Always On Top Off The Html Page

Thread Tools

Display

Image Always On Top Off The Html Page

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions