I was just wondering how people get those buttons (follow, twitter, more items, etc.) to float next to each other in their profile/item descriptions?
As far as I’m aware there’s only a few HTML tags you can use in these text fields so it’s something I’ve always wondered.
Firebug > Right Mouse Button > Inspect ellement
Obviously that’s the first thing I did, mate, but all I see is the markup. Anchor and image tags. HTML doesn’t style itself – so how are they floated?
I think the author wrapped the images in a tags which are normally displayed “inline”. If they aren’t too width thy will displayed side by side.
<img /> <img /> <br /><br /> <img /> <img />
So just insert few non-breaking spaces, or you can use create your images widths to fit like a puzlle and avoid nonbreaking spaces
This is how I floated three images/links side by side on mine. I just didn’t separate each new image/link with a new line
<a href="http://www.twitter.com/martin870"><img src="http://www.mushindesign.co.uk/marketing/twitter.png" /></a><a href="http://themeforest.net/user/MushinDesign/follow"><img src="http://www.mushindesign.co.uk/marketing/envato.png" /></a><a href="http://ThemeForest.net/feeds/users/MushinDesign.atom"><img src="http://www.mushindesign.co.uk/marketing/rss.png" /></a>
Cheers for your help, guys.