Re: SPAM - Three Divs in a Row

Try visiting http://www.glish.com/css and http://www.bluerobot.com/ -- both
have different css-related solutions to this... good ones, too. Easily
adaptable.

----- Original Message -----
From: "Jolly Green Giant" <jollygreengiant(at)davidandholly.com>
To: <hwg-style(at)hwg.org>
Sent: Wednesday, November 06, 2002 5:07 PM
Subject: SPAM - Three Divs in a Row


> I want three divs to show up side by side.
> What's the best way to do it?
> Any way to do it and have the widths automatically expand to fill any
> available space while keeping them all equal?
>
> Here is what I did.  It works okay, but I'm wondering if there is a better
way:
>
> .thumbrow {
>     text-align: center;
> }
> .thumbs {
>     width: 210px;
>     float: left;
>     text-align: center;
>     padding:0px;
>     margin: 0px;
> }
>
>
> <div class="thumbrow">
>                      <div class="thumbs">
>                           <img><br>
>                           <a href="a url">more info</a>
>                           <br>
>                           <a href="another url">buy now</a>
>                      </div>
>                      <div class="thumbs">
>                           <img><br>
>                           <a href="a url">more info</a>
>                           <br>
>                           <a href="another url">buy now</a>
>                      </div>
>                      <div class="thumbs">
>                           <img><br>
>                           <a href="a url">more info</a>
>                           <br>
>                           <a href="another url">buy now</a>
>                      </div>
> </div>
>
>
> p.s. the align thing in the .thumbrow doesn't seem to be doing anything,
> perhaps because of the float attribute in it's contents.
>
>
>
>
> Jolly Green Giant
> jollygreengiant(at)davidandholly.com
>
>
> MOTORCYCLE WANTED!
> Willing to Trade Web Development Services for Motorcycle!
> http://www.davidstoy.com/bike/
>
>
> Freeware Voice Recognition Engine
>    (no catch/no ads... I promote it because it makes my life easier)
>    http://www.davidstoy.com/dty/speech/
>
>
>
>

HWG hwg-style mailing list archives, maintained by Webmasters @ IWA