Sent by Gary Czychi on 19 January 2006 12:12
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-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/
