You are here: Re: Need CSS help: displaying items inline (like a Java FlowLayout) « HTML « IT news, forums, messages
Re: Need CSS help: displaying items inline (like a Java FlowLayout)

Posted by David Graham on 01/13/06 13:27

----- Original Message -----
From: "Els" <els.aNOSPAM@tiscali.nl>
Newsgroups: alt.html
Sent: Thursday, January 12, 2006 12:49 PM
Subject: Re: Need CSS help: displaying items inline (like a Java FlowLayout)


> David Graham wrote:
> > "Els" <els.aNOSPAM@tiscali.nl> wrote in message
> > news:10gw89ckaxzfe.1efd82rglvqdw$.dlg@40tude.net...
> >
> >> Here's an example I made 2 years ago:
> >> http://locusmeus.com/test/thumbswithcaptionscentered.html
> >
> > I thought I would put a line of code into the page above to outline the
> > tables in white as below:
> >
> > table{
> > width:115px;
> > margin-top:0px;
> > margin-bottom:0px;
> > padding:0px;
> > text-align:center;
> > display:inline;
> > border: 2px solid rgb(255,255,255);
> > }
> >
> IE and Opera each have their own reason: IE because it extends boxes
> to encompass their content, and Opera because of "inline-table" (which
> is hidden from IE).

So inline-table is a value for the display property that changes the
behaviour of Opera in that a table with a fixed height and width on it's
td's behaves more like the broken behaviour of IE and enlarges to accomodate
the content- have I summarised what you are saying correctly?

> On a new site I'm working on, I'm having the border I want though, as
> the <td> does show a border in the right place in all 3 browsers. I
> just tried that technique on the thumbnails page, and found you could
> fake a table border by setting the cellspacing to 0, and set borders
> on every td, make the border bottom of top td and top border of bottom
> td 0. Also added a 1px margin to the tables, to make IE separate them
> visually.
>
> Result:
> http://locusmeus.com/test/thumbswithcaptionscentered-borders.html
>
Very clever idea.

Oh, one last thing, you said you used tables because the images would be
vertically centered, is that the default behaviour for tables and image
position inside the td's? I suppose a div would place the image top left
inside the div if there was no positioning css - is that true?

BTW - sort of started a new thread yesterday on this thread - please ignor
it
thanks
David

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация