David/Chuck: >> Often when doing css styled tabs the <a> is styled as a block or float >> with a height and width and the tab image is set as it's background image. >> This makes the entire tab clickable, and it also allows a:hover to change >> the background image to show a hover state. > > Yeah, that should work. It is just a plain only WOHyperlink.
Tried the combination of  's (Chuck) and the CSS styling suggestion (David). Worked kinda ok but ran in to the following issues: 1. It looks like there is no way to set the link text width exactly since this is a (user-agent) computed style property. This results in the background image to be only partially visible. 2. It all falls apart (visually) if the user changes the font size :-( Will try to use the default behaviour for now. Thanks for all the suggestions. --JSt On Tue, Jun 24, 2008 at 9:12 PM, Chuck Hill <[EMAIL PROTECTED]> wrote: > > On Jun 24, 2008, at 6:04 PM, David LeBer wrote: > >> >> On 24-Jun-08, at 8:43 PM, Chuck Hill wrote: >> >>> >>> On Jun 24, 2008, at 1:29 PM, J Stephanos wrote: >>> >>>> >>>> >>>> I have been trying get a different look for the tabs in AjaxTabPanel >>>> (ProjectWonder) by replacing the tabs with my own images (of tabs). With >>>> the >>>> CSS (id) selector on each tab I can sort of do that but the problem is >>>> with the name binding. >>>> >>>> From the code: >>>> / * @binding name required, String the text shown in the tab that is >>>> clicked on to select the tab */ >>>> >>>> If I set the string, it overlays the tab image, if I don't (by setting a >>>> blank string), there is nothing to click on. >>>> >>>> Is there an easy way around this problem? >>> >>> Not unless there is some CSS magic to make the text invisible / clear. >>> You could try making the name a bunch of I think the only real fix >>> would be to add an image or some such binding. >> >> >> I've not looked at the AjaxTabPanel so I have no idea if this helps but... >> >> Often when doing css styled tabs the <a> is styled as a block or float >> with a height and width and the tab image is set as it's background image. >> This makes the entire tab clickable, and it also allows a:hover to change >> the background image to show a hover state. > > Yeah, that should work. It is just a plain only WOHyperlink. > > > -- > > Practical WebObjects - for developers who want to increase their overall > knowledge of WebObjects or who are trying to solve specific problems. > http://www.global-village.net/products/practical_webobjects > > > > > > _______________________________________________ > Do not post admin requests to the list. They will be ignored. > Webobjects-dev mailing list ([email protected]) > Help/Unsubscribe/Update your Subscription: > http://lists.apple.com/mailman/options/webobjects-dev/jstephanos%40gmail.com > > This email sent to [EMAIL PROTECTED] > _______________________________________________ Do not post admin requests to the list. They will be ignored. Webobjects-dev mailing list ([email protected]) Help/Unsubscribe/Update your Subscription: http://lists.apple.com/mailman/options/webobjects-dev/archive%40mail-archive.com This email sent to [EMAIL PROTECTED]
