Sensory inertia "CSS

Category Archive for 'CSS'

Style lists with CSS

Comments 16 Dameris / Los_Angeles April, 2007 under CSS .

The following properties change list styles using Cascading Style Sheets:

list-style-image: image as a marker;
list-style-position: position of the marker;
list-style-type: type of marker;
list-style: shorthand for multiple properties;

How to fill the property values:

list-style-image

none
URL: url (directory / imagem.extensao)

list-style-position

outside: the scruffy marker text
inside: marker aligned with text

list-style-type

none: no marker
Talk: circle (ball painted)
circle circumference (ball empty)
square: square Pintade
lower-alpha: lowercase a, b, c, d, ...
upper-alpha: [...]

Declaration of CSS in the page

Comments 13 Dameris / Los_Angeles April, 2007 under CSS .

I usually put all the CSS code in separate files but occasionally the need arises to put them in the body of the page, inside <head>. For that I'll never forget then, is this:
PLAIN TEXT
HTML:

</ Style>

Two-column layout with CSS

Comments 18 Dameris / Los_Angeles February, 2006 under CSS .

They say the Holy Grail in Cascading Style Sheet is the three-column layout fluid (or floating, or even elastic). But before I show it, and moreover, it is relatively easy, start by explaining the two-column layout. Both share the same principle, then two columns with CSS will suffice for now.
First, start with two [...]

CSS boxes centered

Comments 16 Dameris / Los_Angeles February, 2006 under CSS .

The following code centers a CSS box on screen, putting the size of its banks on "auto." Not the infamous layouts of two or three columns, but even just a box right in the middle of the screen with the left and right sides equidistant from the viewport.
Great for when you have a box of fixed size [...]

Multiple CSS classes on one element

Comments 16 Dameris / Los_Angeles November, 2005 under CSS .

Yes, it is possible and is very easy. To apply more than one class on an element, simply separate the names with spaces, for example:
PLAIN TEXT
HTML:

<span class="nome1 nome2"> Lorem ipsum </ span>

Stretching a box vertically with CSS

Comments 10 Dameris / Los_Angeles November, 2005 under CSS .

When you want to stretch a box via CSS to occupy an entire vertical space, the most obvious solution is to:
PLAIN TEXT
CSS:

. Class (

width: 100%;

)

And it works most of the time. However, when the doctype is in strict mode, the box will not stretch to fill the entire space.
This happens because in strict mode, a box has the [...]