1
EGBlacky
Eliminate Padding between blocks.
  • 2004/4/15 4:23

  • EGBlacky

  • Just popping in

  • Posts: 45

  • Since: 2003/9/20


I have edited my theme so that all the left blocks "run together" graphic-wise, and same with the right blocks, however, I still have a space between the blocks, say between the Main Menu and the User menu. I have looked in my style.css and theme.html and even the html files for the right and left block themes. I am lost, any ideas?

2
m0nty
Re: Eliminate Padding between blocks.
  • 2004/4/15 5:20

  • m0nty

  • XOOPS is my life!

  • Posts: 3337

  • Since: 2003/10/24


what theme are u using and having the problem with?

i tried visiting ur site, but it's closed to public..

without seeing whats happening, ie.. seeing ur source for the page and being able to retrieve ur css file it's near on impossible to tell u what's wrong..

the issues u mention are definitely theme.html or style.css related but without seeing them i can't comment..

3
m0nty
Re: Eliminate Padding between blocks.
  • 2004/4/15 5:31

  • m0nty

  • XOOPS is my life!

  • Posts: 3337

  • Since: 2003/10/24


ok i retrieved ur default theme.html and ur default style.css

it looks like u have installed a different theme into the default theme folder instead of creating a new theme folder..

u can't edit the default template, XOOPS won't let you..

so what you have to do is clone the default template and then edit..

but if u installed an already made theme (4thefort) in your case then you have installed it incorrectly..
or you have not selected the 4thefort template in XOOPS admin preferences..

4
EGBlacky
Re: Eliminate Padding between blocks.
  • 2004/4/15 6:33

  • EGBlacky

  • Just popping in

  • Posts: 45

  • Since: 2003/9/20


I am sorry, the correct website will behttp://www.shogunate.net. I have my new theme selectable by webmasters only in the Themes block so none of the current users will be able to see the theme until it is done. I did fresh-install this site and fresh installed the =FC= (4thefort) templates. The theme I have up right now is the theme that came with the =FC= template set. Since you probably won't have access to the site since it is user group controlled, if you can look at the current theme and css and tell me how to eliminate that gap between the Login Block and the Main Menu Block.

The new theme I am working on is just a dupe of the =FC2= theme currently installed with some replacement graphics. I also changed my url in my profile, sorry about that. If you need me to set up a user to allow you to view my theme, let me know and I can pm you the info. thx.

5
kahumbu
Re: Eliminate Padding between blocks.
  • 2004/4/15 6:46

  • kahumbu

  • Documentation Writer

  • Posts: 277

  • Since: 2003/8/23


Looking at your left column, it seems that there is a <br> at the end of each block. This would cause the space.

Look in the theme_blockleft.html if it has that, or in the theme.html, if it doesn't. BTW, if you want to keep the <br>, I suggest you use <br /> instead to keep with the XHTML specification.

6
EGBlacky
Re: Eliminate Padding between blocks.
  • 2004/4/15 6:52

  • EGBlacky

  • Just popping in

  • Posts: 45

  • Since: 2003/9/20


I don't know what the <br> was for, but I removed it and I still have the space. Something in my CSS possibly?

My CSS:

