Help | Site Map
Connecting Tech Pros Worldwide
 
 
LinkBack Thread Tools
  #1  
Old August 23rd, 2005, 03:35 PM
effendi@epitome.com.sg
Guest
 
Posts: n/a
Default Laying Images without tables

Is is possible for me to place to images side by side one -one right
align and another left align on the same horizontal plane using CSS
without tables?

Thanks for any suggestion/advice.

  #2  
Old August 23rd, 2005, 04:25 PM
Beauregard T. Shagnasty
Guest
 
Posts: n/a
Default Re: Laying Images without tables

effendi@epitome.com.sg wrote:[color=blue]
> Is is possible for me to place to images side by side one -one
> right align and another left align on the same horizontal plane
> using CSS without tables?[/color]

Sure. Perhaps this sample page of mine will give you some ideas.

http://home.rochester.rr.com/bshagnasty/banner.html

--
-bts
-This space intentionally left blank.
  #3  
Old August 23rd, 2005, 07:05 PM
Arne
Guest
 
Posts: n/a
Default Re: Laying Images without tables

Once upon a time *Beauregard T. Shagnasty* wrote:[color=blue]
> effendi@epitome.com.sg wrote:[color=green]
>> Is is possible for me to place to images side by side one -one
>> right align and another left align on the same horizontal plane
>> using CSS without tables?[/color]
>
> Sure. Perhaps this sample page of mine will give you some ideas.
>
> http://home.rochester.rr.com/bshagnasty/banner.html
>[/color]

And here is a very good example, IMHO :)
http://www.student.oulu.fi/~egea/Pho...ry/Virpiniemi/

--
/Arne
My "widget" site: http://hem.bredband.net/arnel/
Top posters will be ignored. Quote the part you
are replying to, and don't quote signatures!
  #4  
Old August 23rd, 2005, 08:15 PM
Beauregard T. Shagnasty
Guest
 
Posts: n/a
Default Re: Laying Images without tables

Arne wrote:[color=blue]
> Once upon a time *Beauregard T. Shagnasty* wrote:
>[color=green]
>> effendi@epitome.com.sg wrote:
>>[color=darkred]
>>> Is is possible for me to place to images side by side one -one
>>> right align and another left align on the same horizontal plane
>>> using CSS without tables?[/color]
>>
>> Sure. Perhaps this sample page of mine will give you some ideas.
>>
>> http://home.rochester.rr.com/bshagnasty/banner.html[/color]
>
> And here is a very good example, IMHO :)
> http://www.student.oulu.fi/~egea/Pho...ry/Virpiniemi/[/color]

Nice example of a gallery, Arne, but it doesn't show two images
side-by-side with one aligned left and one aligned right. <g>

I just modified my banner.html page above, to include a set with just
the two images, and some centered text.

--
-bts
-This space intentionally left blank.
  #5  
Old August 24th, 2005, 02:25 AM
effendi@epitome.com.sg
Guest
 
Posts: n/a
Default Re: Laying Images without tables

BTS, arne

Thank you for giving me the examples. I'll take a look at them and try
in implement it into my code.

  #6  
Old August 24th, 2005, 03:05 AM
Damian James
Guest
 
Posts: n/a
Default Re: Laying Images without tables

On 23 Aug 2005 07:26:37 -0700, effendi@epitome.com.sg said:[color=blue]
> Is is possible for me to place to images side by side one -one right
> align and another left align on the same horizontal plane using CSS
> without tables?
>
> Thanks for any suggestion/advice.[/color]

There are many multicolumn recipes and suggestions in these places:

http://www.glish.com/css/
http://www.bluerobot.com/web/layouts/
http://www.alistapart.com/topics/css/

--Damian

  #7  
Old August 24th, 2005, 03:55 AM
Beauregard T. Shagnasty
Guest
 
Posts: n/a
Default Re: Laying Images without tables

Damian James wrote:[color=blue]
> There are many multicolumn recipes and suggestions in these places:
>
> http://www.glish.com/css/
> http://www.bluerobot.com/web/layouts/[/color]

