Advertise Here

Author Topic: I can't center the header logo (tried almost everything)  (Read 3462 times)

0 Members and 1 Guest are viewing this topic.

Offline Rekuja

  • SMF For Free Newbie
  • *
  • Posts: 1
    • View Profile

  • Total Badges: 4
    Badges: (View All)
    Topic Starter Level 1 First Post Windows User
I can't center the header logo (tried almost everything)
« on: January 20, 2014, 05:15:03 pm »
Hey guys,

Before I begin, I should mention that I'm still relatively new to SMF and I've googled for hours/days and and even read most of the stickies on this board but I can't figure this out whatsoever, this was my last resort so I'm hoping someone could point me in the right direction.

This is our forum

www.hellion.net.nz

As you can see, the logo is top left and I'm trying my best to center it and maybe resize it (photoshop) so the site looks a little cleaner.

This is the code I'm looking at

Code: [Select]
#header {
   position: relative;
   height: 207px;
   overflow: hidden;
   background: url(../images/theme/headerb.jpg) 0 0 repeat-x;
}
#head-r {
   height: 207px;
   background: url(../images/theme/headerr.jpg) 100% 0 no-repeat;
}
#head-l {
   background: url(../images/theme/headerl.jpg) 0 0 no-repeat;
}

Code: [Select]
#logo a {
   position: absolute;
   top: 0em;
   left: 2em;
   display: block;
   width: 507px;
   height: 180px;
   cursor: pointer;
   background: url(../images/theme/logo.png) no-repeat;
}

I've been told that I'd have to move the other objects as well (search bar, nav pane etc) along with the header/logo as well. So there's a few places where you'll need to play with to get the right orientation.

Could someone help me out? would be highly appreciated.

Offline taogem

  • SMF For Free Hero
  • *
  • Posts: 853
    • View Profile
    • My Snuff Bottle Journal

  • Total Badges: 29
    Badges: (View All)
    Tenth year Anniversary Nineth year Anniversary Eighth year Anniversary Seventh year Anniversary Sixth year Anniversary
Re: I can't center the header logo (tried almost everything)
« Reply #1 on: May 13, 2014, 10:46:48 pm »
Just a suggestion, because I have tried using the forum logo setting before.. Very hard to get it center..

You might just put it at the very top of your header... Admin/manage styles/header

Code: [Select]

<center>http://i30.photobucket.com/albums/c325/glyphman/gb250.gif</center>

« Last Edit: May 13, 2014, 10:48:39 pm by taogem »

 

Related Topics

  Subject / Started by Replies Last post
4 Replies
1719 Views
Last post September 30, 2007, 07:37:34 pm
by poordudz
16 Replies
4056 Views
Last post November 26, 2007, 08:30:15 am
by simply sibyl
1 Replies
1091 Views
Last post February 18, 2009, 08:47:07 am
by simply sibyl
4 Replies
2709 Views
Last post June 08, 2009, 09:34:28 pm
by EpicScape
2 Replies
3960 Views
Last post August 24, 2009, 03:36:37 pm
by dad2paisley