?

Log in

No account? Create an account

Previous Entry | Next Entry

layout alignment

  • Feb. 7th, 2007 at 2:45 PM
hi everyone,

totally new to this style and if you want to stop by my lj you can see the horrible state it's in at the moment as i try to figure out what everything does (using the style sheet from the beginner's guide and will be modifying it).

figured out most things, but so far i haven't been able to get the whole layout (header, content and all) to align to the left side of the screen. have looked through previous posts but can't find anything about this.

does anyone know how or i can do this? thanks in advance.

Comments

( 8 comments — Leave a comment )
av8rmike
Feb. 7th, 2007 04:33 pm (UTC)
Something I noticed off the bat:
#page-inner {
    width: 940px;
    margin: 100 100 100 100;
    background-color: #0000ff;
}

#content-inner {
    padding-top: 315px;
    padding-right: 50;
    margin: 100;
}
All of the margin and padding values need to have a unit specifier (except for zero). That could be part of the problem.
angryhamster
Feb. 7th, 2007 06:25 pm (UTC)
you win for having a bender icon. i wish i had one.

while those were not responsible, they WERE wrong and have since been fixed (thanks for pointing them out). finally got the main issue sorted with:

#.content-inner {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

...which is one problem sorted, but i have a few others.

is there any way i can get the date to align up with the rest of the entry? it seems to be indented by a fair bit, and even having found the .datetime class and being able to edit it (for example, i was able to make it bold), i can't get it to line up with the rest of the entry. is there a way to do that, do you know?

the layout is otherwise mostly done and i left an entry unlocked so you can see what i mean about the date. any ideas?
av8rmike
Feb. 7th, 2007 07:12 pm (UTC)
Actually, the date/time isn't bold. For some reason, the selector .asset-meta-list .datetime isn't specific enough to match the elements. What you want is something like:
.asset-meta-list .item span {
    font-weight: bold;
    padding-left: 0;
}
angryhamster
Feb. 7th, 2007 07:26 pm (UTC)
...it's bold for me...?

you can see what i'm talking about here.

anyway, that's not the problem, the problem is the space to the left of the date stuff, that it doesn't line up with the icon rest of the text underneath.

...i also haven't been able to figure out how to make my calendar and month title center in the widget. any ideas?
av8rmike
Feb. 7th, 2007 08:14 pm (UTC)
Weird. The CSS I wrote above was what I needed to left-align the date and time in my layout, but I'm on IE here. Maybe it's some kind of browser compatibility thing. When viewing your journal, the date isn't coming up bold or black. Anyway, did you try the above CSS?
For the calendar, try this:
.calendar-widget .widget-content {
    text-align: center;
}
It worked for me here, at any rate. :/ I can check Firefox when I get home in a few hours.
angryhamster
Feb. 7th, 2007 09:27 pm (UTC)
ooh, yes, I hadn't, but it does now, both browsers. thanks! that was really driving me nuts. text looks black to me in both, though... FF2 and IE7? maybe it's browser issues, i don't know.

however, the text-align doesn't work for either the calander or my tags in FF, and only works on the calander in IE. any clue what i'm doing wrong?

sorry for being such a pain, i'm really new to this layout and its particulars, and my css is... limited.
av8rmike
Feb. 8th, 2007 02:57 am (UTC)
It's no problem, this is a complicated layout and it's hard to build one from scratch. I think the text-align thing only works in IE, so it won't work in the more-standards-compliant FF. Try this:
.calendar-widget table {
    text-align: center;
    margin: 0px auto;
}
The first line will center the calendar text in the columns.
angryhamster
Feb. 9th, 2007 04:42 pm (UTC)
woo-hoo, it worked! thank you! <3

i think at some point i'm going to have to try and find/make a style sheet that does everything, i.e. how to make the entries a different background color from the rest and how to make the beta column have a different background color etc. etc. etc. since i haven't been able to work some of those out.

at least i have the basics down now, though. thanks very much for your help!
( 8 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