re********@hotmail.com (Vic) wrote:
Sigh, you are again referring to the layout you want without showing
actual content that would allow us to judge the fundamentals.
[Div soup snipped]
What we have here is a failure to communicate.
Before you can think about styling the proper structure has to be
applied, structure trumps presentation, content should make sense sans
css, and in the context of this thread: the choice of styling depends on
it.
Content should therefore be marked up according to what it *is*, not how
you want it to look or sound like (with or without css).
The code you posted still fails to show us what type of content it is,
this makes suggesting a styling method a stab in the dark.
<stab in low light conditions>
Linked non square image thumbs of "albums" with a text link next to it:
an index of photo albums perhaps?
</stab in low light conditions>
Div's and span's are a semantically neutral "last resort" type of
markup, they should only be used if there's nothing better available.
Imo there's no single markup element that suites this type of content,
but I wouldn't resort to div's. I'd mark them up as list items if it's
just a thumbnail and a short text link (not a paragraph), in which case
the img{vertical-align:middle} styling I suggested earlier would work to
create the visual appearance you want.
If the thumb images differ in width and the index listing is to be
displayed vertically then a table could be the right type of markup (it
allows the text links to be lined up logically). In the case of table
markup you should use the cell align and valign attributes to create the
visual appearance you want.
--
Spartanicus