I have done a Google search for 'dynamic CSS' and I can see large scale
ways of doing what I want to do but I was wondering if anyone has a
simple way of doing it.
What I want is a way to insert a variable amount of vertical space
between blocks of HTML. The particular case I'm interested in is where
I have a <UL> below either a <P>...</P> or below a heading <Hx>.
The problem is that the HTML is generated by a Wiki so one doesn't have
*direct* access to the generated code and the text above a list is
*always* a paragraph, it's not possible to turn it off. The existing
CSS setting margins for paragraphs and headings works right for 99% of
cases but when you have lists under heading *and* lists under paragraphs
it's very difficult to get things right using just the CSS.
So, a quick (and dirty?!) approach to fixing the few places where the
spacing is too small or too large would be to have the ability to insert
an empty block/paragraph where one could set the height/margins easily.
A quick, single case, bodge is something like:-
<DIV id=unvert><P></P></DIV>
With CSS for div#unvert setting appropriate size/margins. However what
I'd *really* like to do would be to enable setting of the margins or
height of the paragraph from the code somehow, that would allow one to
insert more/less space as required rather than needing lots of different
CSS ids, one for each different spacing.
Any ideas, or completely different approaches, or am I missing something
entirely?
--
Chris Green