Using CSS3 you don’t need to make your own image with the transparency. Just have a div with the following The last parameter in background (.5) is the level of transparency (a higher number is more opaque). Example Fiddle
You can use CSS3 transitions or maybe CSS3 animations to slide in an element. For browser support: http://caniuse.com/ I made two quick examples just to show you how I mean. CSS transition (on hover) Demo One Relevant Code In this case, Im just transitioning the position from left: -100px; to 0; with a 1s. duration. It’s also possible to move … Read more
Ah ok, I misunderstood its use. To get a fluid button that won’t stretch to massive sizes I added the following: Thanks commenters!
For the disabled buttons you can use the :disabled pseudo class. It works for all the elements that have a disabled API (typically form elements). For browsers/devices supporting CSS2 only, you can use the [disabled] selector. As with the image, don’t put an image in the button. Use CSS background-image with background-position and background-repeat. That way, the image dragging will not occur. Selection problem: here is a … Read more
Change the rule on your <a> element from: to Just add two new rules (width:100%; and text-align:center;). You need to make the anchor expand to take up the full width of the list item and then text-align center it. jsFiddle example
I think this might help you. Just showing you the way how to achieve what you want. Make sure the value for ‘padding-bottom’ on #content is equal to or greater than the height of #footer. Update: JSFiddle Demo to play around.
2015 update: the flexbox approach There are two other answers briefly mentioning flexbox; however, that was more than two years ago, and they don’t provide any examples. The specification for flexbox has definitely settled now. Note: Though CSS Flexible Boxes Layout specification is at the Candidate Recommendation stage, not all browsers have implemented it. WebKit implementation … Read more
I always use this, works perfect.
Styling file inputs are notoriously difficult, as most browsers will not change the appearance from either CSS or javascript. Even the size of the input will not respond to the likes of: Instead, you will need to use the size attribute: For any styling more sophisticated than that (e.g. changing the look of the browse … Read more
The 100% value is 100% of the parent’s width or the view port. See the documentation.