applied to the H1/H2. This makes the client treat what would otherwise be a block-level object as if it were just running text, more-or-less, so anything else would nestle up against it normally. You'd probably then need to ensure that your next style (for following paragraphs, etc) had a clear:left in it or you forced a <br /> after your "small" text or something (or wrapped the
<h1>/small text combo in a <p></p>).
Thanks, that's definitely a possible approach, I'll have a play.
... and I'm nearly there now, I just have one annoying niggle to sort out.
I want to change the colour of the second smaller part of the heading but can't seem to override the inherited colour setting. Firefox's "View Source" shows that the HTML for the heading is:-
<div class=blogpage>
<h1 class="sectionedit1"><a name="heading_1" id="heading_1">Heading 1</a></h1> <div class="level1">
</div>
<h5><a name="heading_5" id="heading_5">Heading 5</a></h5> <div class="level5">
Paragraphs of text here
</div>
..... lots of other stuff
</div>
The level1 and level5 div sections are put there by the Wiki, not by my additions to create the two-sized heading, but I'm able to set them to "display: inline" too and thus the h1 and the h5 headings appear on the same line as required.
The relevant CSS is:-
div.dokuwiki h1 a, div.dokuwiki h2 a, div.dokuwiki h3 a, div.dokuwiki h4 a, div.dokuwiki h5 a, div.dokuwiki a.nolink { color: __text__ ; text-decoration: none !important;
... ... ...
div.blogpage h1 {font-size: 220%; margin-left: 0px; font-weight: bold; border-bottom: 1px solid __text__; display: inline; } div.blogpage h5 {font-size: 100%; margin-left: 0px; font-weight: bold; display: inline; color: green;}
div.level1 { display: inline; }
The colour of the h5 bit is staying determinedly at __text__ rather than the green that I'm setting (I don't really want it green, it's just easier for testing). I assume that the colour is being inherited from the div.dokuwiki setting. Is there any way I can force the div.blogpage setting for the colour to override the other? The dokuwiki div is 'outside' my blogpage class.
(N.B. I can't set the h5 class explicitly as that part of the HTML is generated by the Wiki)
I'm not very good at understanding this CSS/inheritance stuff! :-)