1
spankee
content padding
  • 2006/3/9 3:34

  • spankee

  • Just popping in

  • Posts: 89

  • Since: 2005/11/13


Using the default theme how do I control the spacing between the right and left columns and the center column through td#leftcolumn and td#rightcolumn? Right now it is being controlled by padding in div#content.
Thanks

2
m0nty
Re: content padding
  • 2006/3/9 3:38

  • m0nty

  • XOOPS is my life!

  • Posts: 3337

  • Since: 2003/10/24


check theme.html for cellspacing setting.. if i understand u correctly

3
m0nty
Re: content padding
  • 2006/3/9 3:40

  • m0nty

  • XOOPS is my life!

  • Posts: 3337

  • Since: 2003/10/24


or td#centercolumn u could possibly use margin-left & margin-right

4
spankee
Re: content padding
  • 2006/3/9 4:26

  • spankee

  • Just popping in

  • Posts: 89

  • Since: 2005/11/13


I want the left and right colums to control the spacing between them and the content.
Something like...from this

td#leftcolumn {width: 170px; font-size: 90%; text-align: left; background-color: #FFFFFF; border-right:1px solid #DDDDDD;}
div#content {text-align: left; padding: 8px;}


To this

td#leftcolumn {width: 170px; font-size: 90%; text-align: left; background-color: #FFFFFF; border-right:1px solid #DDDDDD;margin_right: 10px;}
div#content {text-align: left; padding: 0px 0px 0px 0px;}


But when I make the change there is no spacing between the two.

5
m0nty
Re: content padding
  • 2006/3/9 4:58

  • m0nty

  • XOOPS is my life!

  • Posts: 3337

  • Since: 2003/10/24


theme.html

table cellspacing

padding in IE works differently because microsoft like to try and delegate their own standards instead of proper compliances and standards..

Microsoft decided that padding shouldn’t add to the total actual width of a block-level element, but should subtract from the content display space within the element. The text appears in a more confined space rather than a larger box. Their formula is margin-left, margin-right and width add together to compute actual width.

6
spankee
Re: content padding
  • 2006/3/9 5:30

  • spankee

  • Just popping in

  • Posts: 89

  • Since: 2005/11/13


cellspacing does not help.
I'll just post parts of my code to help.
theme.htm
<table cellspacing="0">
    <
tr>
          <{if 
$xoops_showlblock == 1}> 
      <
td id="leftcolumn">
        <!-- 
Start left blocks loop -->
        <{foreach 
item=block from=$xoops_lblocks}>
          <{include 
file="craig/theme_blockleft.html"}><br />
        <{/foreach}>
        <!-- 
End left blocks loop -->
      </
td>
          <{/if}>
      <
td id="centercolumn">
        <!-- 
Display center blocks if any -->
        <{if 
$xoops_showcblock == 1}>
                <
table>
                  <
tr>
                    <
td id="centerCcolumn" colspan="2">
                    <!-- 
Start center-center blocks loop -->
                    <{foreach 
item=block from=$xoops_ccblocks}>
                      <{include 
file="craig/theme_blockcenter_c.html"}>
                    <{/foreach}>
                    <!-- 
End center-center blocks loop -->
                    </
td>
                  </
tr>
                  <
tr>
                    <
td id="centerLcolumn">
                    <!-- 
Start center-left blocks loop -->
                      <{foreach 
item=block from=$xoops_clblocks}>
                        <{include 
file="craig/theme_blockcenter_l.html"}>
                      <{/foreach}>
                    <!-- 
End center-left blocks loop -->
                    </
td><td id="centerRcolumn">
                    <!-- 
Start center-right blocks loop -->
                      <{foreach 
item=block from=$xoops_crblocks}>
                        <{include 
file="craig/theme_blockcenter_r.html"}>
                      <{/foreach}>
                    <!-- 
End center-right blocks loop -->
                    </
td>
                  </
tr>
                </
table>
                            <{/if}>
                        <!-- 
End display center blocks -->
                        <
div id="content"><{$xoops_contents}></div>
            </
td>
              <{if 
$xoops_showrblock == 1}>
          <
td id="rightcolumn">
            <!-- 
Start right blocks loop -->
            <{foreach 
item=block from=$xoops_rblocks}>
          <{include 
file="craig/theme_blockright.html"}>
            <{/foreach}>
        <!-- 
End right blocks loop -->
          </
td>
              <{/if}>
     </
tr>
</
table>


style.css
td#leftcolumn {width: 170px; font-size: 90%; text-align: left; background-color: #FFFFFF; border-right:1px solid #DDDDDD;}
td#leftcolumn th {background-color: #EEEEEE; color: #111111; vertical-align: middle;}
td#leftcolumn div.blockTitle {padding: 2px; color: #000000; font-weight: bold; border-bottom:1px solid #DDDDDD;}
td#leftcolumn div.blockContent {padding: 2px; line-height: 120%; border-bottom:1px solid #DDDDDD;}

td#mainmenu a {display: block; margin: 0; padding: 4px; text-decoration: none;}
td#mainmenu a:hover {background-color: #ffffff;}
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; text-decoration: none;}
td#usermenu a:hover {background-color: #ffffff;}
td#usermenu a.menuTop {}
td#usermenu a.highlight {background-color: #fcc;}

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

td#rightcolumn {width: 170px; background-color: #FFFFFF; font-size:90%; border-left:1px solid #DDDDDD; padding_left: 8px;}
td#rightcolumn th {background-color: #EEEEEE; color: #111111; vertical-align: middle;}
td#rightcolumn div.blockTitle {padding: 2px; color: #000000; font-weight: bold; border-bottom:1px solid #DDDDDD; text-align: left;}
td#rightcolumn div.blockContent {padding: 2px; line-height: 120%; border-bottom:1px solid #DDDDDD;}

7
Psychotic_Ca
Re: content padding

I dont understand what your trying to do exactly. Are you trying to get the text to hit the sides?
Psychotic_Carp
Resized Image

8
Quest
Re: content padding
  • 2006/3/9 13:46

  • Quest

  • Friend of XOOPS

  • Posts: 1034

  • Since: 2005/11/19


Take a look at your theme_blockcenter_c.html, theme_blockcenter_l.html, and your theme_blockcenter_r.html files.

I believe the adjustment(s) you want to make are in those files. The theme style.css controls the content within the columns and there tables etc. Theme theme block files have a div style= which I believe controls what you are wanting to do.

Quest

9
m0nty
Re: content padding
  • 2006/3/9 13:52

  • m0nty

  • XOOPS is my life!

  • Posts: 3337

  • Since: 2003/10/24


or take a look at td#centercolumn where you can add margin-left and margin-right

10
spankee
Re: content padding
  • 2006/3/9 20:13

  • spankee

  • Just popping in

  • Posts: 89

  • Since: 2005/11/13


The idea is...when the left and right columns are not showing I do not want any extra padding on the left and right side of the content (in my case the phpgedview module). If div#content or any other areas between the left and right columns use padding or margins it won't work.
So what I want is for these selectors td#leftcolumn and td#rightcolumn to control the pading or margin. I have tried to add margins and padding to both but it just simply will not work.
I hope that explains it or I will have to resort to pictures.

Login

Who's Online

241 user(s) are online (163 user(s) are browsing Support Forums)


Members: 0


Guests: 241


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