1. avatar feline1
    Here y'all,
    I do nat know how to do this (despite bloody ages of searching on-line and in my wee book :-(

    With auld HTML, if I want to centre a JPEG on a page,
    I just do

    How do I do this with CSS?

    I cannat seem to find a CSS property which corresponds to that -
    "text-align: center" but that only seems to werk for, erm, text.

    HERE'S ME: WA?
  2. avatar feline1
    Aye but I found out how to do it in the end, y'all!

    (Enclose yer within a ....,
    where in the style sheet ewe have .centered_y'all {text-align: left;}

    Tell ewe what I want to do now though:
    have two tables sitting side-by-side adjacent on the page.
    I can't seem to get it to do this yet, cos is a block-level
    element, and thus always starts on a new line?
    (They ought to be two separate tables, cos, well, they just are.
    Also that way lynx puts them one after the other,
    rather than side by side, and they still look good)
  3. avatar fastfude
    ya, I think there isn't a simple way to make tables share a line, short of nesting 'em in the cells of a larger 2-column table. Could also try layers, but it's another can o' worms.
  4. avatar feline1
    I did it like this in the end:

    The style sheet has a line like so....
    table {display: inline;}

    This means they sit beside each other.
    (although Netscape adds a wierd we ghost box along their bottoms...)

    However, what I *then* wanted to do was to have them sitting
    so that both their tops were level
    (both Netscape & IE 6 aligned them with their bottoms level)

    However my attempts to far to make this happen have resulted
    in pearshaped mayhem - IE let me do it OK with
    a {vertical-align: top;} class applied to the first table-
    but unfortunately this made Netscape plaster them all on top of each other?!!?

    HERE'S ME: Ahiiiiiiiiiiiiiiiiiiine! :-O
  5. avatar feline1
    Yes but blimey y'all - that HTML validator at [url]http://www.w3.org[/url] is a right bitch to satisfy! :-O

    And then ewe spend 6 hours trying to figure out why some code won't work,
    convinced that ewe've missed some subtelty in the inheritance of cascading styles....


    AHIIIIIIIIIIIiiiiiiiiiiiiiiiiine :-.

    Still, the new Feline GIGARAMA will be a wonder to behold when it's finally ready ;-)
  6. avatar Niall Harden
    and, thankfully, it'll only need updating once a year ;-)
  7. avatar feline1
    Don't be bold, we'll be playing loads of gigs in 2002 - I get the keys to my flat in Brighton in 4 days time!
    WOOOOOOOOOO! :-))))
  8. avatar Javashrine
    What the hell do you want two tables together for anyway?
    Thats what cells are for, or is the rowspan/colspan tag too diffcult to master?


    As mentioned earlier, nest two tables in on large two celled parent table.
  9. avatar feline1
    I want two tables because they ARE two tables -
    one is a table of songs in the setlist,
    the other is a table of who played what.
    Two different logical entities.
  10. avatar insincerejon
    I have a table with two columns side by side. In the left column is a table which I want to be always the same height as the table which contains it. In the right column is an image, which is giving the main table it's size.

    How can I achieve this without using the "height" property of the table tag? (doing it in xhtml 1.0 transitional, ewe see) ie. emulate height="height-in-pixels-of-image".

    ps. f1 - it's much handier to make your own offline validator using:

    this tool - [url]http://www.jclark.com/sp/[/url]
    these instructions - [url]http://ktmatu.com/info/do-it-yourself-offline-html-validator/[/url]
  11. avatar insincerejon
    ..and i cuss myself bad for not seeing the obvious answer until much tireder,..um.......later.

    Just make a third column with a rowspan of 3 and whack the image in there!