330 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 10+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 100+ items on Envato Market
+2 more
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! :)

616 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $250,000+ on Envato Market
  • Made it to the Authors' Hall of Fame
  • Had an item featured on Envato Market
+8 more
theAlThemist says

Firebug > Right Mouse Button > Inspect ellement ;)

330 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 10+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 100+ items on Envato Market
+2 more
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.

616 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $250,000+ on Envato Market
  • Made it to the Authors' Hall of Fame
  • Had an item featured on Envato Market
+8 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 referred 1+ members
  • Has sold $5,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+4 more
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
  • Has been part of the Envato Community for over 3 years
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Had an item featured in an Envato Bundle
  • Has collected 1+ items on Envato Market
+4 more
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 :)

263 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Had an item featured on Envato Market
+3 more
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>
330 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 10+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 100+ items on Envato Market
+2 more
PaulWinslow says

Cheers for your help, guys. :)

562 posts You Reap What You Saw
  • Has referred 200+ members
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has collected 1+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+3 more
Bluz says
2028 posts
  • Made it to the Authors' Hall of Fame
  • Had an item featured on Envato Market
  • Provided great feedback to improve the user experience on Envato Market
  • Interviewed on an Envato blog
+9 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