Sent by Karl Bedingfield on 2 June 2004 09:09
Hi there and Good Morning,
I am trying to create a clickable logo using a hidden image. The image views
in older browsers but for some reason in mozilla the placement of my #logo
is way off where I positioned it.
Can anyone possible advise where I am going wrong?
The area over the red square and black rectangle should be clickable but for
some reason the link area is pushed just below the black rectangle. See here
http://www.nuveautek.com/test/about/headerTest.php
This is the code I am using and it appears fine in IE.
This is my HTML:
<div id="header">
<div id="logo"><h1><a href="/" title="Logo links to homepage"><img
src="../images/slices/lofi_logo.gif" width="129" height="111" alt="Tag Here"
border="0" /></a></h1></div>
<div id="info">
<p><strong>Telephone:</strong> 00000 000000<br
/><strong>Email:</strong> <a href="/contact/"
[EMAIL-REMOVED]</a></p>
</div>
And this my CSS:
html, body {
background: #EEEDEE;
margin: 0 auto;
font-family: verdana, sans-serif;
text-align: center;
font-size: small;
scrollbar-face-color: #333333;
scrollbar-shadow-color: #333333;
scrollbar-highlight-color: #333333;
scrollbar-3dlight-color: #333333;
scrollbar-darkshadow-color: #333333;
scrollbar-track-color: #CCCCCC;
scrollbar-arrow-color: #f6f6f0;
}
html>body { /* be nice to Opera */
font-size: small;
}
#mainWrapper {
margin-left: auto;
margin-right: auto;
width: 50em;
text-align: left;
}
/* Header and Navigation Styles
----------------------------------------------- */
#header {
margin: 0 auto;
width: 744px;
height: 156px;
background: url(../images/slices/header.gif) no-repeat;
position: relative;
}
#logo {
position: absolute;
top: 30px;
left: 27px;
width:129px;
height:111px;
}
#logo img {
visibility:hidden;
}
#info{
position: absolute;
top: 49px;
right: 35px;
font-family: Georgia, Times New Roman, serif;
font-size: 90%;
color: #AB7D63;
z-index: 99;
}
Any help is greatly appreciated :-)
Thanks
Karl
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
