Dear Mustafa, Thank you for looking at my code. Your second solution is what I was trying to do. I was trying to make sure that the right image (btn_right_side_long_on.gif) would "widen" or "narrow" itself as the length of the text string changed. Obviously, if a text string was so long that it exceeded 300px, then it would break, but I see this as an acceptable compromise. I also am willing to accept that if the text was enlarged, it would break. I appreciate the time you took to look at this.
Your first solution, which used the combined image, was not the desired solution because I need the button to "resize" itself within a certain range. Yes, I agree with you that based on current web development best practices, being able to add hooks into the markup would provide more solutions. Unfortunately, this was a project that had already been developed before my time. I am not a ASP.NET developer, but for future projects, I will try to advise the development team to use different controls (or none at all) to allow more UI coding flexibility Thank you for reminding me about IE6's :hover limitation. I had forgotten about that. --Stephen >More proper methods would require some hooks inside <a> like a <span> >or you need to forego the rounded corners on the right side. This is >considering you cannot edit the anchor element. This is why planning >before you define the mark-up is very important. > >Remember, IE6 does not support the use of :hover pseudo class on every >element. In your case <li>. It can be done using Javascript. >2. Here is the one I think you were trying to do. Using the existing >images(reset the paths). Warning: Text-resizing will have some weird >effects. ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