body {color: #808080; background-color: #000000; margin: 0; padding: 0;}
html { scrollbar-face-color: #404040; scrollbar-highlight-color: #323232; scrollbar-shadow-color: #081621; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000040; scrollbar-track-color: #575757; scrollbar-darkshadow-color: #000000;}
<!-- background-image: url(pc_bg.gif) put between bg color and margin -->
<!---header width---->

table {width: 965; margin: 0; padding: 0; font-size: small}
table td { padding: 0; border-width: 0; font-family: Tahoma, Verdana, sans-serif; font-size: 12px;}

a {color: #c0c0c0; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #C0C000;}

fieldset {border-color: #424242;}

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


.item {}
.itemHead {height: 18px; padding: 3px; background-image: url(newstopbg.jpg); color: #FFFFFF;}
.itemInfo {text-align: right; padding: 3px;}
.itemTitle a {font-size: 12px; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;
font-family: Tahoma, Verdana, sans-serif;
color: #c0c0c0;}
.itemPostDate {font-size: 90%; font-style:italic;
font-family: Tahoma, Verdana, sans-serif;
color: #c0c0c0;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {background-image: url(head2.gif); padding-left: 5px;
font-family: Tahoma, Verdana, sans-serif;
font-size: 12px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;
font-family: Tahoma, Verdana, sans-serif;
font-size: 12px;}
.itemText:first-letter {font-size: 133%; font-weight: bold; color: #2F5376;}
.itemFoot {text-align: right; padding: 3px; }
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%; font-style:italic;}

th {background-image: url(headbg.jpg); color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

td#headerbanner {width: 100%; background-color: #2F5376; vertical-align: middle; text-align:center;}
td#headerbar {border-bottom: 1px solid #dddddd; background-image: url(hbar.gif);}

<!------Left Column----->

td#leftcolumn {width: 180px; font-size:10px;}
td#leftcolumn th {background-color: #2F5376; color: #FFFFFF; }
td#leftcolumn div.blockTitle {padding: 3px; background-color: transparent; color: #2F5376; font-weight: bold;
font-size: 12px;}
td#leftcolumn div.blockContent {text-align: left; padding: 3px; line-height: 120%; line-height: 120%;
font-size: 10px;}


td#centercolumn {font-size: 12px;}

td#centercolumn th {background-image: url(headbg.jpg); color: #FFFFFF; vertical-align: middle;}
td#centerCcolumn {padding: 0px 3px 1px 3px;}
td#centerCcolumn legend.blockTitle {padding: 3px; color: #B5B3B3; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-left: 0px;}
td#centerCcolumn div.blockContent {padding: 3px; margin-right: 0px; margin-left: 0px; margin-bottom: 2px; line-height: 120%;}

td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerLcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
td#centerLcolumn div.blockContent {padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 120%;}

td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerRcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
td#centerRcolumn div.blockContent {padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;}

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

td#rightcolumn {width: 180px; font-size:12px;}
td#rightcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}
td#rightcolumn div.blockTitle {padding: 3px; background-color: transparent; color: #2F5376; font-weight: bold;}
td#rightcolumn div.blockContent {padding: 3px; line-height: 120%;
font-size: 10px;
font-family: Tahoma, Verdana, sans-serif;}

td#footerbar {text-align:center; font-size: x-small; color: #ffffff; background-color: #000000;}
td#thefort a {color: #ffffff; text-decoration: none; font-weight: normal; }
td#thefort a:hover {color: #ff0000;}

td#mainmenu a {display: block; margin: 0; padding: 4px;}
td#mainmenu a:hover {}
td#mainmenu a.menuTop {font-size: 11px; padding-left: 3px;}
td#mainmenu a.menuMain {font-size: 11px; padding-left: 3px;}
td#mainmenu a.menuSub {font-size: 11px;color:#3C6E98; padding-left: 4px;}
td#usermenu a {font-size: 11px; display: block; margin: 0; padding: 4px;}
td#usermenu a:hover {}
td#usermenu a.menuTop {font-size: 11px;}
td#usermenu a.highlight {}



.outer {}
.head {vertical-align: top; background-image: url(bg13.gif); padding: 5px; font-weight: bold;}
.even {background-image: url(bg12.gif); padding: 5px;}
.odd {vertical-align: top; background-image: url(newsbg.gif); padding: 5px;}
.foot {background-color: #000000; padding: 5px; font-weight: bold;}
tr.even td {background-image: url(bg12.gif); padding: 5px;}
tr.odd td {background-image: url(newsbg.gif); 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 #424242; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background-image: url(bg12.gif); border: 1px inset #424242; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {vertical-align: top; font-size: 10px; color: #808000; font-weight:bold; border: 1px solid #082941; background-image: url(bg12.gif); margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #ff0000; 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;}

7
m0nty
Re: Eliminate Padding between blocks.
  • 2004/4/15 7:03

  • m0nty

  • XOOPS is my life!

  • Posts: 3337

  • Since: 2003/10/24


td#leftcolumn {width: 180px; font-size:10px;}
td#leftcolumn th {background-color: #2F5376; color: #FFFFFF; }
td#leftcolumn div.blockTitle {padding: 3px; background-color: transparent; color: #2F5376; font-weight: bold;
font-size: 12px;}
td#leftcolumn div.blockContent {text-align: left; padding: 3px; line-height: 120%; line-height: 120%;
font-size: 10px;}


these are the lines u need to edit

change padding to 0px

that shud do the trick..

also your themeblockleft is:

<table border="0" width="170" cellspacing="0" cellpadding="0">
<tr>
<td width="8"><img src="<{$xoops_imageurl}>lefttopmenu.jpg" width="8" height="31"></td>
<td width="100%" background="<{$xoops_imageurl}>menubg.jpg"><div class="blockTitle"><center><{$block.title}></center></div></td>
<td width="8"><img src="<{$xoops_imageurl}>righttopmenu.jpg" width="8" height="31"></td>
</tr>
<tr>
<td width="8" background="<{$xoops_imageurl}>menubarbg.jpg"></td>
<td width="100%" background="<{$xoops_imageurl}>menublue.jpg"><div class="blockContent"><{$block.content}></div></td>
<td width="8%" background="<{$xoops_imageurl}>menubarbgright.jpg"></td>
</tr>
<tr>
<td width="8"><img src="<{$xoops_imageurl}>menubottomleft.jpg" width="8" height="11"></td>
<td width="33%" background="<{$xoops_imageurl}>menubarbottom.jpg"></td>
<td width="8%"><img src="<{$xoops_imageurl}>menubottomright.jpg" width="8" height="11"></td>
</tr>
</table><br>


remove the <br> from the end..

also if u notice the 1st line :

<table border="0" width="170" cellspacing="0" cellpadding="0">

notice the width="170" but in your style.css the width for leftcolumn is 180px change these to make them equal..



8
EGBlacky
Re: Eliminate Padding between blocks.
  • 2004/4/15 17:19

  • EGBlacky

  • Just popping in

  • Posts: 45

  • Since: 2003/9/20


I corrected the sizes, took out the <br> (I still don't know how that got there) and changed the padding px. It works great! Thanks!!!!!

Login

Who's Online

256 user(s) are online (161 user(s) are browsing Support Forums)


Members: 0


Guests: 256


more...

Donat-O-Meter

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

Latest GitHub Commits