Welcome To Snipplr
Everyone's Recent CSS Snippets
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
IE adds a vertical scrollbar to textarea input fields regardless of the height of content in it. You can fix that with this simple CSS trick.
2
721
posted 14 years ago by paulgrenwood
Some browsers like Firefox and IE add a dotted outline border over the link user clicked. It is a useful accessibility feature that lets user know which link he clicked or is in focus. But sometimes you need to get rid of this, here’s the CSS you n...
0
553
posted 14 years ago by paulgrenwood
While most of the internet users prefer to read content online but some of your users might like to print your article. With CSS you can control the page breaks within content just add this CSS class to your stylesheet and add this class to any tag w...
1
615
posted 14 years ago by paulgrenwood
This is a very tall order, and we are going to be pulling out all kinds of different stuff to make it happen. First of all, because the image needs to scale, a traditional CSS background-image is already disqualified. That leaves us with an inline im...
3
613
posted 14 years ago by paulgrenwood
This CSS trick lets you highlight the input field currently in focus. This trick does not work in IE though.
0
490
posted 14 years ago by paulgrenwood
This piece of CSS code will highlight links that open in a new window so that user knows before hand that link will pop open in a new tab or window.
0
715
posted 14 years ago by paulgrenwood
I needed today to format the content differently according to the screen resolution of the user. So I thought that just by detecting the screen width using the screen.width property, I could change the stylesheet using jQuery. And so it was. Check th...
0
568
posted 14 years ago by paulgrenwood
Though CSS3 standard includes the opacity property, but not every browser supports it, here’s the CSS trick for cross browser transparency.
2
555
posted 14 years ago by paulgrenwood
Internet Explorer does not understand the min-height property but here’s the CSS trick to accomplish that in IE.
2
534
posted 14 years ago by paulgrenwood
CSS Attribute selectors are very powerful giving you many options to control styles of different elements e.g. you can add an icon based on the href attribute of the a tag to let the user know whether link points to an image, pdf, doc file etc.
0
398
posted 14 years ago by paulgrenwood
Summarised snippet of Natbat's article: http://natbat.net/2009/Jun/10/styling-buttons-as-links/
Any link that that initiates an action, rather than just changing a page should semantically be a form with a submit button not a l ink. However you ca...
3
1073
posted 14 years ago by PeteW
Accomplish min-width in IE6 using CSS and conditional comments, no need for expressions.
4
773
posted 14 years ago by Ahrjay
In IE6 the padding applied to input boxes can be incorrectly rendered showing no difference in the height of the box. Adding "overflow:visible" seems to fix it.
Referenced Source: http://stackoverflow.com/questions/561904/can-you-tweak-the-left-an...
1
622
posted 14 years ago by benjaminpearson
Se que es poco... pero es lo unico que me gusta de facebook.
Chome OK; IE OK; Firefox OK;
0
635
posted 14 years ago by marcocs
base css for flash 100% width min size that works in ff3+, safari3+, google chrome 1+
Remember to use a reset.css: the margin / padding of html and body must be zero.
1
642
posted 14 years ago by mcarneiro
To make the menu work in IE6 (which doesn't support the :hover pseudo element on anything but links and tables), the IE6-specific CSS calls on [Whatever:hover][whatever]. If using [Dean Edwards' IE7-js][IE7-js], this is unnecessary as his script fixe...
4
714
posted 14 years ago by chrisdpratt
Nice clean, and semantically correct breadcrumb XHTML accompanied by the CSS.
Create a transparent GIF of the symbol '>' and save it in /img/gt.gif. This will be used for older browsers that don't support the :after pseudo element.
4
684
posted 14 years ago by PeteW
<p>Cross-browser compatible especially for IE6/7 and makes use of CSS sprites for faster downloading. Download file <a href="http://johnimbong.com/blog/wp-content/uploads/2009/09/curves.zip">curves.zip (75 bytes)</a> which contains the CSS sprite nee...
1
511
posted 14 years ago by enchance