miss_s_b: (feminist heroes: oracle)miss_s_b ([personal profile] miss_s_b) wrote,
@ 2009-05-12 11:57 am UTC
  • Previous Entry
  • Add to Memories
  • Tell someone about this!
  • Next Entry
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)
  • The Lib Dem Bird of Freedom
  • My old motorbike, Nemesis (Triumph TT600 in silver)
  • Christopher Lee as Saruman, representing for both my Christopher Lee Thing and Lord of the Rings Thing
  • The seal of Rassilon for Doctor Who
  • Angelica Huston and Raul Julia and Gomez and Morticia, representing both my love of the Addamses and family life ;)
  • A beer pump. Because, you know, BEER. Beer is important
  • Brian May, representing for men with long hair, men with curly hair, men with dark hair, people called Brian (Blessed, Life of, etc.), guitarists, Rock Gods, scifi geek men, sexy physicists, AND hot musicians (Brian works hard, doesn't he? Bless him)
  • The central image is Young Nanny Ogg with mug of ale, by Paul Kidby. You can buy a print of this picture here. If you can't see the parallels between myself and Gytha, then you're not familiar with the character.
  • My favourite picture of Vincent Price, from when he was in his university swimming team. He's all wet and topless. Hee! Vincent represents both himself and the Corman/Price/Poe films of the sixties which I ADORE
  • The White Rose of Yorkshire
  • Listy and Rimsy snogging. This represents both Red Dwarf and silly slashyness, which amuses me on occasion. Debi tells me it also represents fandom drama, which is handy, because I've seen my fair share of that too
  • John Stuart Mill and Harriet Taylor, representing feminism and liberalism in one handy package
  • Janeway, representing feminist SF and Star Trek
  • My name, in my favourite font (monumental gothic)
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)
(Threaded) (Flat)

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)  (Show 2 comments)



(Read 20 comments) - (Post a new comment)
(Threaded) (Flat)