473,698 Members | 2,281 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 2145
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
2619
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. If a web page contains a long block of text, browsers will word-wrap it to the width of the browser window. Similarly, a series of images (<img src="...">) without any other tags will wrap to the width of the browser window. In both cases,...
3
4353
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 square, line, or rectangle should all be considered as part of the same inline block? What i want it for is I'm using a two column table to display a series of images with text, and I want the images opposite the centre of each text section, with...
20
3138
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 problems that are easier to see than to explain... http://www.wildzone.it/stage/thumbs/thumbs.php?galleria=samburu the CCS code is readable in a click. The document is correct in his xhtml and css sintax, and the code has been completely cleared from...
5
3301
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 and syntax along with the number of images (<img> tags) being used on a single page. The problems seem to persist around IE (5.0+ on multiple win OS), however FF 1.0 sometimes chokes but usually clears once the images are loaded.
10
2332
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. That is, images inline with the actual content of the blog itself. Is there an example that I can be pointed to, where I can examine some code and figure out how to do this? Frankly I haven't got a clue, aside from breaking the content up into...
61
4732
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 important part ... also work with backgrounds in other tags. I fail to see any wisdom in making SVG different than say PNG (of course the implementation of the rendering code would obvious be different). --
4
4062
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 with this and how to do it correctly?: <table border="1"> <tr> <td valign="top" align="left">
10
13403
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 a problem. I am using chunk_split(data) and the base64_encode and base64_decode on the files. I do a select from the database, and then echo the image (with header(Content Type: image/jpeg) and the decoded image displays fine. Yes, I have...
3
2473
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 many images stored as c:\mydatabse\images \images.jpg so computer A has no problem accessing the picture
0
9161
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
1
8897
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8867
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
6522
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5860
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4370
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
3050
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
2332
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2006
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.