Re: Tables Drawn around Forum Descriptions (w/Picture Goodness) [Theme stylesheets (CSS) help]

1

Tables Drawn around Forum Descriptions (w/Picture Goodness)

2006/2/10 12:50
Lourdes
Not too shy to talk
Posts: 119
Since: 2005/2/26

Hi everyone!

I'm currently editing a theme and have the majority of things the way I'd like them. I'm relatively familiar with CSS but am having one issue I can't solve; for some reason, tables are being drawn around the outside of my forum descriptions: http://i10.photobucket.com/albums/a131/MiraLourdes/forum_cap.jpg

I'm using XOOPS v. 2.0 and the forum module is CBB 1.13

The only CSS I have that effects the forums specifically is written below:

 /* XOOPS Newbb Style */ 
.outer   { background-color: #000000; border: none; padding: 5px;} 
.head    { background-color: #000000; border: none; padding: 5px; font-weight: bold; height:18px;} 
.even    { background-color: #000000; border: none; padding: 5px; } 
.odd     { background-color: #212121; border: none; padding: 5px; } 
.foot {background-color: transparent; border: none; padding: 5px; font-weight: bold; height:23px;} 
tr.even td {background-color: #000000; border: none; padding: 5px;} 
tr.odd td {background-color: #212121; border: none; padding: 5px;}

I've already tried editing some other things to see if it would effect the forum but no go. If the entire CSS I'm using needs to be posted, I'd be happy to do so.

Anyone have an idea as to what I'm missing?

2

Re: Tables Drawn around Forum Descriptions (w/Picture Goodness)

2006/2/10 18:45
Lourdes
Not too shy to talk
Posts: 119
Since: 2005/2/26

Here's the entire Style Sheet I'm using so far; I have my suspicions it might be the borders around the columns I'm using, but upon altering, nothing changes on the forum. Any help would be appreciated!

 /* Base Styles */ 
 
/* color -- dropdown menu for Forum */ 
#dropdown a{ 
    color:#FFFFFF; 
    } 
 
#dropdown .menubar, #dropdown .menu, #dropdown .item, #dropdown .separator{ 
    background-color: #99B5CC; 
    color:#FFFFFF; 
    } 
 
#dropdown .separator{ 
    border: 1px inset #e0e0e0; 
    } 
 
#dropdown .menu a:hover{ 
    color: #333; 
    } 
/* color - end */ 
 
/* The content of the posts (body of text) */ 
body {background: #2e2e2e; color:#e7e7e7; font:10.5px Verdana,Arial,Helvetica,sans-serif; margin:0px; padding:0; border:0px;} 
 
th { color: #C0C0C0; font-size: 11px; line-height: 14px; font-family: sans-serif; text-align: center; vertical-align: middle; padding: 0px; border: none; } 
 
/* General page style */ 
a:link { color: #8EA48F; text-decoration: none } 
a:visited { color: #8EA48F; text-decoration: none } 
a:hover { color: #FFFFFF; text-decoration: none } 
a:active { color: #8EA48F; text-decoration: none } 
a.postlink{color:#8EA48F; text-decoration:none} 
 
/* XOOPS Main Style Blocks */ 
table{width:100%;} 
fieldset {border:none; padding:5px;} 
ul { border: none; font-size: 10px; line-height: 14px; text-align: justify; list-style-type: decimal; list-style-position: inside; margin: 2px; padding: 2px;} 
li { border: none; margin-left: 2px; list-style: square; color: #FFFFFF} 
hr {border: 0px;} 
 
/* This is the gradient background at the top of the page */ 
.topbkg{background: #1a1a1a url(images/cellpic_bkg.jpg) repeat-x} 
 
/* XOOPS LEFT Column Blocks Style */ 
td#leftcolumn {width: 160px; border-right: 0px solid #767676; font-size:12px;} 
td#leftcolumn th {background-color: #404040; color: #8e8e8e; vertical-align: middle;} 
td#leftcolumn div.blockTitle { border-bottom: 1px solid #767676; border-top: 1px solid #767676; font-weight:bold; padding: 3px; background: #171717; color: #8e8e8e; vertical-align: middle; font-size:12px; } 
td#leftcolumn div.blockContent {padding: 2px 0px 2px 3px; line-height: 110%; padding-left: 0px; font-size:11px;} 
 
/* XOOPS CENTER Column Blocks Style */ 
td#centerCcolumn {padding: 0px 3px 1px 3px;} 
td#centercolumn th {background-color: black; color: #FFFFFF; vertical-align: middle; height:23px; } 
td#centerCcolumn legend.blockTitle {font-weight: bold; margin-top: 0px; margin-right: 0px;  margin-left: 0px;} 
td#centerCcolumn div.blockContent {border:none;} 
 
/* XOOPS CENTER LEFT Column Blocks Style */ 
td#centerLcolumn {width: 160px; padding: 0px 3px 0px 0px;} 
td#centerLcolumn legend.blockTitle {font-weight: bold; margin-top: 0px;} 
td#centerLcolumn div.blockContent {border:none;} 
 
/* XOOPS CENTER RIGHT Column Blocks Style */ 
td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;} 
td#centerRcolumn legend.blockTitle {font-weight: bold; margin-top: 0px;} 
td#centerRcolumn div.blockContent {border: none;} 
 
div#content {text-align: justify; padding: 8px;} 
 
/* XOOPS RIGHT Column Blocks Style */ 
td#rightcolumn {width: 160px; border-left: 0px solid #767676; font-size:12px;} 
td#rightcolumn th {background-color: #404040; color: #8e8e8e; vertical-align: middle;} 
td#rightcolumn div.blockTitle {border-bottom: 1px solid #767676; border-top: 1px solid #767676; font-weight:bold; padding: 3px; background:#171717; color: #8e8e8e; vertical-align: middle; font-size:12px;} 
td#rightcolumn div.blockContent {padding: 2px 0px 2px 3px; line-height: 110%; padding-left: 0px; font-size:11px;} 
 
 
/* XOOPS MainMenu Style */ 
td#mainmenu a { margin: 1px; padding: 1px 1px 1px 10px; border: none; width: 130px } 
td#mainmenu a:hover {color:#FFFFFF;} 
td#mainmenu a.menuTop {border: none;} 
td#mainmenu a.menuMain {border: none;} 
td#mainmenu a.menuSub { border: none; padding-left: 15px; width: 120px } 
 
/* XOOPS UserMenu Style */ 
td#usermenu a { margin: 1px; padding: 1px 1px 1px 3px; border: none; width: 130px } 
td#usermenu a:hover {border: none; color:#FFFFFF;} 
td#usermenu a.menuTop {border: none;} 
td#usermenu a.highlight { border: none; background-color: #000000 } 
 
/* XOOPS News Module Style */ 
.item {border: 1px solid #767676;} 
.itemHead {padding: 3px; background-color:#000000; color: #FFFFFF;} 
.itemInfo {text-align: right; padding: 3px; background-color:#000000;} 
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #8EA48F; background-color:#000000;} 
.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; padding-right: 5px;} 
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;} 
.itemText:first-letter {font-size: 133%; font-weight: bold;} 
.itemFoot {text-align: right; padding: 3px; background-color: transparent;} 
.itemAdminLink {font-size: 90%;} 
.itemPermaLink {font-size: 90%;} 
 
/* XOOPS Newbb Style */ 
.outer   { background-color: #000000; border: none; padding: 5px;} 
.head    { background-color: #000000; border: none; padding: 5px; font-weight: bold; height:18px;} 
.even    { background-color: #000000; border: none; padding: 5px; } 
.odd     { background-color: #212121; border: none; padding: 5px; } 
.foot {background-color: #000000; border: none; padding: 5px; font-weight: bold; height:23px;} 
tr.even td {background-color: #000000; border: none; padding: 5px;} 
tr.odd td {background-color: #212121; border: none; padding: 5px;} 
td.nw { white-space: nowrap; border:none; } 
 
 
/* NOT INCLUDED IN DEFAULT  */ 
/* customization to add special color to forum title head.  requires editing newbb_index.html template as well */ 
.outerhead{} 
.outerhead a { color: #00FF00 } 
.outerhead a:hover{} 
 
img { border: 0px } 
fieldset { border: solid 1px #767676 } 
input.formButton { color: #808080; background-color: #000000; border:1px #8EA48F } 
 
table.w { width: auto; margin-left: 2px; margin-right: 2px; border: none;} 
table.blockcolor1 { background-color: #000000; margin: 0px; padding: 0px; width: 100%; border: none; } 
table.blockcolor2 { margin-left: 4px; width: 99%; border: none; } 
.blockcolor3 { margin: 0px; padding: 0px; border: none; } 
table.outer3 { padding: 5px; border: none; width: auto } 
table.outer4 { padding: 5px; border: none; width: auto } 
 
.comTitle { margin-bottom: 2px } 
.comText { padding: 2px } 
.comUserStat { color: #CCCCCC; font-size: 10px; background-color: #000000; margin: 2px; padding: 2px; border: none} 
.comUserStatCaption { } 
.comUserStatus { color: #CCCCCC; font-size: 10px; margin-top: 2px; margin-left: 2px } 
.comUserRank { margin: 2px } 
.comUserRankText { font-size: 10px } 
.comUserRankImg { border: 0px } 
.comUserName {} 
.comUserImg { margin: 2px } 
.comDate { font-size: 10px } 
.comDateCaption { font-style: normal } 
 
/* Form Style */ 
input {color: #FFFFFF; background:#303030; font-size:12px; border:none; border-color:transparent} 
textarea {color: #FFFFFF; background:#303030; font-size:12px; border:none; border-color:transparent} 
select {background-color: #000000; color: #FFFFFF} 
 
/* Quote blocks */ 
div.xoopsQuote { font-family: "Courier New", Courier, monospace; background-color: #000000; padding: 0px 6px 6px; border: inset 1px #FFFFFF } 
 
/* Code blocks */ 
div.xoopsCode { font-family: "Courier New", Courier, monospace; background-color: #000000; padding: 0px 6px 6px; border: inset 1px #FFFFFF }

3

Re: Tables Drawn around Forum Descriptions (w/Picture Goodness)

2006/2/10 23:25
shank
Not too shy to talk
Posts: 144
Since: 2004/8/17

It looks fine to me in both IE and FF.

s l s h a n k l e @ b e l l s o u t h . n e t

4

Re: Tables Drawn around Forum Descriptions (w/Picture Goodness)

2006/2/11 0:15
Lourdes
Not too shy to talk
Posts: 119
Since: 2005/2/26

Odd, I checked it both with FF and IE, and I can see the tables as shown in my screen cap. Now I'm really scratching my head.

5

Re: Tables Drawn around Forum Descriptions (w/Picture Goodness)

2006/2/11 1:04
shank
Not too shy to talk
Posts: 144
Since: 2004/8/17

Did you change anything?

s l s h a n k l e @ b e l l s o u t h . n e t

6

Re: Tables Drawn around Forum Descriptions (w/Picture Goodness)

2006/2/11 1:21
Lourdes
Not too shy to talk
Posts: 119
Since: 2005/2/26

I've been tweaking with the CSS through out the day, and was comparing... sorry I didn't state this before; I'm using two themes right now, one is named "tdu" which is just a simple black template with borderless tables and is the default, and I'm editing one called "fydarkblack" that I would like to use.

Previously, anonymous viewers couldnt select the themes, I've made it available so it can be viewed.

I've been comparing the CSS of the "TDU" theme with the CSS of "fydarkblack" and I can't exactly pinpoint the problem and what I need to edit in order to fix the border/padding that is surrounding the forum names and descriptions.

Stats
Goal:	$100.00
Due Date:	Nov 30
Gross Amount:	$0.00
Net Balance:	$0.00
Left to go:	$100.00

Tables Drawn around Forum Descriptions (w/Picture Goodness)

Re: Tables Drawn around Forum Descriptions (w/Picture Goodness)

Re: Tables Drawn around Forum Descriptions (w/Picture Goodness)

Re: Tables Drawn around Forum Descriptions (w/Picture Goodness)

Re: Tables Drawn around Forum Descriptions (w/Picture Goodness)

Re: Tables Drawn around Forum Descriptions (w/Picture Goodness)

Login

Search

Recent Posts

Re: Mymenus Module with XOOPS 2.5.11-Stable

Re: PodTalk Theme (PUBLISHER)

PodTalk Theme (PUBLISHER)

Re: Mymenus Module with XOOPS 2.5.11-Stable

Re: Mymenus Module with XOOPS 2.5.11-Stable

Re: Mymenus Module with XOOPS 2.5.11-Stable

Re: Migrate from Wordpress

Re: Error in https://xoops.org/modules/wggithub/

Re: Error in https://xoops.org/modules/wggithub/

Re: XOOPS 2.5.11 session handling too strict?

Who's Online

Donat-O-Meter

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}