Hello, i'm a belgium boy, so a try to type my question in good english, i hope you can understand it.


I've got a problem, i try to make my own theme.
but you can't read the text @ Notification Options, and view account also, there is at the first row the colour of the text and the background the same, but i dont find a css that you can set the colour of the text.

I hope you can read these, because my english is very bad


Plz, help me.

acegamer.

here you can see my site, Test-server

look for
th { }

or #centercolumn th { }

in your theme's style.css

nope, it doesnt do anything

i found it and i try some colours but there does't happend anything.

If i try it in default thema it works :s
but with my own thema it doesn't

How does it comes it doesn't work on my theme??

Is there mybe a fault, in the script, because i don't understand it anything about it, il try to make something.

here you can see my Css file


<style type="text/css">
table
{
width: 100%;
font-size: 12px;
}
table#okvir
{
background-color: #353940;
width: 780px;
}
table td
{
padding: 0;
border-width: 0;
vertical-align: top;
font-family: Arial,Tahoma,Verdana,Sans-serif;
background: 2D2E33;
}
a
{
color: #666666;
text-decoration: none;
font-weight: normal;
background-color: transparent;
}
a:hover
{
color: #ff6600;
}
ul {
margin: 2px;
padding: 2px;
list-style: decimal inside;
text-align: left;
color: #000000;
}
li {
margin-left: 2px; list-style: square inside; color: #2F5376
}
.item {
border: 1px solid #cccccc;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
border-color: #CCCCCC;
background-color: #666666;
}
.itemHead {
padding: 3px;
background-color: #394248;
color: #999999;
background-repeat: repeat-x;
}
.itemInfo {
text-align: right;
padding: 3px;
background-color: #757575;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
}
.itemTitle a {
font-size: 130%; font-weight: bold; font-variant: small-caps;
color: #ffffff;
}
.itemPoster
{
font-size: 90%;
font-style:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.itemPostDate
{
font-size: 90%; font-style:normal;
}
.itemStats
{
font-size: 90%;
font-style:oblique;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.itemBody
{
padding-left: 5px;
}
.itemText
{
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.5em;
background-color: #666666;
word-spacing: normal;
text-align: left;
}
.itemText:first-letter
{
font-size: 133%;
font-weight: bold;
background-color: #666666;
}
.itemFoot {
text-align: right;
padding: 3px;
background-color: #757575;
color: #CCCCCC;
}
.itemAdminLink {
font-size: 90%;
color: #000000;
}
.itemPermaLink {
font-size: 90%;
color: #FFFFFF;
}
th
{
background-color: #CCCCCC;
color: #FFFFFF;
padding : 2px;
vertical-align : middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
td#leftcolumn
{
width: 170px; border-right: 1px solid #cccccc;
font-size:12px;
}
td#leftcolumn a
{
font-weight: normal;
}
td#leftcolumn th
{
background-color: #2F5376; color: #FFFFFF;
vertical-align: middle;
}
td#leftcolumn div.blockTitle
{
padding: 3px; background-color: #dddddd;
color: #639ACE; font-weight: bold;
}
td#leftcolumn div.blockContent
{
padding: 3px; line-height: 120%;
line-height: 120%;
}
td#centercolumn
{
font-size: 12px;
}
td#centercolumn th {
color: #FF0000;
}
td#centerCcolumn legend.blockTitle
{
padding: 3px; color: #639ACE;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}
td#centerCcolumn div.blockContent
{
border-left: 1px solid #000000;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #dddddd;
padding: 3px; margin-right: 0px;
margin-left: 0px;
margin-bottom: 2px;
line-height: 120%;
}
td#centerLcolumn
{
width: 50%;
padding: 0px 0px 0px 0px;
border-right: 1px solid #cccccc;
}
td#centerLcolumn div.blockTitle
{
padding: 3px;
color: #FFFFFF;
font-weight: bold;
font-size: 11px;
background-color: #9299A5;
margin-bottom: 5px;
background-repeat: no-repeat;
padding-left: 18px;
background-position: left;
background-image: url('images/blue_plus.png');
border-bottom: 1px solid #3D5656;
}
td#centerLcolumn div.blockContent
{
margin-right: 0px;
margin-left: 0px;
line-height: 120%;
padding: 2px;
}
td#centerRcolumn
{
width: 50%;
padding: 0px 0px 0px 0px;
}
td#centerRcolumn div.blockTitle
{
padding: 3px;
color: #FFFFFF;
font-weight: bold;
font-size: 11px;
background-color: #9299A5;
margin-bottom: 5px;
background-image: url('images/blue_plus.png');
padding-left: 18px;
background-repeat: no-repeat;
background-position: left;
border-bottom: 1px solid #3D5656;
}
td#centerRcolumn div.blockContent
{
margin-right: 0px;
margin-left: 0px;
margin-bottom: 2px;
line-height: 120%;
padding: 2px;
}
td#rightcolumn
{
width: 160px;
font-size: 11px;
border-right: 0px solid #E5E5E5;
padding-top: 2px;
color: #FFFFFF;
}
td#rightcolumn a
{
font-weight: normal;
}
td#rightcolumn th
{
vertical-align: bottom;
border-bottom: 1px dashed #8699B5;
background-color: transparent;
font-size: 11px;
color: #A6ACB5;
}
td#rightcolumn div.blockTitle
{
color: #FFFFFF;
font-weight: normal;
font-size: 11px;
background-color: #69727E;
padding-left: 10px;
background-repeat: no-repeat;
background-position: left;
border: 1px solid #ffffff;
padding-bottom: 2px;
padding-top: 2px;
margin-left: 3px;
}
td#rightcolumn div.blockContent
{
padding: 2px;
line-height: 120%;
line-height: 120%;
color: #FFFFFF;
}
td#mainmenu a
{
color: #79A6E3;
padding: 1px 1px 1px 0px;
font-weight: normal;
font-size: 11px;
margin-right: 3px;
text-align: left;
}
td#mainmenu a:hover
{
color: #FFCC00;
text-align: left;
}
td#mainmenu a.menuTop
{
padding-left: 20px;
text-align: left;
}
td#mainmenu a.menuMain
{
padding-left: 20px;
text-align: left;
}
td#mainmenu a.menuSub
{
color: #79A6E3;
padding-left: 35px;
font-weight: normal;
text-align: left;
}
td#usermenu a
{
color: #79A6E3;
font-weight: normal;
font-size: 10px;
padding: 1px;
}
td#usermenu a:hover
{
color: #FFCC00;
}
td#usermenu a.highlight
{
}
.outer {
border: 1px solid silver;
background-color: #999999;
border-color: #000000;
color: #000000;
}
.head a {
color: #CC0000;
background-color: #0000FF;
}
.head {
background-color: #696969;
padding: 5px;
font-weight: bold;
color: #E5E5E5;
}
.even {
background-color: #737373;
padding: 5px;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.odd {
background-color: #E9E9E9;
padding: 5px;
color: #333333;
}
.foot {
background-color: #CCCCCC;
padding: 5px;
font-weight: bold;
color: #FFFFFF;
}
tr.even td
{
background-color: #dee3e7;
padding: 5px;
}
tr.odd td
{
background-color: #E9E9E9;
padding: 5px;
}
div.errorMsg
{
background-color: #FFCCCC;
text-align: center;
border-top: 1px solid #DDDDFF;
border-left: 1px solid #DDDDFF;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
font-weight: bold;
padding: 10px;
}
div.confirmMsg
{
background-color: #DDFFDF;
color: #136C99;
text-align: center;
border-top: 1px solid #DDDDFF;
border-left: 1px solid #DDDDFF;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
font-weight: bold;
padding: 10px;
}
div.resultMsg
{
background-color : #CCCCCC;
color: #333333;
text-align: center;
border-top: 1px solid silver;
border-left: 1px solid silver;
font-weight: bold;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 10px;
}
div.xoopsCode
{
background: #FFFFFF;
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
padding: 0px 6px 6px 6px;
}
div.xoopsQuote
{
background: #FFFFFF;
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
padding: 0px 6px 6px 6px;
}
.comTitle
{
font-weight: bold;
margin-bottom: 3px;
color: #FFFFFF;
}
.comText
{
padding: 3px;
color: #000000;
}
.comUserStat
{
font-size: 9px;
color: #222222;
font-weight:bold;
border: 1px solid #000000;
background-color: #E9E9E9;
margin: 3px;
padding: 3px;
}
.comUserStatCaption
{
font-weight: normal;
color: #000000;
}
.comUserStatus
{
margin-left: 3px;
margin-top: 9px;
color: #FFFFFF;
font-weight:bold;
font-size: 9px;
}
.comUserRank
{
margin: 2px;
}
.comUserRankText
{
font-size: 9px;
font-weight:bold;
}
.comUserRankImg
{
border: 0;
}
.comUserImg
{
margin: 2px;
}
.comDate
{
font-weight: normal;
font-style: italic;
font-size: 9px;
}
.comDateCaption
{
font-weight: bold;
font-style: normal;
}
input
{
font: 11px Arial,Tahoma,Verdana,Sans-serif;
}
textarea
{
border: 1px solid #8699B5;
width: 400px;
font: 11px Arial,Tahoma,Verdana,Sans-serif;
background-color: #F5F5F5;
}
input.formTextBox
{
border: 1px solid #8699B5;
background: #F5F5F5;
font: 11px Arial,Tahoma,Verdana,Sans-serif;
}
select
{
border: 1px solid #8699B5;
font: 11px Arial,Tahoma,Verdana,Sans-serif;
background-color: #F5F5F5;
}
.headerprvi
{
background-color: #89929E;
color: #454545;
font-weight: bold;
padding-left: 8px;
border-left: 1px solid #ffffff;
}
.headerprvi a
{
color: #454545;
}
.headercenter
{
background-color: #89929E;
color: #454545;
font-weight: bold;
padding-right: 8px;
}
.headerdrugi
{
background-color: #89929E;
color: #454545;
font-weight: bold;
padding-right: 8px;
border-right: 1px solid #ffffff;
}
form
{
font-size: 11px;
color: #787878;
}
.loginlink
{
background-image: url('images/btn_bullet.gif');
background-repeat: no-repeat;
background-position: left;
padding-left: 10px;
}
.button
{
font-size: 10px;
color: #000000;
margin-bottom: 1px;
}
.sadrzaj
{
margin-bottom: 20px;
}
.blok
{
margin-bottom: 6px;
}
.forum
{
background-color: #B1B7BE;
font-size: 11px;
font-weight: bold;
color: #004080;
padding: 6px;
background-image: url('menu4_bar.gif');
}
.forumprvi
{
background-color: #F7F9FB;
padding: 3px;
color: #004080;
}
.forumdrugi
{
background-color: #EFF3F8;
padding: 3px;
color: #004080;
}
.navigacijaforum
{
background-color: #BFC4CA;
padding: 5px;
color: #004080;
border-top: 1px dashed #333333;
border-bottom: 1px dashed #333333;
font-size: 12px;
text-align: center;
font-weight: bold;
}
.forum a
{
color: #004080;
}
.download
{
padding: 10px;
}
.downhead
{
background-image: url('images/menu2_bar.gif');
color: #FFFFFF;
padding: 5px;
}
.downloadsvaki
{
width: 97%;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
padding: 5px;
}
.privatnost
{
color: #E2E4E7;
font-size: 10px;
text-align: center;
padding-top: 1px;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}
.privatnost a
{
color: #DADCE0;
font-weight: normal;
}
td#headerlogo
{
background-color: transparent;
}
.style1 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CCCCCC;
}
.style7
{
font-size: 8px;
color: #FF0000;
}
.style15
{
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style16
{
color: #CCCCCC
}
.style23
{
color: #79a6e3
}
.style42
{
color: #FFFFFF
}
a:link
{
color: #79A6E3;
text-decoration: none;
}
a:visited
{
color: #79A6E3;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #FFCC00;
}
a:active {
text-decoration: none;
}
-->
</style>

and here my html file

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<meta name="robots" content="<{$xoops_meta_robots}>" />
<meta name="keywords" content="<{$xoops_meta_keywords}>" />
<meta name="description" content="<{$xoops_meta_description}>" />
<meta name="rating" content="<{$xoops_meta_rating}>" />
<meta name="author" content="<{$xoops_meta_author}>" />
<meta name="copyright" content="<{$xoops_meta_copyright}>" />
<meta name="generator" content="XOOPS" />
<title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
<link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />
<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_url}>/xoops.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_themecss}>" />
<!-- RMV: added module header -->
<{$xoops_module_header}>
<script type="text/javascript">
<!--
<{$xoops_js}>
//-->
</script>
</head>
<body>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #2D2E33;
}

-->
</style>
</head>

<body>

<div align="center">
<table width="778" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="126" colspan="2"><img src="../../../images/banner-zomer-good-version_0.jpg" width="778" height="126"></td>
</tr>
<tr>
<td width="270" height="190" rowspan="2"><img src="../../../images/banner-zomer_02.jpg" width="270" height="190"></td>
<td width="508" height="38" bgcolor="#31363C"><span class="style1"><span class="style23"></span></span></td>
</tr>
<tr>
<td bgcolor="#31363C"><img src="../../../images/banner-zomer_04.jpg" width="508" height="152"></td>
</tr>
</table>
<table width="778" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="4" rowspan="6" bgcolor="#444B55"><div align="center">
<p align="left" class="style1">&nbsp;</p>
</div></td>
<td width="137" rowspan="5" valign="top" bgcolor="#444B55" class="style1"><div align="left">
<!-- Start left blocks loop -->
<{foreach item=block from=$xoops_lblocks}>
<div class="blockTitle"><{$block.title}></div>
<div class="blockContent"><{$block.content}></div>
<{/foreach}>
<!-- End left blocks loop -->
</div>
<!-- End left blocks loop --></td>
<td width="17" height="333" rowspan="8" background="images/puntjes2.jpg">&nbsp;</td>
<td width="9" rowspan="8" bgcolor="#444B55" class="style1"><div align="center"></div> <div align="left">
<div class="style1" id="content"></div>
</div> <p class="style1">&nbsp;</p> <p class="style1">&nbsp;</p></td>
<td width="607" bgcolor="#444B55" class="style1"><div align="justify"><{$xoops_module_header}></div></td>
<td width="10" rowspan="8" bgcolor="#444B55" class="style1"><div align="center" class="style15"></div> <div align="right" class="style1">
</div></td>
</tr>
<tr>
<td bgcolor="#444B55" class="style1"><div align="left">
<form style="margin: 0px;" action="<{$xoops_url}>/search.php" method="get">
<div align="right"> </div>
</form>
<div align="center"><{$xoops_banner}></div>
</div></td>
</tr>
<tr>
<td bgcolor="#444B55" class="style1"><div align="justify"></div></td>
</tr>
<tr>
<td bgcolor="#444B55" class="style1"> <div id="content">
<div align="left"><{$xoops_contents}></div>
</div></td></tr>
<tr>
<td align="left" bgcolor="#444B55" class="style1 style42"><div id="content">
<div id="content">
<div align="center"><{$xoops_contents}></div>
</div>
<p>&nbsp;</p>
</div></td>
</tr>
<tr>
<td width="137" rowspan="3" bgcolor="#444B55" class="style1"><div class="blockTitle"></div> <div class="blockContent"> </div></td>
<td rowspan="2" bgcolor="#444B55" class="style1"><div align="left" id="content"> </div> <div id="content"><!-- Start center-center-bottom blocks loop -->
<!-- End center-center-bottom blocks loop -->
</div></td>
</tr>
<tr>
<td rowspan="2" bgcolor="#444B55">&nbsp;</td>
</table>
<table width="58%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="13" colspan="2"><div align="center"><img src="../../../images/onderbanner2_01.jpg" width="780" height="13"></div></td>
</tr>
<tr>
<td width="78" height="15" bgcolor="#2B2E35"><div align="center"><span class="style1">:: </span><span class="style15"><span class="style16"><a href="mailto:acegamer@telenet.be">contact</a></span></span><span class="style1"> :: </span></div></td>
<td width="702" rowspan="2"><img src="../../../images/onderbanner2_03.jpg" width="702" height="48"></td>
</tr>
<tr>
<td height="19" bgcolor="#2B2E35"><div align="right"></div></td>
</tr>
</table>
<table width="0" height="0" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="297"><div align="center">
<script>
function hidestatus(){
window.status=''
return true
}
if (document.layers)
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT)
document.onmouseover=hidestatus
document.onmouseout=hidestatus
</script>
</div></td>
</tr>
</table>
</div>
</body></html>