Floaten DIV's zusammen

07/30/2012 23:29 'Rayzor#1
Moin moin!

Kann mir jemand verraten wie ich diese 3 DIV's in eine Zeile bekomme. Sind halt Buttons die ich mittig platzieren will und zusammen nur leider werden sie untereinander geordnet

HTML Code:
<a href="#"><div class="download sbutton"></div></a>
<a href="#"><div class="vote sbutton"></div></a>
<a href="#"><div class="board sbutton"></div></a>
07/31/2012 00:55 kissein#2
Code:
div.sbutton { display:inline-block; float:left;}
müsste reichen
07/31/2012 02:24 Muddy Waters#3
Ich würde stattdessen einfach span-Elemente verwenden oder direkt eine Tabelle nehmen.
07/31/2012 15:33 Fratyr#4
Quote:
Originally Posted by kissein View Post
Code:
div.sbutton { display:inline-block; float:left;}
müsste reichen
inline-block wird allerdings leider nicht von allen Browsern unterstützt. Und wieso inline-block und float left? Wiederspricht sich das nicht in sich selbst?
07/31/2012 16:08 kissein#5
Quote:
Originally Posted by Fratyr View Post
inline-block wird allerdings leider nicht von allen Browsern unterstützt. Und wieso inline-block und float left? Wiederspricht sich das nicht in sich selbst?
aehm jein, für inline-block muss natürlich die grössendefinition mit rein. generell würde man für sowas ein unsorted list element benutzen, oder wie bereits oben gesagt, die divs mit span ersetzen und die positionierung halt noch hinzufügen.