473,385 Members | 1,655 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,385 software developers and data experts.

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.

Aug 23 '05 #1
9 2129
ef*****@epitome.com.sg wrote:
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?


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.
Aug 23 '05 #2
Once upon a time *Beauregard T. Shagnasty* wrote:
ef*****@epitome.com.sg wrote:
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?


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

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


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!
Aug 23 '05 #3
Arne wrote:
Once upon a time *Beauregard T. Shagnasty* wrote:
ef*****@epitome.com.sg wrote:
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?


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

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


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


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.
Aug 23 '05 #4
BTS, arne

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

Aug 24 '05 #5
On 23 Aug 2005 07:26:37 -0700, ef*****@epitome.com.sg said:
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.


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

Aug 24 '05 #6
Damian James wrote:
There are many multicolumn recipes and suggestions in these places:

http://www.glish.com/css/
http://www.bluerobot.com/web/layouts/
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.
http://www.alistapart.com/topics/css/


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.
Aug 24 '05 #7
On Wed, 24 Aug 2005 02:50:50 GMT, Beauregard T. Shagnasty said:
Damian James wrote:
There are many multicolumn recipes and suggestions in these places:

http://www.glish.com/css/
http://www.bluerobot.com/web/layouts/
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.


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

http://www.meyerweb.com/eric/css/edge/
http://www.alistapart.com/topics/css/


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


??? That's odd, it isn't for me. I am pretty sure I am not
encountering aggressive caching en route, did you retype?
I like these:

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


Hey, neat!

--Damian
Aug 24 '05 #8
Damian James wrote:
On Wed, 24 Aug 2005 02:50:50 GMT, Beauregard T. Shagnasty said:
Damian James wrote:
...
http://www.alistapart.com/topics/css/


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


??? That's odd, it isn't for me. I am pretty sure I am not
encountering aggressive caching en route, did you retype?


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/
I like these:

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


Hey, neat!


Yes, both are quite good as a template source.

--
-bts
-This space intentionally left blank.
Aug 24 '05 #9
On Wed, 24 Aug 2005 13:44:22 GMT, Beauregard T. Shagnasty said:
Damian James wrote:
...
http://www.alistapart.com/topics/css/

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

??? That's odd, it isn't for me. I am pretty sure I am not
encountering aggressive caching en route, did you retype?


Still 404:
...
Maybe this is the link you were looking for?
http://www.alistapart.com/topics/code/css/ <-- /code/


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
Aug 24 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

8
by: Keith Thompson | last post by:
I checked the FAQ, but didn't find an answer to this question. I also checked the O'Reilly HTML and CSS books, with a similar lack of results, though I could have missed something in the CSS book....
3
by: skullcap | last post by:
Is there any way using HTML 4.01 of wrapping text and other inline elements into an 'L' or 'C' shaped space in a table - i.e. telling the browser that a series of table cells which don't form a...
20
by: Roberto | last post by:
Hallo, I'm building a page that wants to respect XHTML 1.0 strict and CSS2 specifics. In this page I have to present thumbnails arranged to cover the entire width of the window, but there are...
5
by: Ben Long | last post by:
Hi All, A partner of mine has been charged with identifying a performance / load problem currently experienced on one of our websites. I'm thinking it may be a combination of HTML formatting...
10
by: Neo Geshel | last post by:
I am seeking to hand-roll my own blog in ASP.NET 2.0 and SQLExpress 2005. Why? Because I can. Because I will gain experience. The one thing that has me stumped at square one is inline images....
61
by: phil-news-nospam | last post by:
Why does SVG need a different tag than other images? IMHO, SVG should be implemented as an image type just like any other image type, allowing it to work with <img> tags, and ... here is the...
4
by: dropdeadster | last post by:
Trying to line up a tic-tac-toe board type grid of images using style= tags to <img inside a table TD but it's not working, I get more like a set of steps, can I get an explanation of what's wrong...
10
by: eholz1 | last post by:
Hello Members, I am setting up a photo website. I have decided to use PHP and MySQL. I can load jpeg files into the table (medium blob, or even longtext) and get the image(s) to display without...
3
by: najimou | last post by:
Hi everyone I will be having a split database, running on 2 computers via mapped drive. computer "A" will have one front end and the back end located in c: \mydatabse 2 tables have links to...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.