[docbook-css] Minor Table problem

Thu, 21 Oct 2004 12:50:16 +0100

--=_mixed 003D707980256F34_=
Content-Type: text/plain; charset="US-ASCII"

I noticed that by putting a &nbsp; in front of my offending 
<inlinemediaobject> in the XML, I was able to get the valign="top" 
behaviour that was desired.

Obviously, I didn't want to sully my XML with fixes for a presetation 
issue so I added the following to my customisation layer instead.

inlinemediaobject:before {
    content:"\00A0";
}

The image is now aligned as expected though it is slightly offset because 
of the &nbsp;. the overall effect is acceptable.  The solution feels a bit 
of a cludge but it works...

Mart

David Holroyd <dave@badgers-in-foil.co.uk>
21/10/2004 00:29

        To:     martin.gautier@myrnham.co.uk
        cc: 
        Subject:        Re: [docbook-css] Minor Table problem

On Wed, Oct 20, 2004 at 09:29:27PM +0100, martin.gautier@myrnham.co.uk 
wrote:
> When viewed in Mozilla, the following table doesn't render row 2
> correctly.
> 
> I would have expected both the text and image to be aligned to the top
> of the row however, the image is rendered bottom aligned with the top of
> the text column aligned to the bottom of the image.

Hmm, not sure I'm seeing exactly the same thing; maybe the proportions
of images to the rest of the elements matters.

I can see roughly the same thing -- text aligning to the bottom of the
cell -- and I observe that I can produce a similar layout in Opera, if I
add the following CSS:

  imagedata {
      border: 2px solid red;
      height: 50px;
      width: 50px;
      display: inline-block;
  }

[Note that I also added a 1px border to <entry>, and removed the extra
<para> from the code you posted.]

I attached the screenshot of Opera.

I notice that the stylesheet currently lacks any display: property for
<imagedata>, though setting this explicity to 'block' didn't seem to
change the layout.

Hmmm...

dave

--=_mixed 003D707980256F34_=
Content-Type: application/octet-stream; name="table_valign_shot.png"
Content-Disposition: attachment; filename="table_valign_shot.png"
Content-Transfer-Encoding: base64

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
--=_mixed 003D707980256F34_=--