Hi,
I am experiencing some issue on images (field type image) in article list:
it seems to cause some additional height that is not able to be controlled.
I set Thumbnail height to 40. No padding, no margin, no border.
I set table cell (td) height to 40, too. No padding, no margin, no border.
But table cell has height 43 in article list table! Thumbnails have correct size, but seem to have some weird 3px padding at bottom.
**When I disable image display in article list, table cell height is 40 (as it should be!). **
So it must have something to do with image field output! In other words: your field type image seems to generate some extra 3px padding that cannot be controlled via css.
I looked into source code and found this code on all table cells that contain thumbnails from image field:
<td class=""><img src="/..." alt="" hspace="8" vspace="0" title=""></td>
Two things to say about that:
your field type image seems to generate some default hspace and vspace attributes. These are deprecated attributes since html4 standard. Webdesigner don't like them either, they prefer defining padding via css. But this should not be the problem in here. Just a side note ;)
The td class is empty. Maybe that causes the issue? All the other table cell classes generated by your field types have valid class definitions, only the image td not? Just a guess.
Update: I just set a valid field class for images in article list table: same issue. So it has nothing to do with td class. No idea what's wrong. Hopefully you find it.
Problem
Announcement
Conversation
Idea
Praise
Question
Solved
Open
Hi,
I am experiencing some issue on images (field type image) in article list:
it seems to cause some additional height that is not able to be controlled.
I set Thumbnail height to 40. No padding, no margin, no border.
I set table cell (td) height to 40, too. No padding, no margin, no border.
But table cell has height 43 in article list table! Thumbnails have correct size, but seem to have some weird 3px padding at bottom.
**When I disable image display in article list, table cell height is 40 (as it should be!). **
So it must have something to do with image field output! In other words: your field type image seems to generate some extra 3px padding that cannot be controlled via css.
I looked into source code and found this code on all table cells that contain thumbnails from image field:
Two things to say about that:
your field type image seems to generate some default hspace and vspace attributes. These are deprecated attributes since html4 standard. Webdesigner don't like them either, they prefer defining padding via css. But this should not be the problem in here. Just a side note ;)
The td class is empty. Maybe that causes the issue? All the other table cell classes generated by your field types have valid class definitions, only the image td not? Just a guess.
Update: I just set a valid field class for images in article list table: same issue. So it has nothing to do with td class. No idea what's wrong. Hopefully you find it.