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 Community Support forums / 
  3. Q and A 
  4.  / How to vertical align banner?
Register
1
Chainsaw
How to vertical align banner?

  • 2004/1/18 2:38

  • Chainsaw

  • Quite a regular

  • Posts: 304

  • Since: 2003/9/28


Hi there. I'm trying to align the banner to be vertically middle.

My codes are

<tr>
<td width="40%" height=108 align="center" valign="middle" bgcolor="1B4949">
<div style="vertical-align: middle; text-align:center;"><{$xoops_banner}>div>
<td width=428 height=108 align="left" valign="middle" bgcolor="1B4949">
<div style="text-align: left; padding-top: 0px;"><img src="<{$xoops_imageurl}>images/ACC_Banner2.gif" align="center">div> 
td>
tr>


See my website at http://202.89.43.124/www.albanycc.org.nz/xoops2/

The banner (on the left side) is currently centered but not vertically in the middle.

Thanks for any help.

post edit :

This is the offending part I am trying to fix

<div style="vertical-align: middle; text-align:center;"><{$xoops_banner}>div>
2
PTlooker
Re: How to vertical align banner?

  • 2004/1/18 2:50

  • PTlooker

  • Just can't stay away

  • Posts: 447

  • Since: 2003/6/15


Try this...
images/ACC_Banner2.gif" valign="center">


or

images/ACC_Banner2.gif" valign="middle">


Not sure if it will work...
3
Chainsaw
Re: How to vertical align banner?

  • 2004/1/18 2:56

  • Chainsaw

  • Quite a regular

  • Posts: 304

  • Since: 2003/9/28


Thanks for that reply. Unfortunately it is the left side advertisment banner I am trying to fix. The right side is quite OK.
4
Chainsaw
Re: How to vertical align banner?

  • 2004/1/18 3:17

  • Chainsaw

  • Quite a regular

  • Posts: 304

  • Since: 2003/9/28


OK I fixed it. I looked at the default theme again and used their setup instead.

<tr>
          <td id="headerbanner">
            <{$xoops_banner}>
          <td width=428 height=108 align="right" valign="middle" bgcolor="1B4949">
              <div style="text-align: right; padding-top: 0px;"><img src="<{$xoops_imageurl}>images/ACC_Banner2.gif" align="right">div>
          td>
        tr>


and I used the following style
td#headerbanner {width: 100%; background-color: #1B4949; vertical-align: middle; text-align:center;}

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

480 user(s) are online (390 user(s) are browsing Support Forums)

Members: 0

Guests: 480

more...

Donat-O-Meter

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

Latest GitHub Commits