How to pad an image??

[Arthur Dent]

I have an image tag which i am putting out in a repeater. The repeater
itemtemplate is basically:

<itemtemplate>
<a href=abc>
<img src=xyz>
</a>
</itemtemplate>

I cannot seem to get my images to have any vertical padding. Ive tried
adding both of the following:

style="padding-bottom: 10px;"
vspace="5px"
style="margin-bottom: 10px;"

Nothing seems to work. my images keep winding up (after wrapping) with the
bottom of one row
right on top of the top of the next row. I need to put some space in
between, but the browser
doesnt seem to want to.

Thanks in advance,
- Arthur Dent.

[Eliyahu Goldin]

Put it in a div and apply styles to the div. Or use tables. Hard to say what
is better without seeing what you have on the page.

Eliyahu

"Arthur Dent" <hi*********************@yahoo.com> wrote in message
news:ew**************@TK2MSFTNGP09.phx.gbl...

I have an image tag which i am putting out in a repeater. The repeater
itemtemplate is basically:

<itemtemplate>
<a href=abc>
<img src=xyz>
</a>
</itemtemplate>

I cannot seem to get my images to have any vertical padding. Ive tried
adding both of the following:

style="padding-bottom: 10px;"
vspace="5px"
style="margin-bottom: 10px;"

Nothing seems to work. my images keep winding up (after wrapping) with the
bottom of one row
right on top of the top of the next row. I need to put some space in
between, but the browser
doesnt seem to want to.

Thanks in advance,
- Arthur Dent.

[Arthur Dent]

Problem with divs is that i need the images to all be on one line until they
fill it, then wrap.
Divs always want to wrap, which would put each image on a new line.

I thought about tables, but trying to do tables in a repeater is so
cumbersome. I had hoped id
be able to simply pad the images. I mean, the docs all say that you can, ...
i guess its just
another case of "We dont care what the doc says, well do what we want"?

[Mythran]

"Arthur Dent" <hi*********************@yahoo.com> wrote in message
news:Ok**************@TK2MSFTNGP12.phx.gbl...

Problem with divs is that i need the images to all be on one line until
they fill it, then wrap.
Divs always want to wrap, which would put each image on a new line.

I thought about tables, but trying to do tables in a repeater is so
cumbersome. I had hoped id
be able to simply pad the images. I mean, the docs all say that you can,
... i guess its just
another case of "We dont care what the doc says, well do what we want"?

1.) Use SPAN's (they don't wrap unless told to).
2.) Set the display style on the div so it doesn't wrap :)

HTH,
Mythran

[Eliyahu Goldin]

> I thought about tables, but trying to do tables in a repeater is so

cumbersome.

Easy.

<table>
<asp:repeater>
<itemtemplate>
<tr>
<td style="set your style here"><a href=abc><img src=xyz></a>
</td>
</tr>
</itemtemplate>
</asp:repeater>
</table/

Eliyahu

[Tony Bukres]

On Mon, 27 Jun 2005 10:59:24 -0400, Arthur Dent wrote:

Problem with divs is that i need the images to all be on one line until they
fill it, then wrap.
Divs always want to wrap, which would put each image on a new line.

I thought about tables, but trying to do tables in a repeater is so
cumbersome. I had hoped id
be able to simply pad the images. I mean, the docs all say that you can, ...
i guess its just
another case of "We dont care what the doc says, well do what we want"?

See if 'float' helps.

Tony
--
http://www.dotnet-hosting.com
Free web hosting with ASP.NET & SQL Server
No ads - Innovative features

[Arthur Dent]

problem with that is that then i need to plan ahead how many images per
line, and then do a whole mess of conditional processing on the
separatoritemtemplate to close the the tr tags after x# of images go buy,
and keep a counter for each image incremented, modding to determine row
lengths. etc. not that its hard, its just a LOT of very tedious code.

"Eliyahu Goldin" <re*************@monarchmed.com> wrote in message
news:u9*************@TK2MSFTNGP10.phx.gbl...

I thought about tables, but trying to do tables in a repeater is so
cumbersome.

Easy.

<table>
<asp:repeater>
<itemtemplate>
<tr>
<td style="set your style here"><a href=abc><img src=xyz></a>
</td>
</tr>
</itemtemplate>
</asp:repeater>
</table/

Eliyahu

[Arthur Dent]

I tried wrapping them in spans already, also tried wrapping in a label tag.
Also tried adding the padding/margins to the A tag.

How do i set a div to not page-break? I tried style="page-break-after: ;
page-break-before: ;"
but that didnt work. The doc says an empty-string for these settings turns
it off, but apparently
it does not.

Imagine each letter X is an image, i need to do something like the diagram
below, where the number
of images across the page is determined by how wide the images are:
X X X X X X

X X X X X

X X X X X X X

X X X X X X
"Mythran" <ki********@hotmail.comREMOVETRAIL> wrote in message
news:OG**************@TK2MSFTNGP10.phx.gbl...

"Arthur Dent" <hi*********************@yahoo.com> wrote in message
news:Ok**************@TK2MSFTNGP12.phx.gbl...

Problem with divs is that i need the images to all be on one line until
they fill it, then wrap.
Divs always want to wrap, which would put each image on a new line.

I thought about tables, but trying to do tables in a repeater is so
cumbersome. I had hoped id
be able to simply pad the images. I mean, the docs all say that you can,
... i guess its just
another case of "We dont care what the doc says, well do what we want"?

1.) Use SPAN's (they don't wrap unless told to).
2.) Set the display style on the div so it doesn't wrap :)

HTH,
Mythran

[Arthur Dent]

Ah, THANK YOU!. Adding the float style to the img tag, and moving all my
padding on to the img also did exactly what i needed.

Thanks Very Much!
"Tony Bukres" <to**@dotnet-hosting.moc> wrote in message
news:7j*****************************@40tude.net...

On Mon, 27 Jun 2005 10:59:24 -0400, Arthur Dent wrote:

Problem with divs is that i need the images to all be on one line until
they
fill it, then wrap.
Divs always want to wrap, which would put each image on a new line.

I thought about tables, but trying to do tables in a repeater is so
cumbersome. I had hoped id
be able to simply pad the images. I mean, the docs all say that you can,
...
i guess its just
another case of "We dont care what the doc says, well do what we want"?

See if 'float' helps.

Tony
--
http://www.dotnet-hosting.com
Free web hosting with ASP.NET & SQL Server
No ads - Innovative features