Want get good tabs huh !!
Fix Your Site With the Right DOCTYPE!:
Doc Type, A list Apart
RedMelon
Doug's easyCorners:
CSS:
HTML:
Other corners:
If you only need corners it's easy:
.nw { background-image: url(/img/corner/nw.gif); }
.sw { background-image: url(/img/corner/sw.gif); }
.nw, .sw { background-repeat: no-repeat; text-align: right; }
If you want to add image borders all the way round you need more nested backgrounds. In the extreme case:
.n { background: url(/img/border/n.gif) top center repeat-x; }
.e { background: url(/img/border/e.gif) center right repeat-y; }
.s { background: url(/img/border/s.gif) bottom center repeat-x; }
.w { background: url(/img/border/w.gif) center left repeat-y; }
.nw { background: url(/img/border/nw.gif) top left no-repeat; }
.ne { background: url(/img/border/ne.gif) top right no-repeat; }
.se { background: url(/img/border/se.gif) bottom right no-repeat; }
.sw { background: url(/img/border/sw.gif) bottom left no-repeat; }
Raccourcis:
Wikiservice
Propriét?de raccourcis règle tout en un
font font-weight, font-style, font-variant, font-size, line-height, font-family
background background-color, background-image, background-repeat, background-attachment, background-position
margin margin-top, margin-right, margin-bottom, margin-left
padding padding-top, padding-right, padding-bottom, padding-left
border border-width, border-style, border-color
border-width border-top-width, border-right-width, border-bottom-width, border-left-width
border-style border-top-style, border-right-style, border-bottom-style, border-left-style
border-color border-top-color, border-right-color, border-bottom-color, border-left-color
list-style list-style-type, list-style-position, list-style-image
outline outline-color, outline-style, outline-width
Other tuts:
Cssvault
padding : padding-top padding-right padding-bottom padding-left
Mainly from that bloody shit IE ... althought everything should work on every browsers, it's real pain in tha ass programming for diff versions too !!.
1 b ug i noticed is : NEVER give a name containing a number to any classes or ids !! netscape don t recognize that shit !!.
Very good feature explained in the php tut under CSS (keywords: HTC, Javascript).