The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Logo Centering Problem

3 posters

Go down

Solved Logo Centering Problem

Post by doja August 14th 2009, 9:58 pm

Hi,

my forum is here:

nhscs.forumotion.com

currently my logo floats slightly to the right, but I have the "center the logo" option checked from the administration panel. I was wondering if someone could help me get this thing centered, i have been fighting with this for a while. here is the css for the site.

http://nhscs.forumotion.com/36-ltr.css

Any help would be very much appreciated!
doja
doja
New Member

Posts : 15
Reputation : 0
Language : English

Back to top Go down

Solved Re: Logo Centering Problem

Post by LilJur August 14th 2009, 11:15 pm

As far that i see, your logo is way to long.
To fix that you shud make the width of your forum 100% or make the logo smaller.

Els its the CSS
avatar
LilJur
Forumember

Male Posts : 212
Reputation : 8
Language : xml, css, html, hex, english and dutch

Back to top Go down

Solved Re: Logo Centering Problem

Post by ankillien August 15th 2009, 5:40 am

Hello,

First of all you need to decrease the width of your logo image.
There is nothing to do with the forum width.
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Solved Re: Logo Centering Problem

Post by doja August 16th 2009, 6:10 am

the image size is almost perfect, i know its a tiny bit large, but i am not designing the site for anyone with 1024x768. its all 1280x1024 or higher.

the issue is that i have chosen the logo to be centered, but if you browse the site at a higher resolution > 1280, the image is not centered, rather it is left justified.

i do not want to make my forum 100% width.

even at the lower resolutions, there is a maybe 25px range on the left border where the image doesn't snug up against the left side. was hoping someone knew how to remove it.

thanks, keep suggestions coming!

no more posts please about the size of the image, that doesn't matter when centering at the resolution i am talking about.
doja
doja
New Member

Posts : 15
Reputation : 0
Language : English

Back to top Go down

Solved Re: Logo Centering Problem

Post by ankillien August 16th 2009, 6:20 am

Ok, Go to your CSS, and find out this part...

Code:
div#logostrip #logo {
   display: block;
   margin: 0 10px;
   float: left;
   }

Notice float: left;, change it to float: none; and add a line below it...text-align : center;. Now save and see is that what you want Razz

NOTE : It is advisable to take a backup of your CSS before making any changes Wink
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Solved Re: Logo Centering Problem

Post by doja August 16th 2009, 7:31 pm

^5 ankillien!

you found that little bugger. been tryin to find it for a while!
the css for these templates are really large at times, and very unorganized.

thanks so much!
doja
doja
New Member

Posts : 15
Reputation : 0
Language : English

Back to top Go down

Solved Re: Logo Centering Problem

Post by ankillien August 16th 2009, 7:33 pm

Glad I could help Very Happy

Since the problem is solved, I'll lock the topic.
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum