Quick CSS / S2 questions!

[jewelfox]

1. CSS: How do I get the main title / header on my journal to align with the white boxes that make up most of the layout? There's some kind of offset that I can't figure out how to control, even after looking at this, and it's there in both IE and Firefox.

2. CSS: How do I make list items and the numbers / bullet points appear on the same line? Right now they're appearing on separate lines in the Fruit Salad theme for some reason. Heh, and this one. >_>

3. S2: How do I turn that title / header into a link to my Recent Entries page?

4. S2: How do I add a "Share to Tumblr" link to the usual "add memory" / "share this entry" / "track this" buttons?

Many thanks in advance, and for answering the other questions I keep pestering everyone with :)

Comments

Amazing...

[marahmarie]

[...] (it's a separate block level object on inside, but not on outside)

I would totally think this should be the other way around.

If you put p tags inside li tags, which is not considered correct html, but people want to use it for the effect it produces, you get this problem.

Wondering if there could be a more correct answer, like li > li with second nested item set in CSS to not show bullets/numbers and with margins and padding set accordingly...

Re: Amazing...

[carene_waterman]

It might actually be the other way round, this was months ago I looked this up. I think they should be the same and the same across all browsers, but that's a long process.

I think the HTML standard assumes that list items are singular things, so you shouldn't need any nested block level elements in them--and an li inside an li is wronger (it's totally a word) than the p tag is.

So if you want a list of multi-paragraph text sections, you likely should separate each with headings. A rule which I totally break because posting culture here favours the multi-paragraph list item post. I often just code in the bullet at the start of the first paragraph.

Re: Amazing...

[marahmarie]

Yeah, I've broken at least always wanted to break the rules around this myself. My preferred format for lists is often paragraph, some bullets/numbers, 'nother paragraph, more bullets/numbers; rinse/repeat 'til I don't feel like don't feel like making lists anymore. Of course you can't pull this off without validators throwing fits because it's not correctly nested HTML.

But a list item that runs on for many lines is blocky, unattractive and hard to read; coincidentally, my list items can run on (or I'll want them to run on) for many sentences, so I'll want to paragraph-break at least some of the list items themselves. Which of course I can't. Or I'll want introductory or explanatory paragraphs (or at least some kind of short lead-in sentences) before each list item, another no-no without correctly nesting the list, but doing so means p tags will break the continuity (and in the case of numbered lists, it will visibly reset them altogether - not the desired effect).

I've come up with a few so-so workarounds to sort of get what I want that involve careful margins, padding and list nesting, but none of these are a substitute for being able to mix li and p tags more freely (something I literally dream of...but this desire of mine wanders knee-deep into the debate on why coding in HTML/CSS can't be more like doing magazine/newspaper print work, which I actually, very deeply, wish it was).