miss_s_b: (feminist heroes: oracle)miss_s_b ([personal profile] miss_s_b) wrote,
@ 2009-05-12 11:57 am UTC
Current mood: busy
Entry tags:fandom, graphics, websites
Header is now sorted to my satisfaction. For those of you who have an interest in such things, the people and things represented are (from left to right) I have also buggered about with the CSS a bit in order to get rid of the HUGE gap between entries, and make it a more pleasingly svelte gap The problem now is that the text of entries/comments doesn't wrap around the icon. Mat's proposed solution to this was increasing the size of the entry header, which would push the entry text down below the icon, so we tried it, but the method he suggested (increase header font size) seems to be disabled by something else. We've put in
.entry-content, .comment-content {
padding-top: 30px;
}
as a bodge, but it's not satisfying to me. I'd like to wrap if I can. Any ideas, oh CSS gurus in my readership?


(Read 20 comments) - (Post a new comment)
(Flat) (Top-level comments only)

ext_20894: (Dinosaur)


[identity profile] very-true-thing.livejournal.com
2009-05-12 01:00 pm UTC (link)
So long as the user pic is absolutely positioned (which it is twice over in your CSS) the text can never wrap around it. Absolutely positioned elements are taken out of the document flow and hence are totally ignored by all other elements.

This will over ride the absolute positioning and use floats plus margins to achieve the same effect, and thus allow wrapping.

.entry .userpic a, .comment .userpic a {
   position: static;
   float:right;
   margin-top:-66px;
   padding:5px;
}


Then remove the extra padding from the entry and it should all work (I've only tested in Firefox on Windows).

(Reply to this)  (Thread



[personal profile] awesomegore
2009-05-12 02:05 pm UTC (link)
Oh you beat me to it. Drat!

(Reply to this)  (Thread from start)  (Parent


miss_s_b: (Mood: Grateful)


[personal profile] miss_s_b
2009-05-12 02:57 pm UTC (link)
I have changed the numbers a bit, but the principle is sound. Thank you! YAY!

(Reply to this)  (Thread from start)  (Parent



(Read 20 comments) - (Post a new comment)
(Flat) (Top-level comments only)