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?
- Has been a member for 5-6 years
- Exclusive Author
- Repeatedly Helped protect Envato Marketplaces against copyright violations
- Sold between 5 000 and 10 000 dollars
- Microlancer Beta Tester
- Bought between 10 and 49 items
- Referred between 1 and 9 users
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.