Spannah in the works

Tuesday, October 10, 2006

Display: inline-block

OOh just had a frustratring problem. I won't bore you with the details, but I was creating a horizontal menu via a list set to display-inline. I wanted the 'a tag' to fill the menu bar if you like so that the hover could change the background image that filled the height of the list. No problem, I thought, I'll simply set the 'a tag' to display; inline-block. Fine for IE. However, Firefox kinda ignored it as it apparently doesn't support inline-block. So quick search on the web found me a useful hack - using -moz-inline-block. Alas, Firefox just displayed the 'a tags' as block elements. Sulk. Further searching brought me to this site which offered an alternative to this: -moz-inline-box. Seems to work a treat - so many thanks for this tip!!

0 Comments:

Post a Comment

<< Home