UBB.Developers Forums UBB.threads 6 V6 Modifications CSS Styles and Themes darktable and lighttable in postlist and mainpage

HI gurus!

I've been messing around with css and do not get it.

I'm using background-image and want to use tableborders but not tablesurrounds. That way the table's has own border.

I'm diggin' the way my board looks, but there are some problems.

1. I can't get my postlist and main pages to show dark and lighttableborders.

2. In netscape it looks horrible.

My css-know-how is very bad , but if you could help me out, it would be much appreciated.

Thanks!

BTW. I'm using 6.02.


FWIW, this is my stylesheet:

A:link, A:visited, A:active, A:hover {
}
A:link {
color: #1F6D87;
text-decoration: none;
font-weight: bold;
}

A:visited {
color: #24809E;
text-decoration: none;
font-weight: bold;
}

A:active {
color: #1F6D87;
text-decoration: none;
font-weight: bold;
}

A:HOVER {
color: ;
background-color: ;
}

.onbody{

color: #003C50;
}

.onbody A:LINK {
color: #1F6D87;
text-decoration: none;
font-weight: bold;
}

.onbody A:VISITED {
color: #1F6D87;
text-decoration: none;
font-weight: bold;
}

.onbody A:ACTIVE {
color: #1F6D87;
text-decoration: none;
font-weight: bold;
}








BODY,P,TABLE,TD,TR {
font-size: 9pt;
font-family: Arial;



}

BODY {

background-image:
margin: 0px 0px 0px 0px;
background-image: url("http://www.yle.fi/ylex/ohjelmat/img/gradient.jpg");
background-repeat: repeat-y;

border-style: solid;
border-color: #003C50;
border-width: 1px;
}


}

PRE {
font-size: 9pt;
font-family: Arial;
}

FORM {
display: inline;



}

.tablesurround {
border-style: solid;
border-color: #003C50;
border-width: 1px;
font-size: 9pt;
}

.tableborders {
background: transparent;
color: #003c50;

}
.tdheader {
background: none;
border-style: solid;
border-color: #003C50;
border-width: 1px;
font-size: 9pt;
}
.menubar{
background: none;
border-style: solid;
border-color: #003C50;
border-width: 1px;
}

.navigation{
font-size: 9pt;
font-family: Arial;

}

.post:FIRST-LINE {


}

.post:FIRST-LETTER {

}

.new {

font-size: ;
}

.catandforum {
font-family: Arial;
font-size: 9pt;


}

.posttime {
font-size: 9pt;
font-style: Arial;

background: none;
border-style: solid;
border-color: #003C50;
border-width: 1px;


}

.threadtotal {
font-size: 9pt;

background: none;
border-style: solid;
border-color: #003C50;
border-width: 1px;
}

.posttotal {
font-size: 9pt;

background: none;
border-style: solid;
border-color: #003C50;
border-width: 1px;
}

.modcolumn {
font-size: 9pt;

background: none;
border-style: solid;
border-color: #003C50;
border-width: 1px;

}

.small {
font-size: 9pt;
font-family: Arial;

}

.standouttext {
color: ;
}

.pollcolor {
background: ;
}

.welcome {
font-family: Arial;
}

.forumtitle {
font-family: Arial;
}

.forumdescript {
font-size: 9pt;
color: #003C50;


}

.lighttable {

background: none;
border-style: solid;
border-color: #003C50;
border-width: 1px;


}

.darktable {
background: none;
border-style: solid;
border-color: #003C50;
border-width: 1px;

}

.cleartable {

background: none;
border-style: solid;
border-color: #003C50;
border-width: 1px;


}

.alternatetable {

background: none;
border-style: solid;
border-color: #003C50;
border-width: 1px;

}

.subjecttable {

background: none;
border-style: solid;
border-color: #003C50;
border-width: 1px;

}

.footertable {
color: #003C50;


}

.formboxes{
font-family: Arial;
background-color: #DBEEF5;

font-size: 9pt;
}

.buttons {
font-family: Arial;
background-color: #CCCCCC;

font-size: 8pt;
}

Your stylesheet isn't valid css. You can test your style easily at http://jigsaw.w3.org/css-validator/.

I attached a modified version that doesn't contain errors. It's not tested with threads so i can't tell you weather it fixes your problems. But it should be a start.

I knew it!


Hey, thanks!

I'm studying your modifications.

This looks good.

I sorted all classes alphabetically. I didn't change much. But you can't do something like "color: ;".
If you don't want to define it, just remove the hole attribute.