The html button you copied from that page contains an id with two specific styles on that page, one for the A, and one for the SPAN inside it. Here's a sample: demo: http://jsbin.com/adinu
source: http://jsbin.com/adinu/edit - Richard On Wed, Sep 2, 2009 at 3:18 AM, Paul <[email protected]> wrote: > > Hi, > > I can't make jQueryUI icons work. Every time an icon creates two > additional line breaks (both in FF and IE), and I can't achieve the > same effect as on jqueryui.com website. > > I simply copied the code to create a button from their themeroller > page, but it doesn't seem to work: > > <a href="#" class="ui-state-default ui-corner-all"><span class="ui- > icon ui-icon-newwin"></span>Open Dialog</a> > > And this button looks nothing near like on their website. > > What is wrong? > > Below is an HTML page to reproduce the problem (basically copied and > pasted from jqueryui.com). Actually <script> tags linking to .js files > can be omitted. > =========================== > <!DOCTYPE html> > <head> > <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> > <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/ > jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css" type="text/css" > media="all" /> > <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/ > jquery.min.js" type="text/javascript"></script> > <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/ > jquery-ui.min.js" type="text/javascript"></script> > </head> > <body> > <p><a href="#" class="ui-state-default ui-corner-all"><span class="ui- > icon ui-icon-newwin"></span>Open Dialog</a></p> > </body> > </html> > > > > --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
