Welcome Guest [Log In] [Register]
This board has been archived and is no longer accepting new questions. If you have a support question for your ZetaBoard, please visit us at the new support board. Registration is free and easy.


Visit the NEW ZetaBoards Support forum!

Username:   Password:
Add Reply
Centering the logo
Topic Started: Dec 10 2007, 04:01 PM (913 Views)
Christian
Member Avatar
Member
[ *  *  * ]
I'm sorry if this is in an obvious place, but I don't see it. :blink:

Anyways, how would you center the logo?
Offline Profile Quote Post Goto Top
 
luciferxm
Member Avatar
Farewell zeta support
[ *  *  *  * ]
hmmm..well i tried doing this and it centered it perfectly

<center><img src="http://z3.ifrm.com/static/1/logo.png" alt="ZetaBoards" /></center>

is that what you want? :wub:
Offline Profile Quote Post Goto Top
 
Christian
Member Avatar
Member
[ *  *  * ]
Ah! That worked, thanks!

I thought it would have been something along the lines of <align="center"><img src="http://z3.ifrm.com/static/1/logo.png" alt="ZetaBoards" /></align>
Offline Profile Quote Post Goto Top
 
luciferxm
Member Avatar
Farewell zeta support
[ *  *  *  * ]
no problem..im not good at giving advice..this is a first lol ;)
Offline Profile Quote Post Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
<center> works (for now), however it is becoming more advisable due to HTML standards to do this instead:

Quote:
 
#logo {
background:url(http://z3.ifrm.com/static/1/css/logobg.png) repeat-x top #566cb0;
border:1px solid #3a5197;
border-bottom:0;
clear:both;
margin:0 2%;
text-align: center;
}

To center the content within the #logo area, which'd be where your logo goes.
Offline Profile Quote Post Goto Top
 
Mephiles
Member Avatar
Member
[ *  *  * ]
Indeed. <center> is HTML, but not XHTML, which is better and more oranised.
Offline Profile Quote Post Goto Top
 
Christian
Member Avatar
Member
[ *  *  * ]
Nicola
Dec 10 2007, 04:34 PM
<center> works (for now), however it is becoming more advisable due to HTML standards to do this instead:

Quote:
 
#logo {
background:url(http://z3.ifrm.com/static/1/css/logobg.png) repeat-x top #566cb0;
border:1px solid #3a5197;
border-bottom:0;
clear:both;
margin:0 2%;
text-align: center;
}

To center the content within the #logo area, which'd be where your logo goes.
Okay, I just tried that after removing the other center tags, but all it did was cause my logo to repeat. How do I make it not repeat?

Edit: I'll show you what I mean. http://img215.imageshack.us/img215/9356/logorepeatrk6.png
Edited by Christian, Dec 10 2007, 04:59 PM.
Offline Profile Quote Post Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
It shouldn't, unless you set the logo as a background image of the #logo itself. It should simply center the content within the #logo.
Offline Profile Quote Post Goto Top
 
Christian
Member Avatar
Member
[ *  *  * ]
I simply copied and pasted over the default "#logo {clear:both;margin-bottom: 10px;}" in your skin's appearance. What that what I was supposed to do?
Offline Profile Quote Post Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
Oh, no. I quoted the #logo class from the default CSS.
With Frostee you just need to do:
Quote:
 
#logo {clear:both;margin-bottom: 10px; text-align: center}
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Theme & CSS Help · Next Topic »
Add Reply