XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Themes and Templates Support forums / 
  3. Theme stylesheets (CSS) help 
  4.  / ***(EDIT) Still an Error with table width
Register
1
eclypto
***(EDIT) Still an Error with table width

  • 2006/2/13 17:39

  • eclypto

  • Just popping in

  • Posts: 44

  • Since: 2004/7/24


Hey guys, how's it going. I have a problem that I've been working with for over a month!

If you go to http://www.eclypto.com in the center blocks, you'll notice that the green menu bar on top of each does not span 100% of the block. Why? No idea. For some reason it seems to work for the left blocks and the right blocks.

padding-left and right does not work (it just wants to make my tables mess up) and neither does width: 100%

Any ideas? Thanks ahead of time.
whttp://www.eclypto.com ---love my site. LOVE IT!
2
shank
Re: Error with table width

  • 2006/2/14 3:26

  • shank

  • Not too shy to talk

  • Posts: 144

  • Since: 2004/8/17


can you post your CSS file?

personally I think you theme needs to be wider, or your banner needs to be smaller.
s l s h a n k l e @ b e l l s o u t h . n e t
3
eclypto
Re: Error with table width

  • 2006/2/14 16:09

  • eclypto

  • Just popping in

  • Posts: 44

  • Since: 2004/7/24


Good idea. This is the code css code itself.


