327 posts
  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 10 and 49 users
  • Sold between 50 000 and 100 000 dollars
  • United Kingdom
PaulWinslow says

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.

Cheers! :)

491 posts
  • Author had a File in a Mini Bundle
  • Author had a Free File of the Month
  • Elite Author
  • Exclusive Author
  • Sold between 100 000 and 250 000 dollars
  • Has been a member for 3-4 years
  • Referred between 200 and 499 users
+3 more
theAlThemist says

Firebug > Right Mouse Button > Inspect ellement ;)

327 posts
  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 10 and 49 users
  • Sold between 50 000 and 100 000 dollars
  • United Kingdom
PaulWinslow says

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?

Cheers.

491 posts
  • Author had a File in a Mini Bundle
  • Author had a Free File of the Month
  • Elite Author
  • Exclusive Author
  • Sold between 100 000 and 250 000 dollars
  • Has been a member for 3-4 years
  • Referred between 200 and 499 users
+3 more
theAlThemist says

...so how are they floated?

They are not! May be a closer look? :) Most of the authors use images with the exact width. And some of them use “separator” image between two buttons.

1799 posts
  • Has been a member for 5-6 years
  • Germany
  • Exclusive Author
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Sold between 5 000 and 10 000 dollars
  • Envato Studio (Microlancer) Beta Tester
  • Bought between 10 and 49 items
  • Referred between 1 and 9 users
BroOf says

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.

63 posts
  • Author had a File in an Envato Bundle
  • Bought between 1 and 9 items
  • Elite Author
  • Europe
  • Exclusive Author
  • Has been a member for 3-4 years
  • Sold between 50 000 and 100 000 dollars
DMThemes says
Yeah, CSS isn’t allowed, but images are inline elements and this is how we did it on our profile page:
<img /> &nbsp;&nbsp;&nbsp; <img /> <br /><br />
<img /> &nbsp;&nbsp;&nbsp; <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 :)

259 posts
  • Sold between 10 000 and 50 000 dollars
  • Has been a member for 4-5 years
  • Referred between 10 and 49 users
  • United Kingdom
  • Bought between 1 and 9 items
  • Exclusive Author
MushinDesign says

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>
327 posts
  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 10 and 49 users
  • Sold between 50 000 and 100 000 dollars
  • United Kingdom
PaulWinslow says

Cheers for your help, guys. :)

562 posts You Reap What You Saw
  • Elite Author
  • Sold between 50 000 and 100 000 dollars
  • Has been a member for 4-5 years
  • Author had a Free File of the Month
  • Exclusive Author
  • Referred between 200 and 499 users
  • Bought between 1 and 9 items
Bluz says
2024 posts
  • Elite Author
  • Author had a Free File of the Month
  • Has been a member for 4-5 years
  • Austria
  • Exclusive Author
  • Interviewed on the Envato Notes blog
  • Envato Studio (Microlancer) Beta Tester
+3 more
revaxarts says

You can use tables for layouts as well (remember the 90’s!?)

Or use my Envatitor as a little helper ;)

Sorry for the promotion

by
by
by
by
by
by