boberang
Junior Member
Posts: 4
Registered: 1/30/2004
Member Is Offline
|
| posted on 4/19/2005 at 05:44 PM |
|
|
wrapper / css / table odditiy/trouble :-)
Trying to use tables in the drop down/level 1 to have two cells, one cell for caption, one for image (partly to position).
The following works in my items.js:
['<table width="100%" border="0" cellspacing="0" cellpadding="2"><tr><td width="10"><img
src="../images/spacer.gif" width="10" border="0"></td><td class="m1inner">Member
Handbook</td></tr></table>', 'http://www.domain.org'],
The following is displayed correctly, but on mouseover it changes to all white rectangle instead of just a white background:
[wrapn('Member Handbook'), 'http://www.domain.org'],
where:
function wrapn (caption) {
return ['<table width="100%" border="0" cellspacing="0" cellpadding="2"><tr><td width="10"><img
src="../images/spacer.gif" width="10" border="0"></td><td class="m1inner">' + caption +
'</td></tr></table>']
}
and
.m1movero {
background: #FFFFFF;
}
.m1inner {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px;
text-align: left;
text-indent: 5px;
}
Why does the mouseover turn the BACKGROUND white when I have the table code in place but when I use the wrapper code (as many menu items, want to save
space) it just shows a white rectangle with no text on mouseover (prior to mouseover it shows up fine)
|
|
|
|