Comments starting next to the author image instead of below it.

This discussion is related to the Annotated_CSS addon.

I've uploaded this theme to try and help other users new(ish) to css.

It still has a couple of glitches I would love a hand with.

Firstly, the comments in discussions in Vanilla normally start below the author picture, mine start next to it.

I tried to compare the css with another theme that worked as expected, but couldn't see what was different.

Secondly, the footer doesn't go properly to the bottom of the page and I've had to 'fudge' it down to the bottom.

I've got a test version here: http://www.barspetsa.org/whu606test/discussion

if that helps.

Thanks.

422

Will look when i get in office and post some additions ... Albeit you buggers beat my home city footy team the other day !

whu606

Thanks very kindly, @422

I'll reject your answer for now, but don't want to appear unappreciative.

422 said: Albeit you buggers beat my home city footy team the other day !

That'd make you a Coventry lad, I take it?

422

Yep @whu606 site is BONKing

whu606

Sorry @422 - that was me failing to put the -s on discussions.

Link should be: http://www.barspetsa.org/whu606test/discussions

Cheers

422

k comments under avatar appear under avatar even on here , not sure what you want fixing ?

whu606

I'm probably not being very clear.

If you look here: http://www.barspetsa.org/whu606test/discussion/3033/possibility-of-crowd-trouble-at-sundays-game-v-sheffield-wednesday#Item_3

the comments start at the bottom right edge of the author avatar, rather than beneath it, as on here, and as is normal.

Thanks for taking the time to try to help.

candyman

Thanks for the Annotated_CSS addon: very useful for newbies!

whu606

@candyman

Thanks.

Hope it proves helpful.

422

k gottya . You could add:

.Comment .Message, .Comment .MessageForm, .ConversationMessage .Message {
    line-height: 1.75em;
    margin-left: 0;
    margin-top: 40px;
    padding: 5px;
    text-align: left;
}

margin-top:40px ( or whatever )

whu606

Thanks. The top-margin was what I needed to add (still not sure why...)

Any idea why the footer isn't siting properly?

I'm having to push it down with a -100px atm.

422

Your issue seems to be background width , was trying to figure out what youve doe lol.

Also i would have called the css file custom.css so users can see fallback. Will keep digging. Sometimes one piddly thing affects lots of others, domino effect

422

you could also do this , possibly better method.

.DataList li.Item, .Conversation li.Item {
   
    min-height: 60px;

}

this is additional property

whu606

@422

Cheers!

Over summer I will make it my project to start with a blank css file and build it up.

This theme is a cannibalised version of Clean, bits of your Festive site and the core Vanilla css, and anything else that worked, so has no over-arching consistency or plan.

422

Yeah I reckon start fresh .. and then work up from there.

whu606

Well, that was quicker that I thought it would be.

Decided to do it while it was still fresh in my memory.

I've changed the 'theme' so now it only has the specific css needed to make basic changes to the default theme in the custom.css file.

And none of those tiresome 'glitches' you get in so many themes nowadays...

Thanks again for all your help.

TeacherMac

Your efforts are appreciated;)

whu606

@TeacherMac

Thank you for your kind words!