Post Archive
› May 24, 2003
Yet another CSS buttons! Today: inlines.
This month, Mike Golding has shown new and better CSS buttons. They still didn't satisfy me - they're too large for me, it's problem to arrange them horizontaly, I cannot put them inside the text etc. So, I made my own CSS buttons. They are inline, you can set their width variable, or fixed (in IE/Opera only), you can place them inside a text, their height is driven by the text-size only (I'm using 9px to keep them small) etc.
BTW, did you know that even WinIE 5.0 is supporting display:inline-block? I didn't, and I've been really surprised. Maybe I'll write more about it later...
Comments
1. May 24, 2003 09:37 AM
2. May 24, 2003 12:05 PM
Quote this comment
Lon Posted…
is it a button if it doesn't have a 'down' state?3. May 24, 2003 01:40 PM
Quote this comment
huphtur Posted…
why create CSS buttons? the css+html code combined is over 1k, a simple gif button is less then 210b.4. May 24, 2003 03:16 PM
Quote this comment
pixy Posted…
huphtur: I thought the same... But now I know the size isn't everything. Another HTTP requests must also be counted in. If you join HTML code for IMGs and all neccessary HTTP request, one simple HTML document may be better, even if it's larger...5. May 24, 2003 10:55 PM
Quote this comment
huphtur Posted…
ah.. excellent point pix. I didnt think of that.6. May 26, 2003 01:40 PM
Quote this comment
Chris Pirillo Posted…
Took me forever to get 'em to work within my design. :)7. May 27, 2003 10:55 AM
Quote this comment
Darrel Posted…
To nitpik: These are typically called 'bugs'. Buttons, as Lon mentioned, would indicate a 'pushable 'screen widget.8. May 27, 2003 06:05 PM
Quote this comment
Luke Redpath Posted…
Nice attempts. I don't want to discredit your attempts, but I have to say for the sake of an overly pedantic approach to accessibility, are these CSS buttons really worth it? The gif (or png) images still look much more stylish, and with an alt attribute, they fulfill their accessibility needs. Why would somebody with poor site really need to see what these buttons say anyway? They aren't exactly an integral part of a website's design or content. I think it's a nice experiment, but ultimately worthless when the gif's do the job and look much nicer. Just my thoughts...9. May 27, 2003 06:10 PM
Quote this comment
Luke Redpath Posted…
Excuse my poor late night spelling...poor *sight* and any other mistakes I made...10. May 28, 2003 09:50 AM
Quote this comment
Darrel Posted…
Well, one could of course argue that these types of bugs are pointless anyways. No user really cares if you validated your code or that you made it on a linux box or that you like a particular browser. I call these nink-nacks. If you like them, fine, stick them on your shelf, but no one else really appreciates them like you do. ;o)11. April 17, 2006 08:51 PM
Quote this comment
Nate Posted…
Beautiful job Pixy! They really do scale nicely.