H'Okay.

[miss_s_b]

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?

Comments

[burkesworks]

No surprise there's a Brian and a Vincent in there, though not the gentlemen of those names that I was expecting.

[miss_s_b]

Good point!

[heliumflash]

Yeah, I was totally thinking you meant a different Vincent when you first mentioned him being there :)

[miss_s_b]

Dr Cable is not Vincent, he's VINCE.

[very-true-thing.livejournal.com]

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).

[awesomegore]

Oh you beat me to it. Drat!

[miss_s_b]

I have changed the numbers a bit, but the principle is sound. Thank you! YAY!

[innerbrat]

This worked for me on your layout:
.userpic {
margin: 20px;
}

Which I see now someone else suggestd.

It doesn't so much represent fandom drama, as it does Debi's deep rooted distaste for slash - does that count?

[innerbrat]

Also:

Gytha: 15, Jennie: 1. You've got some catching up to do, my dear.

[miss_s_b]

I'm doing all right on the husbands front, though ;)

[innerbrat]

Don't worry, I won't tell Mat that you're in competition.

[miss_s_b]

Cheers m'dear ;)

[leoniedelt]

flipping RAWR at Brian May. YUM.

[shishmish]

Sorry had to jump in and say: omg, do I miss Wesley.

[leoniedelt]

oh, me too. so much.

[shishmish]

I have to say, Brian May in his younger years is in contention with Slade for 'Do you want some human with your hair?' prize!

[leoniedelt]

lol

[bagfish]

I love the listy/rimmer slash pic. Which episode is it from?

And yeah - you're a dead ringer for Nanny Ogg (young version ;-)

[miss_s_b]

The one in series seven which ends with the Rimmer Experience roller coaster ride.

[bagfish]

Arrrgggghhh Mr Flibble!

Thanks.