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]

Re: Horizontal row of images...

"cjl" wrote:
[color=blue]
> 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.[/color]

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

--
phil [dot] ronan @ virgin [dot] net

http://vzone.virgin.net/phil.ronan/

[cjl]

Re: Horizontal row of images...

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

-cjl

Philip Ronan wrote:[color=blue]
> "cjl" wrote:
>[color=green]
> > 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.[/color]
>
> <DIV> <IMG> <IMG> <IMG> <IMG> </DIV>?
>
> --
> phil [dot] ronan @ virgin [dot] net
> http://vzone.virgin.net/phil.ronan/[/color]

[Michael Stemper]

Re: Horizontal row of images...

In article <BEDCADCC.330DB %invalid@invali d.invalid>, Philip Ronan writes:[color=blue]
>"cjl" wrote:[/color]
[color=blue][color=green]
>> 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.[/color]
>
><DIV> <IMG> <IMG> <IMG> <IMG> </DIV>?[/color]

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_Discl aimer>
Always use apostrophe's and "quotation marks" properly.

[David Dorward]

Re: Horizontal row of images...

cjl wrote:

Please do NOT top post:

http://www.allmyfaqs.com/faq.pl?How_to_post

http://www.faqs.org/rfcs/rfc1855.html

[color=blue]
> That's what I thought, and tried, but all the images end up on top of
> each other.[/color]

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]

Re: Horizontal row of images...

On 20 Jun 2005 10:02:20 -0700, "cjl" <cjlesh@gmail.c om> wrote:
[color=blue]
>That's what I thought, and tried, but all the images end up on top of
>each other.[/color]

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>