By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,866 Members | 2,039 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,866 IT Pros & Developers. It's quick & easy.

Background Image as Link

P: 10
Hello,
I am having trouble placing a link on a background image that is located within a div that is positioned as absolute. I was able to properly place a link on a background image in another page that was located within a div with relative positioning. However, I am having trouble getting the same CSS hack to work on a div that is positioned as absolute. see below. any suggestions would be helpful. I am viewing this in IE7.
Regards



CSS:
#menuheader a

{

\\position: absolute;top:0px;left:19%;
background: url('/images/header3.jpg');
background-repeat:no-repeat;
height: 58px;
width:780px;
z-index:1;
display:block;
padding-bottom:5px;
}

#menuheader a span {
visibility: hidden;
}


HTML:
<div id="menuheader">

<a href="/index.asp" title="Intranet" ><span>Intranet</span></a>
</div>
Jan 11 '08 #1
Share this Question
Share on Google+
1 Reply


P: 32
What problem are you having with this code?
It renders correctly within the context you have provided.

If you have an absolutely positioned element inside a relatively positioned element, the absolute element with treat the containing element as its reference instead of the whole window or viewport.
This could be throwing off your layout, if that is what is happening.
Jan 12 '08 #2

Post your reply

Sign in to post your reply or Sign up for a free account.