[RESOLVED]jquery ui icon inside jquery ui tabs tab

hi 

i add 3 icons with span inside jquery ui tab. the problem is if i didn’t add the 2nd icon (ui-icon-disk) all looking good. if i add span with that icon the cons alignment screwed up. how to handle this

screen shot link

http://imgur.com/4Qc4o7S

Without seeing any source or markup that you are using, it would be extremely difficult to figure out exactly what is going wrong. You might consider posting that to give us a better idea of how it could possibly be fixed.

Additionally, I would recommend using a modern browser like Google Chrome and it’s available Developer Tools (F12) to "Inspect" the element in question (Right-click > Inspect Element). This would allow you to see all of the available styles that
are being applied to it and allow you to change them in real time to see if you can get the desired appearance.

Finally, ensure that all of your markup is valid (e.g. all tags are closed properly etc.).

Hi sivakl,

Thanks for your post.

sivakl_2001

i add 3 icons with span inside jquery ui tab. the problem is if i didn’t add the 2nd icon (ui-icon-disk) all looking good. if i add span with that icon the cons alignment screwed up. how to handle this

Firstly, you could show us relevant code, then we will reproduce your problem and try our best to resolve it.

Besides, you could try to put each icon in a block element and float the element to the right or left.

Hope it will be helpful to you.

Best Regards,

Fei Han

Leave a Reply