It took me about a week to figure that out. I felt stupid too, but it's not as obvious as you would think. :)
On May 14, 6:23 am, THank U <[email protected]> wrote: > thanks!!! I feal stupid the answer was in the file I was looking > at... ohhh well I guess. > > On May 14, 4:29 am, "Richard D. Worth" <[email protected]> wrote: > > > > > Here's one way to go: > > > <a href="#" style="position:relative;padding-left:20px;"> > > <span class="ui-icon ui-icon-pencil" > > style="position:absolute;top:50%;margin-top:-8px"></span>Edit > > </a> > > > You can see an example of this is the same index.html: > > > <style type="text/css"> > > ... > > #dialog_link { > > padding:0.4em 1em 0.4em 20px; > > position:relative; > > text-decoration:none;} > > > ... > > #dialog_link span.ui-icon { > > left:0.2em; > > margin:-8px 5px 0 0; > > position:absolute; > > top:50%;} > > > ... > > </style> > > ... > > <a class="ui-state-default ui-corner-all" id="dialog_link" href="#"><span > > class="ui-icon ui-icon-newwin"/>Open Dialog</a> > > > - Richard > > > On Thu, May 14, 2009 at 12:37 AM, THank U <[email protected]> wrote: > > > > Hello, > > > > I want to have an icon linked with text next to it, seams simple but > > > can't figure it out??? > > > > If you take the index.html page in the example: > > > /js/jquery.ui.1.7.1/index.html > > > > and add the following to the page: > > > <a href="#"><span class="ui-icon ui-icon-pencil"></span>Edit</a> > > > > You get the icon pencil a line break then the text. > > > > using this code: > > > <a href="#"><span class="ui-icon ui-icon-pencil">Edit</span></a> > > > > you get the icon pencil and no visible text... > > > > So what is the proper way to have linked text with an icon on the left > > > side of the text?- Hide quoted text - > > > - Show quoted text -- Hide quoted text - > > - Show quoted text - --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
