Log in

No account? Create an account

Previous Entry | Next Entry

Bullet points

  • May. 15th, 2008 at 5:16 PM
Does anyone know why bullet points are aligning weirdly for me in Expressive?

On both my entries page and friends page bullet points overlap the usericon in posts. It happens in both Firefox and Safari, i haven't looked at it on my laptop to see if it happens in IE.

FF -

Safari -

I haven't made changes to my layout myself (i hope it's ok to post here if i haven't?). I'm using a paid account. Also the entry i capped was sent from loudtwitter.com but the same thing happens if i make bullet points in rich text myself, and as i said it happens on my friends page too.


( 10 comments — Leave a comment )
May. 15th, 2008 01:20 pm (UTC)
I have noticed this for a while (like, as long as Expressive has been around), but I haven't been able to determine whether or not this is actually a "bug". Since all the browsers I've seen treat the list markers the same way, I'm thinking it's intended behavior. As it's set up now, list markers have a position of "outside", which puts it outside the box that contains the list item content. If that didn't make sense, you can see the difference here. Then, the marker ends up underneath or on top of the floated user icon.

You can change that behavior by inserting this rule into your custom CSS:
.asset-body ul {list-style-position: inside;}
However, it will affect the appearance of multi-line list items, if that matters to you.
(Deleted comment)
May. 15th, 2008 06:59 pm (UTC)
How are you trying to change the marker styles?
(Deleted comment)
May. 16th, 2008 01:25 pm (UTC)
The first method is deprecated according to the W3C, but the second method worked for me.
Nov. 27th, 2009 11:50 am (UTC)
good there is this entry, but if necessary i'll write a new post.
i tried to modify my bullets for the tag-list-view via css (since i'm too unexperienced yet to mess into the layers and their HTML), with *don't laugh at the symbol!*

.lj-view-tags #alpha-inner li:before {content:'\2665 ';}

btw, the part ".lj-view-tags #alpha-inner" worked fine for modifying the pseudo-post with the tag-list, background / padding / adding img.

i tried as well just

.lj-view-tags li:before {content:'\2665 ';}
li:before {content:'\2665 ';}
or even
li {content:'\2665 ';}

even adding into the rule, as recommanded somewhere, after it didn't work

the result is the same every time: my LJ rejects the totality of my layout and turns back to the base theme without any of my css. this on XP IE8 as well as on mozFF. as soon as i delete the rule totally, my LJ is back to my normal customized layout.

does that mean that it's impossible to modify lists via CSS on LJ?
Nov. 27th, 2009 06:30 pm (UTC)
does that mean that it's impossible to modify lists via CSS on LJ?

No, it means that the CSS cleaner is rejecting the entire stylesheet because of the backslash hex character. You can modify list markers, but only within a narrow range of values in the CSS spec, but it looks like arbitrary HTML characters aren't part of the spec. You can use an image, but it has to be specified via a URL.
May. 15th, 2008 10:56 pm (UTC)
Thank you for that code.

Interesting that it's possibly intended to be like that, it looks terrible to me.
May. 15th, 2008 11:07 pm (UTC)
Well, blame the W3C. It seems that the CSS 2.1 spec doesn't handle the case of lists next to floated content.
Jun. 17th, 2008 07:36 am (UTC)
I too am particularly frustrated by this layout issue & would love to know where to put that rule? I haven't customized anything else in the Expressive code & this would be my first venture in to fiddling with the basic code, which kinda worries me.
Help? :)
Jun. 17th, 2008 12:44 pm (UTC)
Customize Journal Style, Custom CSS box.
Jun. 17th, 2008 07:40 pm (UTC)
Awesome! Thanks for helping! :)
( 10 comments — Leave a comment )

Latest Month

March 2016

S2 Help Communities


Powered by LiveJournal.com
Designed by chasethestars