Tables and Boxes - What is CSS

« What is CSS »

Welcome Guest. Please Login or Register.
Nov 22, 2009, 8:56am

Main Linkpage

Music Demo

Tables

Safetynet

Tables and Boxes :: HTML Tables :: Basics of CSS :: What is CSS

Author

Topic: What is CSS (Read 430 times)

All Seeing Eyes
Administrator

member is offline

Joined: Jul 2004
Posts: 54

What is CSS
« Thread Started on Oct 17, 2007, 5:26pm »

Cascading Style Sheets

On your board, when you set the colours for window background 1 (for example) it changes a bit of CSS, and all cells that have the same code, will change to that colour.
But it's not just colour, you can change just about everything about the cell.

On your browser, click on 'view' then 'source' (or page source), you will see all the coding (including the html that's proboards default), near the top, you'll see

<style type="text/css"></style>

lets take window background

.windowbg { background-color: #DDDDDD; font-size: 11px; color: #000000; }

Attrribute: Action;
Fairly self explanitory, attributes and actions are paired, note the : & ;

If for instance you put this in your header

<style type="text/css"></style>

the font will increase to 14 pixels, and i've added a height of 100

you don't need to add the whole line if doing it on your board, i could have done the same with

<style type="text/css"></style>

So, How does this work?
in each cell, there's a 'class=windowbg', so all cells with that class will do the same.

if you are making a table from scratch, with many different cells, it doesn't matter what you call the cell classes, as long as the class and the CSS name match.
so, Tom, fred, and Harry would work too.

the class normally goes in the cell
<td class="fred" (other cell attributes) >

« Last Edit: Oct 17, 2007, 5:40pm by All Seeing Eyes »

Link to Post - Back to Top IP:

Logged

Click Here To Make This Board Ad-Free

This Board Hosted For FREE By ProBoards
Get Your Own Free Message Boards & Free Forums!