top header alignment ~ Killer

[Guest]

Quick question......Ive searched, but, not found anything like what Im looking for.

Can the top header graphic be set for right hand alignment??

while the session box reamain left aligned?

Thanks!!

[roban]

float: right

[Guest]

Thats what I thought, but after trying that in the layout.css file....as shown below...I get the session box on the "right"...and apparently no topheader graphic showing?

#topHeader {

	text-align: right;

	height: 100px;

	background-image: url(../styleImages/backgrounds/topHeader.gif);

	background-repeat: no-repeat;

	background-color: #000000;

	float: right;

}

#sessionBox {

	text-align: center;

	background-image: url(../styleImages/backgrounds/sessionBg.gif);

	width: 236px;

	height: 96px;

	background-repeat: no-repeat;

	float: left;

}

Heres what I get WITH the above code.....the sessionbox goes to the right and I dont see the topheader graphic or the black BG color...only the content BG image.

And this is what I get when the "float: right;" is not present in the topHeader part of the code....no changes to the code other than that.

The top header graphic is still aligned left (default I presume) in this example, although it may appear "centered", and notice the sessionbox is actually where I want it, on the left.

Do I need to make additional changes in other files to facilitate the change?

THANKS!!!!!!!!

[markscarts]

What you call a top header graphic (that's what it is, I know), in this instance is nothing more than a background image.

Putting a text-align property does not affect a background image.

You may, however, set how to align your background image with the background-position property. To learn how to do this, type background-position css into google. Read the information from w3cschools.org

[Guest]

THANKS Mark!!!!!

That did the trick!!!!

I appreciate the "learned" reply too...understanding is half the battle!!