body { background: #FFFFFF; margin:5px; padding:0; BORDER-TOP: #660000 1px solid;  BORDER-LEFT: #660000 1px solid; WIDTH: 50%; BORDER-BOTTOM: #660000 1px solid; BORDER-RIGHT: #660000 1px solid; padding-right: 6px; padding-left: 6px; padding-top: 1px; margin-left: auto; margin-right: auto; }
body td, p, div {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;color: #3F3F40; }

table {width: 100%; margin: 2; padding: 2;  background : #FFFFFF;  background-color : #FFFFFF;  border : 1px; align: center; margin-left: auto; margin-right: auto;  }
table td {padding: 2;  border-width: 100%; vertical-align: top; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  border : thin #006600;  }

a:link    {color: #006600; text-decoration: none}
a:active {color: #006600; text-decoration: none}
a:visited {color: #006600; text-decoration: none}
a:hover  {color: #006600; text-decoration: underline}
fieldset {
border: 0px solid #fff;
}


h1 {color:#ac8;}
h2 {color: #006600;}
h3 {color: #006600;}
h4 {}
h5 {}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: square inside; color: #006600;
}

.item {}
.itemHead {padding: 2px; border: 1px solid #006600;}
.itemInfo {text-align: center;border-right: 1px solid #006600; border-left: 1px solid #006600;  background-color: #fff}
.itemTitle a {font-size: 100%; font-weight: bold; color: #844;font-variant: small-caps; background-color: transparent; width: 100%;}
.itemPoster {font-size: 90%; }
.itemPostDate {font-size: 90%;}
.itemStats {font-size: 90%;}
.itemBody {padding-left: 1px; padding-right: 1px; border-left: 1px solid #006600; border-right: 1px solid #006600;}
.itemText {margin-top: 0px; margin-bottom: 2px; line-height: 1.5em;}
.itemFoot {text-align: left; padding:3px; border:1px solid #006600; background-color: #fff}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%; font-style:italic;}

table#top {margin-bottom:8px;  border-bottom-color: #006600;  border-bottom-style: solid;  border-bottom-width: 1px;     }
th {background-color: #fff; color: #006600; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

td.slogan {padding-left:5px; padding-right:5px; height: 27px; background-color: #435992; border-top:1px solid #435992; border-bottom:1px solid #435992;vertical-align: middle; font-weight:bold;  background : #BFCFE2;  font : normal normal Verdana arial sans serif; background-image: url("pr.jpg"); }
td#headerbanner {width: 100%; background-color: #BFCFE2; vertical-align: middle; text-align:center;}
td#headerbar { background-image: url("pr.jpg");}


td#leftcolumn {width: 130px; font-size:12px;  background : #FFFFFF;  padding-right: 6px;  }
td#leftcolumn th {background-color: #FFFFFF; color: #006600; vertical-align: middle;}
td#leftcolumn .blockTitle { padding: 2px; background-color: #006600; color: #FFFFFF; border-top: 1px solid #006600;  border-left: 1px solid #006600; border-right: 1px solid #006600; text-align:center}
td#leftcolumn .blockContent {padding: 2px; line-height: 120%; line-height: 120%;background-color: #fff;margin-bottom:8px;  background : #FFFFFF; border-bottom: 1px solid #006600;  border-left: 1px solid #006600; border-right: 1px solid #006600}


td#centercolumn { font-size: 10px;  border : 0px;  padding : 0px 0px;  padding-left : 0px; padding-right: 0px;  margin-left: auto; margin-right: auto;  }
td#centercolumn th {background-color: #FFFFFF; color: #006600;  vertical-align: middle;}
td#centerCcolumn {padding: 0px 3px 1px 3px;  border : 0px #3F3F40;  padding-top : 0px;  }
td#centerCcolumn legend.blockTitle { border-width: 100%; margin-left: 2px; padding: 2px; color:#FFFFFF; margin-top:0px; BORDER-TOP: #006600 1px solid; BORDER-LEFT: #006600 1px solid; BORDER-BOTTOM: #006600 1px solid; BORDER-RIGHT: #006600 1px solid; width: 100%; background: #006600; font-variant: caps; text-align: center }
td#centerCcolumn div.blockContent {padding: 0px; margin-right: 2px;  margin-left: 2px; margin-bottom: 8px; line-height: 120%;  line-height: 120%; line-height: 120%;background-color: #fff;margin-bottom:8px;  background : #FFFFFF; border: 1px solid #006600;margin-left: auto; margin-right: auto;}

td#centerLcolumn { padding: 0px 3px 1px 3px; background : #FFFFFF; padding-right: 2px; }
td#centerLcolumn legend.blockTitle { border-width: 100%; margin-left: 2px; padding: 2px; color:#FFFFFF; margin-top:0px; BORDER-TOP: #006600 1px solid; BORDER-LEFT: #006600 1px solid; BORDER-BOTTOM: #006600 1px solid; BORDER-RIGHT: #006600 1px solid; width: 100%; background: #006600; font-variant: caps; text-align: center }
td#centerLcolumn div.blockContent { padding: 0px; margin-left: 0px; margin-right: 5px; margin-bottom: 5px; line-height: 120%;  border : 1px solid #006600; margin-left: auto; margin-right: auto;}

td#centerRcolumn { padding: 0px 3px 1px 3px;}
td#centerRcolumn legend.blockTitle {border-width: 100%; padding: 2px; color: #FFFFFF; margin-top: 0px; BORDER-TOP: #006600 1px solid; BORDER-LEFT: #006600 1px solid; BORDER-BOTTOM: #006600 1px solid; BORDER-RIGHT: #006600 1px solid; width: 100%; background: #006600; text-align: center}
td#centerRcolumn div.blockContent {width: 100%; padding: 2px; margin-left: 2px; margin-right: 2px; margin-bottom: 5px; line-height: 120%; border : 1px solid #006600;  border-top-width : 1px; margin-left: auto; margin-right: auto;}

div#content {text-align: left; padding: 0px; }

td#rightcolumn {width: 150px; font-size:12px; background : #FFFFFF;  padding-left: 6px; }
td#rightcolumn th {background-color: #fff; color: #006600; vertical-align: middle;}
td#rightcolumn .blockTitle {padding: 2px; background-color: #006600; color: #FFFFFF; border-top: 1px solid #006600;  border-left: 1px solid #006600; border-right: 1px solid #006600; text-align: center}
td#rightcolumn .blockContent {padding: 3px; line-height: 120%; line-height: 120%;background-color: #fff;margin-bottom:8px;  background : #FFFFFF; border-bottom: 1px solid #006600;  border-left: 1px solid #006600; border-right: 1px solid #006600;}

tr#footerbar {text-align:center; }
tr#footerbar td {border-bottom:1px solid #006600; height:5px;}
td#mainmenu a {display: block; margin: 0; padding: 4px; color: #006600;}
td#mainmenu a:hover {color:#469;}
td#mainmenu a.menuTop {padding-left: 3px;}
td#mainmenu a.menuMain {padding-left: 3px;}
td#mainmenu a.menuSub {padding-left: 9px; }

td#usermenu a {display: block; margin: 0; padding: 4px;color: #006600;}
td#usermenu a:hover {color:#469; }
td#usermenu a.menuTop {}



.outer {border: 1px solid #006600; }
.head {background-color: #fff; padding: 5px; font-weight: bold;  background : none;border-bottom: 1px solid #006600; }
.even {background-color: #fff; padding: 5px;border-bottom:1px solid #006600;}
.odd {background-color: #ECF3E6; padding: 5px;border-bottom: 1px solid #006600;}
.foot {background-color: #fff; padding: 5px; font-weight: bold; }
tr.even td {background-color: #fff; padding: 5px;}
tr.odd td {background-color:#ECF3E6; 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 #006600; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; color: #006600; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #006600; font-weight:bold; border: 1px solid #006600; background-color: #FFFFFF; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #844; 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;}
#footer {text-align:center;}
#footer td {text-align:center;}

td#headmenu a
{
background-color: #006600;
color: #FFFFFF;
font-size: 8px;
display: block;
padding: 5px;
}
td#headmenu a.menuHead
{
font-size: 9px;
}
.button
{
font-size: 9px;
color: #000000;
margin-bottom: 1px;
}
whttp://www.eclypto.com ---love my site. LOVE IT!
4
eclypto
Re: Error with table width

  • 2006/3/1 20:01

  • eclypto

  • Just popping in

  • Posts: 44

  • Since: 2004/7/24


I still haven't been able to solve this puzzle, especially the illegal overlap that I have going on.
whttp://www.eclypto.com ---love my site. LOVE IT!
5
msdana
Re: Error with table width

  • 2006/3/1 20:08

  • msdana

  • Just can't stay away

  • Posts: 817

  • Since: 2005/12/11


Seems you have your site turned off. Perhaps it would help to actually see the problem along with your css code
If God is watching us, the least we can do is be entertaining.
Graphic Worx : Xoops Themes

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

181 user(s) are online (134 user(s) are browsing Support Forums)

Members: 0

Guests: 181

more...

Donat-O-Meter

Stats
Goal: AU$15.00
Due Date: Apr 30
Gross Amount: AU$0.00
Net Balance: AU$0.00
Left to go: AU$15.00
Make donations with PayPal!

Latest GitHub Commits