HI gurus!<br /><br />I've been messing around with css and do not get it.<br /><br />I'm using background-image and want to use tableborders but not tablesurrounds. That way the table's has own border.<br /><br />I'm diggin' the way my board looks, but there are some problems.<br /><br />1. I can't get my postlist and main pages to show dark and lighttableborders.<br /><br />2. In netscape it looks horrible.<br /><br />My css-know-how is very bad <img src="/forum/images/graemlins/blush.gif" alt="" />, but if you could help me out, it would be much appreciated.<br /><br />Thanks!<br /><br />BTW. I'm using 6.02. <img src="/forum/images/graemlins/blush.gif" alt="" /> <br /><br /><br />FWIW, this is my stylesheet:<br /><br />A:link, A:visited, A:active, A:hover { <br />}<br />A:link { <br /> color: #1F6D87;<br />text-decoration: none;<br />font-weight: bold;<br />}<br /><br />A:visited { <br /> color: #24809E;<br />text-decoration: none; <br />font-weight: bold;<br />}<br /><br />A:active { <br /> color: #1F6D87;<br />text-decoration: none; <br />font-weight: bold;<br />}<br /><br />A:HOVER { <br /> color: ; <br /> background-color: ;<br />}<br /><br />.onbody{<br /><br /> color: #003C50; <br />}<br /><br />.onbody A:LINK {<br /> color: #1F6D87;<br />text-decoration: none; <br />font-weight: bold;<br />}<br /><br />.onbody A:VISITED {<br /> color: #1F6D87;<br />text-decoration: none; <br />font-weight: bold;<br />}<br /><br />.onbody A:ACTIVE {<br /> color: #1F6D87;<br />text-decoration: none; <br />font-weight: bold;<br />}<br /><br /><br /><br /><br /><br /><br /><br /><br />BODY,P,TABLE,TD,TR { <br /> font-size: 9pt;<br /> font-family: Arial;<br /><br /><br /><br />}<br /><br />BODY {<br /><br /> background-image: <br /> margin: 0px 0px 0px 0px;<br /> background-image: url("http://www.yle.fi/ylex/ohjelmat/img/gradient.jpg");<br /> background-repeat: repeat-y;<br /><br />border-style: solid;<br />border-color: #003C50;<br />border-width: 1px;<br />}<br /><br /> <br />}<br /><br />PRE {<br /> font-size: 9pt;<br /> font-family: Arial;<br />}<br /><br />FORM {<br /> display: inline;<br /><br /><br /><br />}<br /><br />.tablesurround {<br /> border-style: solid;<br />border-color: #003C50;<br />border-width: 1px;<br /> font-size: 9pt;<br />}<br /><br />.tableborders {<br />background: transparent;<br />color: #003c50;<br /> <br />}<br />.tdheader {<br />background: none;<br />border-style: solid;<br />border-color: #003C50;<br />border-width: 1px;<br /> font-size: 9pt;<br />}<br />.menubar{<br />background: none;<br />border-style: solid;<br />border-color: #003C50;<br />border-width: 1px;<br />}<br /><br />.navigation{<br /> font-size: 9pt;<br /> font-family: Arial;<br /><br />}<br /><br />.post:FIRST-LINE {<br /><br /><br />}<br /><br />.post:FIRST-LETTER {<br /><br />}<br /><br />.new {<br /><br /> font-size: ;<br />}<br /><br />.catandforum {<br /> font-family: Arial;<br /> font-size: 9pt;<br /><br /><br />}<br /><br />.posttime {<br /> font-size: 9pt;<br /> font-style: Arial;<br /><br />background: none;<br />border-style: solid;<br />border-color: #003C50;<br />border-width: 1px;<br /><br /><br />}<br /><br />.threadtotal {<br /> font-size: 9pt;<br /><br />background: none;<br />border-style: solid;<br />border-color: #003C50;<br />border-width: 1px;<br />}<br /><br />.posttotal {<br /> font-size: 9pt;<br /><br />background: none;<br />border-style: solid;<br />border-color: #003C50;<br />border-width: 1px;<br />}<br /><br />.modcolumn {<br /> font-size: 9pt;<br /><br />background: none;<br />border-style: solid;<br />border-color: #003C50;<br />border-width: 1px;<br /><br />}<br /><br />.small {<br /> font-size: 9pt;<br /> font-family: Arial;<br /><br />}<br /><br />.standouttext {<br /> color: ;<br />}<br /><br />.pollcolor {<br /> background: ;<br />}<br /><br />.welcome { <br /> font-family: Arial;<br />}<br /><br />.forumtitle {<br /> font-family: Arial;<br />}<br /><br />.forumdescript {<br /> font-size: 9pt;<br />color: #003C50;<br /><br /><br />}<br /><br />.lighttable {<br /><br />background: none;<br />border-style: solid;<br />border-color: #003C50;<br />border-width: 1px;<br /><br /><br />}<br /><br />.darktable {<br />background: none;<br />border-style: solid;<br />border-color: #003C50;<br />border-width: 1px;<br /><br />}<br /><br />.cleartable {<br /><br />background: none;<br />border-style: solid;<br />border-color: #003C50;<br />border-width: 1px;<br /><br /><br />}<br /><br />.alternatetable {<br /><br />background: none;<br />border-style: solid;<br />border-color: #003C50;<br />border-width: 1px;<br /><br />}<br /><br />.subjecttable {<br /><br />background: none;<br />border-style: solid;<br />border-color: #003C50;<br />border-width: 1px;<br /><br />}<br /><br />.footertable {<br />color: #003C50;<br /><br /><br />} <br /> <br />.formboxes{<br /> font-family: Arial;<br /> background-color: #DBEEF5;<br /> <br /> font-size: 9pt;<br />}<br /><br />.buttons {<br /> font-family: Arial;<br /> background-color: #CCCCCC;<br /> <br /> font-size: 8pt;<br />}<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />

Your stylesheet isn't valid css. You can test your style easily at http://jigsaw.w3.org/css-validator/.<br /><br />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. <img src="/forum/images/graemlins/wink.gif" alt="" />

I knew it! <br /> <img src="/forum/images/graemlins/blush.gif" alt="" /> <img src="/forum/images/graemlins/blush.gif" alt="" /><br /><br />Hey, thanks!<br /><br />I'm studying your modifications.<br /><br />This looks good.<br />

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