View Full Version : Logo Alignment?


Joseph Witchard
02-18-2007, 03:26 AM
http://www.uhrebirth.com

That's my website. See how I've got the navigation buttons in the left div of my CSS layout? Well, I kind of want to have some more buttons at the top of the page as well (this would mean I would get rid of my banner). But, I don't think buttons at the top of the page, then buttons at the left of the page, would look good without like some sort of logo in the top left corner, just to kind of make them more separate. I've already made a logo for my website, I just don't know I to align it to the top left corner, ABOVE the left buttons, and to the LEFT of the top buttons I want to add.

Ges
02-18-2007, 08:41 AM
Hi Professor Witchard,
I think I see what you mean. You want some more buttons bellow the banner without compromising it?

If so then add the following code JUST BELOW THE BANNER IMG LINE.


<div id="center">
<a href="http://uhrebirth.yuku.com"><img src="images/buttons/hogwarts.gif" border="0" width="106" height="76" alt="NEWBUTTON 1" hspace="10"></a>
<a href="http://rebirthsortinghat.yuku.com"><img src="images/buttons/sortinghat.gif" border="0" width="106" height="76" alt="NEWBUTTON 2" hspace="10"></a>
<a href="rules.htm"><img src="images/buttons/rules.gif" border="0" width="106" height="76" alt="NEWBUTTON 3" hspace="10"></a>
<a href="faq.htm"><img src="images/buttons/faq.gif" border="0" width="106" height="76" alt="NEWBUTTON 4" hspace="10"></a>
</div>


Note the change from VSPACE to HSPACE. I've only used 4 buttons cos you don't say how many you're going to use. If you want more then simply add more lines.
NOTE: If you want to align the new top buttons to the LEFT then you must add an additional CSS - say #top_buttons_left to your code so as not to compromise the other buttons. I simply used your CENTER one cos it was convenient and it's Sunday morning over here and I'm lazy!

Hope this helps,
Regards,
Ges.

Joseph Witchard
02-18-2007, 09:44 PM
Actually, I'm not talking about my banner. I created like a square image logo to put at the top left corner of my site. What I'm asking is how do I keep the current buttons in the left div menu, put the logo on top of them, then have buttons going across the top of the page to the right of the logo? Like:

LOGO Button Button Button

Button
Button CENTER
Button
Button
Button DIV
Button
Button
Button