On Aug 2, 2005, at 23:49, Dariusz Wojtas wrote:
[..]
<td width="3" height="3"><img wicket:id="imgLeftTop"
src="imgLeftTop.gif" alt=""/></td>
<td wicket:id="topBackground" background="topBackground.gif"></td>
[..]
How do I use/specify the 2nd image when it is a background for the
TD element?
I would solve this with CSS. Use an external CSS file that contains
the styling for the table. Images referenced in the CSS file are
relative to the CSS file's location, regardless of the url of the
page using the CSS. So this could work (completely untested of course):
<!-- in your html -->
<table class="roundedBorder">
<tr class="topRow">
<td class="topLeft"></td>
[.....]
/* in CSS */
table.roundedBorder td.topLeft {
width: 20px; height: 20px;
background: url(images/topleft.gif) no-repeat;
}
etcetera. Google for "css rounded box", you'll see a lot of examples,
that don't even use tables most of the time. This one's nice: <http://
www.vertexwerks.com/tests/sidebox/>
cheers,
Gert Jan
-------------------------------------------------------
SF.Net email is sponsored by: Discover Easy Linux Migration Strategies
from IBM. Find simple to follow Roadmaps, straightforward articles,
informative Webcasts and more! Get everything you need to get up to
speed, fast. http://ads.osdn.com/?ad_id=7477&alloc_id=16492&op=click
_______________________________________________
Wicket-user mailing list
Wicket-user@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/wicket-user
