?

Log in

No account? Create an account

Previous Entry | Next Entry

I'm sure this is painfully stupid, but I am proving myself to be a CSS moron tonight.

Working on hollow_art's layout, using Expressive Chopsticks, with the three column sidebar on each side style. It seems like what I want is relatively simple, but I'm not getting it right.

What I want is for the left sidebar to have all its content (text and usericon) with right alignment. Seems simple, no? The only code I could find made both sidebars right aligned, and I don't want that. The left should be right, and the right should be left, so they're framing the content. I am a massive dork, and I won't be happy until I figure this out. I would also like to change the line height for the left sidebar ONLY.

LAST post for help for this stupid layout, I promise. And thank you all for making and maintaining an awesome community. <3

Comments

( 7 comments — Leave a comment )
av8rmike
Nov. 2nd, 2007 12:23 pm (UTC)
Actually, it's not that stupid... and kind of tricky to move the userpic around, since FF and IE handle alignment differently.
#beta .widget-content {
    text-align: right;
}
You need the #beta in there, otherwise it'll affect both sidebars, as you saw. To move the userpic:
.widget .user-pic {
    float: right;
    margin-right: 25px;
}
This looked right for me in IE 6, but I'm hoping it'll look right in Firefox too.
laurasue
Nov. 2nd, 2007 01:32 pm (UTC)
Hmmm... that does move the content, except for the PROFILE and NAVIGATION headings. Though I am glad to know this actually is a decent question and I didn't just airhead on finding the answer myself.
av8rmike
Nov. 2nd, 2007 02:13 pm (UTC)
My bad. Change:
#beta .widget-content {
    text-align: right;
}
to:
#beta .widget-header,
#beta .widget-header a,
#beta .widget-content {
    text-align: right;
}
laurasue
Nov. 2nd, 2007 02:15 pm (UTC)
That worked! Thank you muchly - again lol. ^__^
thehunter
Nov. 4th, 2007 04:41 pm (UTC)
I just tried this in an RP journal and it worked great--except that the grey bar that belongs behind the "profile" text is still floating on the left side of the sidebar. Is there anything I can do about this? The LJ in question is here.
av8rmike
Nov. 4th, 2007 07:00 pm (UTC)
Under that text-align: right; line, add:
background-position: top right;
Or, make new sidebar and sidebar header background images that are the full width of your wider sidebars.
thehunter
Nov. 4th, 2007 09:01 pm (UTC)
Thanks!
( 7 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars