Page Layout: Hacks
Using HTML Side-Effects
Arguable the commonest method of achieving layout effects such as
margins
and indenting is to use the side-effects of specific
browser implementations, such as BlockQuote.
<BlockQuote>
Arguable the commonest method of achieving layout
effects such as
<a href="/Authoring/Style/Sheets/Margins/">margins</a>
and indenting is to use the side-effects of
specific browser implementations, such as
<tt>BlockQuote</tt>.
</BlockQuote>
- This method isn't guaranteed to work in all browsers,
and might cause problems if ever any 'smart' software
wants to understand it's structure, e.g. a text-to-speech
browser might inform the user that your text is a
quotation, or a list element - when its not.
<dl>
<dd> This method isn't guaranteed to work in all
browsers, and might cause problems if any
'smart' software wants to understand it's
structure, e.g. a text-to-speech browser
might inform the user that your text is a
quotation, or a list element - when its not.
</dl>
are usually transparent but I've used my 2x2 gold
gif here so you can see how this technique works.
You can align the gif left or right or put it in a table
cell to force it to at least that width.
Note that the height and width are declared to be whatever you please,
they don't have to match the gif's actual size (it's OK to lie!).
I've also put some space around them, to show that you could use a
non-transparent gif padded with white space for design effect.
Note also the use of the ALT attribute to avoid that browsers
with image loading turned off, or text-mode browsers, will display
spurious information such as [IMAGE].
<Img src = "/Icons/gold.gif"
width = 60
height = 60
vspace = 20
hspace = 20
align = right
alt = ""
>
Page Layout, Margins, Indenting, and Columns
Page Layout: Tables
|
