Hi,

I'm trying to figure something out. I'm using a modified version of the phpkaox theme on my website, swina.com, and for some reason, in between each block on the right side of the page is a grey box - there appears to be a space between each of the blocks in between each of them, and the table cell containing the right side blocks has a #efefef background color.

Only thing is, I can't find anywhere that this tag is actually being generated in the code.

The spaces in between blocks are not appearing on the left side of my site, but the bottom of both the left and right sides of the page are the grey color.

Can anyone identify where in the XOOPS templates, themes, and blocks this color background is being specified? I'm at my wits' end.

can you post the code from your css file? what are the settings for your left and right columns?

Viewing the source for your site, I can find
<td width="20%" bgcolor="#EFEFEF">
on the left hand side, no doubt it would be on the right too. I'm guessing the right blocks have a margin or something that the left doesn't have, or there is something different in one of the "rightcolumn" declarations to the "leftcolumn" ones. ZThey are the areas you'll need to change in your CSS anyhow.

Those definitions aren't being made in the CSS - there's no mention of leftcolumn or rightcolumn at all. (I'm using phpkaox.)

Can you post the theme.html code as well as left_block.html and right_block.html ? Thanks!
If you can post the who theme that would be really better!

after downloading the phpkaox theme, i noticed that the left and right column settings are hard-coded into the theme.html file.




here is the code for the left column




and for the right column w/blocks



change the bgcolor for those td settings or make your own reference in the css file for those columns.

as far as the grey spaces between the blocks on the right column, it looks like you have a break tag in the right block code which is showing the column background instead of the block background. so every time it loads a block, it throws a break tag in between each block.
delete that, and it should look like the left side.

I still cannot locat your problem, can you point it out on a picture?use the brush tool to show us, also please post your css here!

here's the CSS:

table {
width: 100%;
margin: 5;
padding: 5;
font-size: small;
background-color: #333366;
}
table td {
padding: 0;
border-width: 0;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

tbody {
background-color: #333366;
font-family: Tahoma, taipei;
color:#FFFFFF;
font-size: 12px;}

div#content {
padding: 5px;
text-align: left;
color: #FFFFFF;
/* background-color: #ff9900; */
}
div#content td { padding: 3px;}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 12px;
background-color: #660000;
}
a {
font-family: Tahoma, taipei;
font-size: 12px;
text-decoration: underline;
color: #FFFFFF;
font-style: normal;
font-weight: bold;
}
a:hover { font-family: Tahoma, taipei; font-size: 12px; color: #FF9900; font-style: normal}
td { font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px;border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px;}

input {
background-color : #000000;
color : #FFFFFF;
font-family : Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
text-indent : 2px;
border: 1px ridge #FFFFFF;
}
textarea {
font-family: Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color : #000000;
color : #FFFFFF;
font-weight : bold;
text-indent : 2px;
border: 1px #660000;
}
select {
font-family: Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight : bold;
background-color : #000000;
color : #FFFFFF;
}

img { border: 0;}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: disc inside;}

.odd { background-color: ##333366;}
.outer {
background-color: #000000;
border: thin solid #FFFFFF;
}
.even { background-color: #660000;}
th {
text-align: left;
padding: 3px;
background-color: #000000;
}
.head {
background-color: #000000;
padding: 3px;
color: #FFFFFF;
}

.foot {
background-color: #660000;
padding: 3px;
color: #FFFFFF;
}

.comTitle {
font-size: 130%;
font-weight: bold;
font-variant: small-caps;
font-family: Georgia, "Times New Roman", Times, serif;
}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #660000; font-weight:bold; border: 1px solid #cccccc; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #333333; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}

/*.item {border: 1px solid #660000;}*/
.itemHead {background-color: #000000; color: #FFFFFF; padding: 2px; font-weight: bold; text-align: left;}
.itemInfo {text-align: right; padding: 3px; color: #FFFFFF; }
.itemTitle a {
font-size: 130%;
font-weight: bold;
font-variant: small-caps;
font-family: Georgia, "Times New Roman", Times, serif;
}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px; text-align: left}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: center; padding: 3px; background-color: #660000; border-left: 6px solid #333366; border-right: 6px solid #333366}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

.blockTitle {
background-color: #333366;
color: #FFFFFF;
padding: 2px;
font-weight: bold;
background-image: url(images/gradient.gif);
background-repeat: repeat-x;
}

.blockContent {background-color: #333366; padding: 2px; border: 1px solid #333366
}

/* my additions */

.TextHead1 {
color:#F4F789 ;
font-weight: bold;
}
.TextHead2 {color:#FF9900;
font-weight: bold;
}

.columnLeft {width:20%; background-color:#333366; text-align:center;
}

.columnRight {width:20%; background-color:#333366; text-align:center;
}

i've identified the problem! w00t!

Under Management > General Settings, I changed:

Update module template .html files from themes/your theme/templates directory?

From "no" to "yes."