The secure CMS.

Welcome to Geeklog, Anonymous Thursday, January 02 2025 @ 10:01 am EST

Geeklog Forums

Centre Header Logo

 New Topic  Post Reply
 07/21/07 02:57pm (Read 1,250 times)  
Status: offline

trampoline

Forum User
Full Member
Registered: 02/24/06
Posts: 392
I have altered the header.thtml so that one large image is displayed on the site header..
I have tried all sorts but I would like this logo centred on the site.
at the moment it is displayed on the left.
How can I get it centred ?
the current code is...
Text Formatted Code

  <div class="header-logobg-container-outer">
                <table width="100%" border="0" cellpadding="0" cellspacing="0" class="header-logobg-container-inner">
                    <tr>
                        <td class="header-logobg" width="680%" height="127" style="text-align:left;vertical-align:middle;">
                            &nbsp;&nbsp;&nbsp;&nbsp;<a href="{site_url}/"><img src="{site_logo}" width="680" height="127"  alt="{site_name}" border="0"></a>
                        </td>
                       <td class="header-logobg" width="50%" height="127" style="text-align:right;vertical-align:middle;">
                            <!--<span class="site-slogan">{site_slogan}</span>&nbsp;&nbsp;&nbsp;&nbsp; -->
                        </td>
                    </tr>
                   <td colspan="2" style="padding:0px;margin:0px;background:#transparent">{glmenu}</td>
                </table>
            </div>
 
:pray:
 Quote
 07/21/07 04:57pm  
Status: offline

Dazzy

Forum User
Full Member
Registered: 07/19/03
Posts: 200
Location:N. Ireland
Image will never be truely centred when you are still displaying site slogan in right hand column, either dont display slogan and merge the two columns or move the slogan elsewhere.
Dazzy
 Quote
 07/21/07 05:15pm  
Status: offline

trampoline

Forum User
Full Member
Registered: 02/24/06
Posts: 392
OK how would I do that ? merge the columns and display centre ?
do you have any code idea's ?
 Quote
 07/21/07 05:28pm  
Status: offline

Dazzy

Forum User
Full Member
Registered: 07/19/03
Posts: 200
Location:N. Ireland
Try something like

Text Formatted Code

   <div class="header-logobg-container-outer">
               
  <table width="100%" border="0" cellpadding="0" cellspacing="0" class="header-logobg-container-inner">
    <tr>
      <td height="127" class="header-logobg" style="text-align:left;vertical-align:middle;"><div align="center"><a href="{site_url}/"><img src="{site_logo}" width="680" height="127"  alt="{site_name}" border="0"></a></div></td>
    </tr>
    <tr>
      <td height="19" class="header-logobg" style="text-align:left;vertical-align:middle;">
        <!--<span class="site-slogan">{site_slogan}</span>&nbsp;&nbsp;&nbsp;&nbsp; -->
      </td>
    </tr>
    <td style="padding:0px;margin:0px;background:#transparent">{glmenu}</td>
  </table>
            </div>
 
Dazzy
 Quote
 07/21/07 05:40pm  
Status: offline

trampoline

Forum User
Full Member
Registered: 02/24/06
Posts: 392
Wow impressive,
you were correct first time !

It is now all centred.

I am wondering could you have one image to the far left and a second centred ?

That would be perfect...

Thanks though, such a simple thing I have spent days on and off trying to figure this out...
 Quote
 07/22/07 07:06am  
Status: offline

Dazzy

Forum User
Full Member
Registered: 07/19/03
Posts: 200
Location:N. Ireland
You have to be aware that if you place a column to the left the image will then not be truely centred on the page but in the secong column but to do as your asking try something like

Text Formatted Code

  <div class="header-logobg-container-outer">
               
  <table width="100%" border="0" cellpadding="0" cellspacing="0" class="header-logobg-container-inner">
    <tr>
      <td width="50" class="header-logobg" style="text-align:left;vertical-align:middle;"><!--Place left image path here--></td>
      <td height="127" class="header-logobg" style="text-align:left;vertical-align:middle;"><div align="center"><a href="{site_url}/"><img src="{site_logo}" width="680" height="127"  alt="{site_name}" border="0"></a></div></td>
    </tr>
    <tr>
      <td height="19" colspan="2" class="header-logobg" style="text-align:left;vertical-align:middle;">
      <!--<span class="site-slogan">{site_slogan}</span>&nbsp;&nbsp;&nbsp;&nbsp; -->      </td>
    </tr>
    <tr>
      <td colspan="2" style="padding:0px;margin:0px;background:#transparent">{glmenu}</td>
    </table>
</div>
 
Dazzy
 Quote
 New Topic  Post Reply
All times are EST. The time is now 10:01 am.
  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content