Re: picture width decides table column width
am 28.09.2007 23:07:35 von dorayme
In article ,
"David Basford" wrote:
> I have a problem that I can't get my head around
>
>
>
>
> src='Pic.jpg'> |
> stuff |
> stuff |
>
>
>
> but the picture seems to set the width
It depends on whether the pic is specified with a width. If it is
not and it is small, say 10px, it will take up only a portion of
a table cell width set at 27% of the width of the table (which in
turn) is set at 90% of the width of the table's containing body
which might be body and is likely to be at least 800px wide...
You should know that the natural width of the picture (the 100%
size of it as viewed in any image software) is the width of a pic
unless you otherwise specify it. Thus if you say it is 50px, or
50% then the browser will try to accommodate that and ignore the
native width. % are tricky because it is always relative to the
containing element and you need o ask what is the width of
*that*, will *that* accommodate, will *that* fit. Tables are
intelligent creatures and try their best to be everything to
everyone.
> - and the other columns get minimised
> if I set
> 
> then it ends up with a column of the width of the original pic with a 27%
> size picture in it :(
>
> I don't want to fix the column widths if I don't have to - but it might be
> my only choice.
>
> Any ideas what is wrong here?
>
It depends on what you are trying to do? It is not clear quite
what you want to happen? What do you imagine or want to happen
for your visitors on different browsers, different screens or
platforms? Once that is known, further advice is possible.
Here is some code that gives a doctype and you can play about:
"http://www.w3.org/TR/html4/strict.dtd">
List with em dimmed bullets
alt=""> |
stuff |
stuff |
I am not quite sure if you are thinking about the situation of
specifying a cell to be 27% and also a pic to be 27%. If so, add
in the style in the head
img {width: 27%;}
leave off dimensioning the image inline in and see how
the image will under some generous browser widths take up only
about a quarter of that cell's width.
--
dorayme
Re: picture width decides table column width
am 01.10.2007 00:49:07 von BootNic
"David Basford" wrote:
news:AodLi.2069$%q2.2065@newsfe1-gui.ntli.net:
> I have a problem that I can't get my head around
[snip]
> but the picture seems to set the width - and the other columns get
> minimised if I set
>
> then it ends up with a column of the width of the original pic with a
> 27% size picture in it :(
>
> I don't want to fix the column widths if I don't have to - but it
> might be my only choice.
>
> Any ideas what is wrong here?
[snip]
table-layout:fixed;
example:
[url] http://bootnic.atwebpages.com/ScaleImageTableCell.php [/url]
--
BootNic Sunday September 30, 2007 6:48 PM
"Do not trust your memory; it is a net full of holes; the most
beautiful prizes slip through it."
*Georges Duhamel, The Heart's Domain*