[thelist] CSS positioning/flow

[Dougal Campbell]

On Mon, 11 Nov 2002, Chris Marsh wrote:

> Dear all
>
> If I have a number of "links" on a page consisting of an image and text
> title each (eg: <img src='foo.gif'><br /><a href='foo.htm'>Foo</a>) How
> can I get them to "flow" on the page? IOW, <span><a
> href='foo.htm'>Foo</a></span> gives me exactly what I want, but when I
> use a <br /> tag within the span, it drops the whole line down. The best
> way I can think of to describe what I want is a dynamic table; insomuch
> as the layout should be tabular, but instead of the <td> widths
> increasing when the window is resized they stay constant, but the number
> of <td>s on a line will increase or decrease.

Best bet is probably to use floated divs:

  <div style="float:left;text-align:center">
    <img src="foo.gif" /><br />
    <a href="foo.html">Foo!</a>
  </div>

Of course, it would be better to use a CSS class instead of inline
styles. I'll leave that as an excercise for the reader :)

--
Ernest MacDougal Campbell III, MCP+I, MCSE <dougal at gunters.org>
http://dougal.gunters.org/             http://spam.gunters.org/
  Web Design & Development:  http://www.mentalcollective.com/
       This message is guaranteed to be 100% eror frea!