What’s the difference between ‘class’ and ‘id’?
As a person, you may have an ID card - a passport, a driving license or whatever - which identifies you as a unique individual. It’s the same with CSS. If... Read more »
Archive for August, 2008
To what are partial URLs relative?
Partial URLs are relative to the source of the style sheet. The style sheet source can either be linked or embedded. To which source partial URLs are relative to... Read more »
Do URL’s have quotes or not?
Double or single quotes in URLs are optional. The tree following examples are equally valid: BODY {background: url(pics/wave.png) blue} BODY {background: url(”pics/wave.png”)... Read more »
Colored Horizontal Rule?
You can apply styles to Horizontal Rules in IE without problems, but NN4.xx can only render the silvery HR. But there is a way around it: .rule {border-top-width:... Read more »
Why can @import be at the top only?
A style sheet that is imported into another one has a lower ranking in the cascading order: the importing style sheet overrides the imported one. Programmers may... Read more »
Which style specification method should be used? Why?
The answer to this one is tricky. The short answer is: “it depends.” The long answer is, however, another story. If you are planning on using more than... Read more »
Must I quote property values?
Generally no. However, values containing white spaces, e.g. font-family names should be quoted as whitespaces surrounding the font name are ignored and whitespaces... Read more »
What is wrong with font-family: “Verdana, Arial, Helvetica”?
The quotes. This is actually a list with a single item containing the well-known ‘Verdana, Arial, Helvetica’ font family. It is probably intended to... Read more »
How does inheritance work?
HTML documents are structured hierarchically. There is an ancestor, the top level element, the HTML element, from which all other elements (children) are descended.... Read more »
How do you target a certain browser?
IE can be targetted by preceding your properties with ‘* html’. For example… #nav { position:fixed; } * html #nav { /* this will target IE */ position:absolute; } Another... Read more »
Border around a table?
Try the following: .tblboda { border-width: 1px; border-style: solid; border-color: #CCCCCC; } /*color, thickness and style can be altered*/ You... Read more »
Can I attach more than one declaration to a selector?
Yes. If more than one declaration is attached to a selector they must appear in a semi colon separated list, e.g.; Selector {declaration1; declaration2} P {background:... Read more »
How do I get my footer to sit at the bottom…?
Need a div which makes space at the bottom of the main page (inside the #wrap div). Then, the footer (being inside #wrap) can be placed in that space by using absolute... Read more »
How To Style Forms?
Forms and form elements like SELECT, INPUT etc. can be styled with CSS - partially. Checkboxes and Radiobuttons do not yet accept styles, and Netscape 4.xx has certain... Read more »
How To Style Table Cells?
Margin, Border and Padding are difficult to apply to inline elements. Officially, the tag is a block level element because it can contain other block level elements... Read more »