1
seongbae
Center blocks being in the middle (valign=top)
  • 2004/2/10 19:22

  • seongbae

  • Just popping in

  • Posts: 20

  • Since: 2003/3/16


Hello. Below code is from my theme.html. As you can see, I have valign=top for all the tables and td's for the center column. But the blocks in center column are still being shown as valign=middle. You can see the example on my sitehttp://www.peachpie.net

I am trying to valign all the center blocks to the top. What modification do I have to make?

<table cellspacing="0">
  <
tr>
    <
td id="headerbar2"><img src="/radio/images/peachpielogo.jpg"></td>
  </
tr>
</
table>

  <
table cellspacing="0">
    <
tr>
      <
td id="leftcolumn"><br>
        <!-- 
Start left blocks loop -->
        <{foreach 
item=block from=$xoops_lblocks}>
          <{include 
file="flower/theme_blockleft.html"}><br>
        <{/foreach}>
        <!-- 
End left blocks loop -->

      </
td>

      <
td id="centercolumn" valign="top">

        <!-- 
Display center blocks if any -->
        <{if 
$xoops_showcblock == 1}>

        <
table cellspacing="0" valign="top">
          <
tr>
            <
td id="centerCcolumn" colspan="2" valign="top">

            <!-- 
Start center-center blocks loop -->
            <{foreach 
item=block from=$xoops_ccblocks}>
              <{include 
file="flower/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="flower/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="flower/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"><br>
        <!-- 
Start right blocks loop -->
        <{foreach 
item=block from=$xoops_rblocks}>
          <{include 
file="flower/theme_blockright.html"}><br>
        <{/foreach}>
        <!-- 
End right blocks loop -->
      </
td>

      <{/if}>

    </
tr>
  </
table>

2
Mithrandir
Re: Center blocks being in the middle (valign=top)

What does the CSS for centercolumn say? Perhaps it is overriding it or perhaps it won't work in junction with a CSS id... I'm not a CSS expert, though.

3
kahumbu
Re: Center blocks being in the middle (valign=top)
  • 2004/2/10 21:24

  • kahumbu

  • Documentation Writer

  • Posts: 277

  • Since: 2003/8/23


Check your CSS (flower/style.css). There is a line there that goes:

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

Change that one to top. It should work.

4
seongbae
Re: Center blocks being in the middle (valign=top)
  • 2004/2/11 7:00

  • seongbae

  • Just popping in

  • Posts: 20

  • Since: 2003/3/16


Thanks! It worked like a magic! :)

Seong

Quote:

kahumbu wrote:
Check your CSS (flower/style.css). There is a line there that goes:

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

Change that one to top. It should work.

Login

Who's Online

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


Members: 0


Guests: 226


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