Horizontal row of images...

[cjl]

Hey all:

Silly question.

I have four images (all the same size) that I am using as buttons,
and would like to align them in a horizontal row, contained in a div. I
can't seem to figure out the css or html to do this.

Help?

-CJL

[Philip Ronan]

"cjl" wrote:

Hey all:

Silly question.

I have four images (all the same size) that I am using as buttons,
and would like to align them in a horizontal row, contained in a div. I
can't seem to figure out the css or html to do this.

<DIV> <IMG> <IMG> <IMG> <IMG> </DIV>?

--
phil [dot] ronan @ virgin [dot] net
http://vzone.virgin.net/phil.ronan/

[cjl]

That's what I thought, and tried, but all the images end up on top of
each other.

-cjl

Philip Ronan wrote:

"cjl" wrote:

Hey all:

Silly question.

I have four images (all the same size) that I am using as buttons,
and would like to align them in a horizontal row, contained in a div. I
can't seem to figure out the css or html to do this.

<DIV> <IMG> <IMG> <IMG> <IMG> </DIV>?

--
phil [dot] ronan @ virgin [dot] net
http://vzone.virgin.net/phil.ronan/

[Michael Stemper]

In article <BE********************@invalid.invalid>, Philip Ronan writes:

"cjl" wrote:

I have four images (all the same size) that I am using as buttons,
and would like to align them in a horizontal row, contained in a div. I
can't seem to figure out the css or html to do this.

<DIV> <IMG> <IMG> <IMG> <IMG> </DIV>?

That seems relatively meaning-free. From the OP's question, it seems to
me that his/her content is really a list, making something like this:
<ul class="Buttons">
<li><img1></li>
<li><img2></li>
<li><img3></li>
<li><img4></li>
</ul>
the more appropriate markup. This would then be styled

UL.Buttons LI {display: inline;}

to give the desired effect.

--
Michael F. Stemper
#include <Standard_Disclaimer>
Always use apostrophe's and "quotation marks" properly.

[David Dorward]

cjl wrote:

Please do NOT top post:
http://www.allmyfaqs.com/faq.pl?How_to_post
http://www.faqs.org/rfcs/rfc1855.html

That's what I thought, and tried, but all the images end up on top of
each other.

With the given markup (which I've snipped as I'm not prepared to repair your
backwards quoting), the most likely reasons for that would be:

(a) You have somehow constrained the width
(b) The images are too wide to sit next to each other in the viewport
(c) You have used CSS to make the images display like blocks

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

[Andy Dingley]

On 20 Jun 2005 10:02:20 -0700, "cjl" <cj****@gmail.com> wrote:

That's what I thought, and tried, but all the images end up on top of
each other.

Then post a link to your page, so that we can see too.

If you want to control the "column width" allocated for each image, then
consider using a table. Yes, a <table>