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 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.
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;
}
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.
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
[size=x-small]If God is watching us, the least we can do is be entertaining.[/size]
Graphic Worx : Xoops Themes

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

92 user(s) are online (65 user(s) are browsing Support Forums)

Members: 0

Guests: 92

more...

Donat-O-Meter

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

Latest GitHub Commits