Centering the Logo in subBlack

Krick · **Centering the Logo in subBlack -** 08-14-2006, 03:12 PM

I'm having problems getting a logo to center up in the subBlack theme.

Here's the relevant code snip from header.html,

Quote:

<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td bgcolor="#000000"><table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td bgcolor="#212121"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="60%" height="85">[img]themes/subBlack/images/logo.jpg[/img] </td>
<td width="40%" height="85" align="right">$showbanners </td>
</tr>
</table></td>

The section that I believe should contain the logo if I want to center it is,

Quote:

That's the area of the page that spans the entire width of the top. However, if I place the image there and set align="center", it still appears at the left of the page.

Any ideas?

myrtletrees · 08-14-2006, 08:36 PM

try setting
<div align="center"> around the current html tags where the logo is.

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td bgcolor="#000000"><table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td bgcolor="#212121"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="60%" height="85"><div align="center">[img]themes/subBlack/images/logo.jpg[/img] </div></td>
<td width="40%" height="85" align="right">$showbanners </td>
</tr>
</table></td>

Duke · **Re: Centering the Logo in subBlack -** 08-14-2006, 08:54 PM

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="2">
  <tr>
    <td bgcolor="#000000"><table width="100%" border="0" cellspacing="2" cellpadding="0">
        <tr>
          <td bgcolor="#212121"><table width="100%" border="0" cellspacing="0" cellpadding="0">                                     
              <tr>
                <td width="60%" height="85">[img]themes/subBlack/images/logo.jpg[/img] </td>
                <td width="40%" height="85" align="right">$showbanners </td>
              </tr>
            </table></td>

Can you please provide a link to your website?

Personally, I'm a little confused with what your asking for here. Do you want a background image that spans the width of the header regardless of screen resolution <width="100%"> or are you simply trying to align a smaller image in the header?

This is just one possible example: If you are trying to align a smaller image in the center you will need to change this (assuming your not going to show banners):

Code:

<tr>
      <td width="60%" height="85">[img]themes/subBlack/images/logo.jpg[/img]</td>
      <td width="40%" height="85" align="right">$showbanners </td>
</tr>

TO

Code:

<tr>
     <td width="100%" height="85">[img]themes/subBlack/images/logo.jpg[/img]</td>
</tr>

What is the size of the image your trying to place and will it rez up cleanly depending on your users screen resolution?

Krick · 08-15-2006, 11:21 AM

This is what I ended up doing to center the image.

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="2">
  <tr>
    <td bgcolor="#000000"><table width="100%" border="0" cellspacing="2" cellpadding="0">
        <tr>
          <td bgcolor="#212121"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="100%" height="85" align="center">[img]themes/subBlack/images/logo.jpg[/img] </td>
                <td width="40%" height="85" align="right">$showbanners </td>
              </tr>
            </table></td>

Frostblade · 10-06-2006, 02:53 PM

This code does not seem to work in subBlack3d. The second 40% cell removes the right side blocks from the rest of the page. Has anyone gotten this to work in that theme?