Hi there,
I'd like to have an image map on a background image and I found a very good
post of Paul Novitzki which covers exactly this. It was posted June 2004
(http://archivist.incutio.com/viewlist/css-discuss/40401).
However, I can't seem to make this work. Can someone please help me?
1. when I remove the comments from the ".bgstars a" line, all carefully
positioned links within the inner table are forced to the left, destroying the
table completely
2. I can neither see or position the link areas lkhome, link2 or link3
This is an excerpt of my font.css file:
.bgblue {background-image: url("../img/bgpx.gif") } /* 1 pixel */
.bgstars { height: 600px; width: 800px; background-image:
url("../img/bgstars.jpg") }
.bgstars a { /* display: block; float: left; border: 1px dashed red;
/* debug display */ }
.bgstars a span { display: none; }
.bgstars a#lkhome { height: 50px; width: 50px; border: 1px dashed green; }
.bgstars a#link2 { height: 75px; width: 25px; border: 1px dashed blue; }
.bgstars a#link3 { height: 10px; width: 10px; border: 1px dashed purple; }
And this is where I try to set the link:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="bgblue"><img src="img/trpx.gif" alt=""></td>
<td valign="top" height="600" width="800" class="bgstars">
=> <div id="bgstars">
=> <a id="lkhome" href="http://home";><span>Link 1</span></a>
...
<table border="0" cellspacing="0" cellpadding="0"><? #inner
table !?>
<colgroup>
<col width="35">
<col width="365">
<col width="365">
</colgroup>
<tr>
.... <a href...>
....
Thanks for your help!
Gary Czychi
P.S.: This is my first post to this group so please tell me and forgive me when
I made a mistake.
--
___________________________________________________
Play 100s of games for FREE! http://games.mail.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
