Tag : css
|Alternating column colors in HTML tables||COBOLdinosaur||HTML||css||
The colgroup and col structure is like a directive that specifies table formatting outside of the normal flow. Notice that the col tags do not get closed in HTML5, and the cascade is irregular. Normally the cascade applies to children, but the rows and cells in the table are not children or grandchildren of the col or colgroup. The relationship is more like stepchildren. Because of the irregular relationship, the CSS specificity appears to be quirky. Its not really, but it is not always as expected. To insure the the correct application of both the colgroup rules and the other rules being applied to the tr and td tags the colgroup rules should be applied in line, or be the final rule in the style entries.
|2 hours ago|
|Subtle Recessed Divider Line||nshakin||CSS||css||
Create a subtle "recessed" looking divider line. The example restyles the tag but it can applied to anything.
|CSS Custom Font File||nshakin||CSS||css||
Reference a custom font file for use within a stylesheet
|Captions For Lists and Images||COBOLdinosaur||HTML||css||
One of the limits of using lists (ordered and unordered) is that they have no provision for a heading. You can do something like:
Changes shape back and forth from a round element to a square element.
|CSS3 transition cross browser||oblik35000||CSS||CSS3||
Making CSS transition effects work in all browsers, except IE 6-9
|background image stack||kickass||CSS||css||
|css border-box magical goodness||kickass||CSS||css||
Forces padding to not be added to overall box dimensions but instead subtracted - good for frameworks. For example, a container 960px with a 20px border and a 20px padding added still remains 960px allowing me to enjoy my life free of pesky maths.
Old skool goodness!
|Facebook Like Box CSS Layout Design||jntu_gnec||CSS||css||
Demo Image http://i.imgur.com/f7o3Flr.png
|Stop PPV Leaks - CSS||scorpayllc||HTML||css||May 2|
|Centering a Website | CSS-Tricks||scorpayllc||CSS||css||May 2|
|Symbolset Block with unicode values instead of UTF-8 chars||paulprins||CSS||css||
When I got the font from SymbolSet I was really excited to drop it into my interface but found many of the classes did not work. It looked like an encoding issue (since using the in line versions worked). Upon replacing all 400+ UTF-8 characters with their unicode values ever single one of the characters worked with their classes!
It's a great font - you should get it if you haven't already. For those of you wishing the included css file worked better in your web-app feel free to lift the code below.
I cannot imagine why developers spend all kinds of time trying to get some lame jquery menu working and don't have 15 minutes to spend enhancing the content with a few shadows instead of bloating the page with images that include a shadow.
|Google Forms HTML for Custom CSS Styling||ashloren||HTML||css||
The bare bones HTML code for a Google form, so you can add custom CSS styles to it.
|horizontal tabs in html with css||codingforever99||CSS||css||
designing a simple horizontal tab menu by using ul and il elements with css.