?

Log in

No account? Create an account

Previous Entry | Next Entry

I've finally taken the plunge over to S2 (huzzah!) as Expressive is fantastically friendly to customise what with the CSS allowing you to override just about every single little detail :D

I've been converting my S1 Layout to Expressive, and so far it looks exactly as I want it. There's only three very slight problems.

I have a paid account, my journal is rigel_7 and I am using a custom theme layer #7507383


putting a padded border around userpics - SOLVED!

In my old layout, I had styled the userpics that displayed on my friends page thusly (screenshot): (yes... slight obsession with Stargate :D)



as a padded border that appeared around all the pics. I cheated a bit and had 2 CSS classes to achieve this: one that set a 1px border around the userpic itself, and the other that set the padded 5px border and outer 1px black border. (being S1 I could go a tad CSS crazy)

So far with S2 expressive I have managed to make it look like this (screenshot):



voila padded border (hooray!), but sadly the absence of the 1px black borders :(

I used the following CSS to do that:

.user-icon {
width: 100px;
border: 1px;
border-color: #000000;
padding: 10px;
background-color: #EAD7B1;
margin-bottom : 25px;
}

and I've tried as many different ways as I can think of to make the border appear to no avail, even removing the padding and background-color to just have a 1px black border (it won't even do that!). I'm not too fussed that the background colour envelops the usernames (although if anyone knows how I can separate them I'll definitely do so.

Any help will be hugely appreciated!

*edits*
Solved by changing the CSS slightly and following av8rmike's suggestions in the comments.


removing a horizontal scrollbar in Firefox - SOLVED!

The other slight bug is that a horizontal scrollbar appears in Firefox.
Oddly enough, the journal content is centered somewhat in Firefox (entirely accidental there, because in IE it is most definitely towards the left of the page)

It's a minor bug, and an entirely cosmetic one - but I would like to kill it. :D

*edits*
Solved, by defining the widths of #container, #container-inner, #page and #page-inner.



comment overflow disappearing under journal edge

When comments branch out (more than 1 reply to a comment), the text of the comment disappears underneath the edge of the #alpha column like this (screenshot):



I think it may have something to do with the fact that I have the alpha overflow set to hidden (which fixed a layout alignment problem in IE)

*edits* Yep, it's the alpha overflow - but so far no solutions.
I have a feeling it's because I set the journal width to 800px, which is not wide enough to accommodate the comments.

For now I've redone my header and reset the journal back to the default width.

any suggestions?

my custom CSS (which is rather extensive):



Any suggestions on how to fix these?
I will love you forever!

Comments

( 5 comments — Leave a comment )
av8rmike
Oct. 17th, 2006 01:21 pm (UTC)
Yeah, that is kind of extensive. You did know you can group properties together like: #content, #content-inner{}, right?

Icon borders: Using border: 1px solid #000000; should work, but there seems to be some overriding code in the S2 layer itself. I haven't tried this, but you may have to manually alter the print_entry() functions.

The scroll bar is there in Firefox because of the different ways it and IE parse CSS. Check the width setting on #container, #container-inner, #page, or #page-inner.

I can't see your comments, but this post may cover the same issue.
rigel_7
Oct. 18th, 2006 01:21 am (UTC)
Thankyou so much!
it looks like you're right about having to override the print_entry() function. :D I'll have a go at it.

and the scrollbar is dead! hooray!

and I tried the suggestion in the post, but sadly it didn't work - but thanks for trying!
av8rmike
Oct. 18th, 2006 02:25 am (UTC)
Here's one thing to try if you want to edit print_entry():
Change this line
"""<div class="user-icon" style="border: 1px; padding: 2px; background-color: $bgcolor;">$userpic""";

To this:
"""<div class="user-icon">$userpic""";

Does this mean you'll love me forever? ;)
rigel_7
Oct. 18th, 2006 10:25 am (UTC)
*hugs*

I definitely will!!

it worked!
av8rmike
Oct. 18th, 2006 12:23 pm (UTC)
Sweet! =) You're welcome.
( 5 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