While Glish is the first CSS layout I discovered many years ago, and
set me on the path, it and bluerobot are getting a little long in the
tooth now. They both use px for everything, rather than percentages
and em units, which will scale much better.
[color=blue]
> http://www.alistapart.com/topics/css/[/color]

That one's a 404 now, probably after today's site redesign.

I like these:

http://webhost.bridgew.edu/etribou/layouts/
http://benmeadowcroft.com/webdev/css...s/spider1.html

--
-bts
-This space intentionally left blank.
  #8  
Old August 24th, 2005, 07:05 AM
Damian James
Guest
 
Posts: n/a
Default Re: Laying Images without tables

On Wed, 24 Aug 2005 02:50:50 GMT, Beauregard T. Shagnasty said:[color=blue]
> Damian James wrote:[color=green]
>> There are many multicolumn recipes and suggestions in these places:
>>
>> http://www.glish.com/css/
>> http://www.bluerobot.com/web/layouts/[/color]
>
> While Glish is the first CSS layout I discovered many years ago, and
> set me on the path, it and bluerobot are getting a little long in the
> tooth now. They both use px for everything, rather than percentages
> and em units, which will scale much better.[/color]

No argument here. They are very pretty, of course, as is:

http://www.meyerweb.com/eric/css/edge/
[color=blue][color=green]
>> http://www.alistapart.com/topics/css/[/color]
>
> That one's a 404 now, probably after today's site redesign.[/color]

??? That's odd, it isn't for me. I am pretty sure I am not
encountering aggressive caching en route, did you retype?
[color=blue]
> I like these:
>
> http://webhost.bridgew.edu/etribou/layouts/
> http://benmeadowcroft.com/webdev/css...s/spider1.html[/color]

Hey, neat!

--Damian
  #9  
Old August 24th, 2005, 02:55 PM
Beauregard T. Shagnasty
Guest
 
Posts: n/a
Default Re: Laying Images without tables

Damian James wrote:[color=blue]
> On Wed, 24 Aug 2005 02:50:50 GMT, Beauregard T. Shagnasty said:
>[color=green]
>> Damian James wrote:
>> ...[color=darkred]
>>> http://www.alistapart.com/topics/css/[/color]
>>
>> That one's a 404 now, probably after today's site redesign.[/color]
>
> ??? That's odd, it isn't for me. I am pretty sure I am not
> encountering aggressive caching en route, did you retype?[/color]

Still 404:

"Something's Gone Horribly Wrong

Sorry, pardner. The page you requested is not in our database."

Maybe this is the link you were looking for?
http://www.alistapart.com/topics/code/css/ <-- /code/
[color=blue][color=green]
>> I like these:
>>
>> http://webhost.bridgew.edu/etribou/layouts/
>> http://benmeadowcroft.com/webdev/css...s/spider1.html[/color]
>
> Hey, neat![/color]

Yes, both are quite good as a template source.

--
-bts
-This space intentionally left blank.
  #10  
Old August 24th, 2005, 11:05 PM
Damian James
Guest
 
Posts: n/a
Default Re: Laying Images without tables

On Wed, 24 Aug 2005 13:44:22 GMT, Beauregard T. Shagnasty said:[color=blue]
> Damian James wrote:[color=green][color=darkred]
>>> ...
>>>> http://www.alistapart.com/topics/css/
>>>
>>> That one's a 404 now, probably after today's site redesign.[/color]
>> ??? That's odd, it isn't for me. I am pretty sure I am not
>> encountering aggressive caching en route, did you retype?[/color]
>
> Still 404:
> ...
> Maybe this is the link you were looking for?
> http://www.alistapart.com/topics/code/css/ <-- /code/[/color]

Right, it is now. I guess caching was in fact occuring, I
was getting to the very page with the url as given. Oh well.

--Damian
 

Bookmarks

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are Off
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over network members.
Post your question now . . .
It's fast and it's free

Popular Articles