Acmlm's Board - I2 Archive - Programming - CSS File Syntax
| User | Post |
paradox
Posts: 315/703 |
Originally posted by Elric
Cascading Style Sheet
thanks, i always wanted to know that... |
Elric
Posts: 48/687 |
Cascading Style Sheet |
paradox
Posts: 293/703 |
kinda off topic...but can someone tell me what CSS stands for? i always wanted to know |
Acmlm
Posts: 456/1173 |
<style>
.test table {color:#FFFF66}
.test td {color:#99FF99}
.test font {color:#CCCCFF}
</style>
<table class=test><th>This should be uncolored text<tr><td>This should be green text, <font class=test>this should be blue text</font> <div class=test>and this should be green again</table>
| This should be uncolored text | | This should be green text, this should be blue text and this should be green again |
The font color attribute in .table does nothing, putting it in .td affects all <td> cells in tables that use it (not <th>), while putting it in .font only affects text between <font> tags ... so if you want to affect a whole table, .td is the one to use 
Darth Coby
Posts: 431/1371 |
That's what I meant, and he could add font colour: to the Table tag. |
Jesper
Posts: 215/2390 |
ErkDog's right; it would affect every other post too unless he used [hisownlayoutid] table {}. |
ErkDog
Posts: 154/982 |
yeah but either way... don't you have to define a class and reference inside of the < table or < td ??
|
Tuvai
Posts: 144/211 |
Originally posted by ErkDog
yeah .table is pretty much nothing, lol
I didn't mean that, I just don't see the point of putting font definitions in a class for a table. If not obvious enough, font{} is for <font>, table{} is for <table>, td{} is for <td>, and so on. |
ErkDog
Posts: 152/982 |
yeah .table is pretty much nothing, lol
you just set the font in a class type
then at the beginning of your layout
< table blah blah class=cssclass > |
Tuvai
Posts: 142/211 |
.table for font? Meh. Proper way is simply defining the font tag with CSS, example:
font{font-family:Verdama; font-size:10px; color:#ffffff; line-height:16px;}
(rf font.eq is you want it to be a class like you apperantly were meant to do with your a and blockquote tags) |
Elric
Posts: 45/687 |
*Elric blinks
Of course. *rolls eyes at self for missing the obvious*
Thanks again. |
Darth Coby
Posts: 426/1371 |
.table
Elric
Posts: 43/687 |
Ah! Thanks!
So, if I don't use body, since it's for a table, what would be the proper way to set the font face and size? |
Tuvai
Posts: 137/211 |
Yeah, messing around with the body is a no-no. Don't forget you're doing this for a post layouts, which is just a TABLE on every page of this board, while that whole page has it's own CSS, including body definitions; your post layouts is NOT the same as a whole webpage.
Correct syntax (without the body):
blockquote.eq{
border-color:#6666ff;
border-width:3px;
border-style:dotted;
background-color: #000055;
color:Cyan;
padding:5px;
width:95%;
}
a.eq{
color:Cyan;
} |
Jesper
Posts: 205/2390 |
First of all, holy jesus don't use body.
Second of all, width: 95%.
Third, the A not working may be because of the row before it is broken (see point two)
Fourth, no, not cyan, I'd rather hop on the crazy train. |
Elric
Posts: 41/687 |
For this layout, I use a custom .CSS file, which is loaded with the layout.
I'm trying to make some modifications to it, but they don't seem to be working. I want to make the color of links in my posts cyan.
Here's my current .CSS file:
.eq body { font: Arial 10pt; }
.eq blockquote { border: 3px dotted #6666FF; background: #000055; color: Cyan; padding: 5px; width=95% }
.eq A:link { color: Cyan; }
Obviously, A:link isn't right, since it isn't working. I also tried just link, href, and I tried adding link to the body{} syntax, all to no avail. How should I do it?
Thanks in advance! |
| |
|
