You are here: Re: alternating text/image rows « HTML « IT news, forums, messages
Re: alternating text/image rows

Posted by Watanye on 11/04/07 10:59

"MangroveRoot" <zcukpkn02@sneakemail.com> wrote in message
news:px8Xi.331$FO.148@trndny01...
> Here's one for you:
> I have a bunch of images (say, half a dozen)
> that I want to place vertically down a page.
> I want to put the captions beside them.
> (Something of an aside, the captions contain links to further
> explanations.)
> What I'd like to do is alternate them this way:
> +-------+
> | image | <-- caption
> +-------+ +-------+
> caption --> | image |
> +-------+ +-------+
> | image | <-- caption
> +-------+ +-------+
> caption --> | image |
> +-------+ +-------+
> | image | <-- caption
> +-------+ +-------+
> caption --> | image |
> +-------+
> Keep in mind that some images may be taller or wider than others,
> and that while some captions may be only a single line, others may not.
> Anyone have an elegant way to do that?

Hello all, first time post, been lurking around a week.

I suppose this is "old school" but that's how I write a lot of my letters.
Just using tables, like everybody has already suggested, is the way to get
it done.
---------------------------------------------------------------------------------------------------

<table width="80%" border="0" style="font-family: times; font-weight: 600;
font-size: 11pt" cellpadding="5">
<tbody>
<tr>
<td><img src="image/gif_folder/nameofimage.gif" align="left"
hspace="9" border="2"><!-- TEXT CONTENT --></td>
</tr>
<tr>
<td><img src="image/gif_folder/notherimage.gif" align="right"
hspace="4" border="2"><!-- TEXT CONTENT --></td>
</tr>
</tbody>
</table>
_____________________________________________________

hspace can be dispensed with if align is set to right, because the color of
the text is usually set relative to the left margin. However, I find it
looks crappy when the text is jammed up next to the image when using align
set to the left, I just use 9 pixels because it's quicker than using 2
keystrokes to make a "10."

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация