|
|
Posted by David Graham on 01/11/06 15:55
"Els" <els.aNOSPAM@tiscali.nl> wrote in message
news:10gw89ckaxzfe.1efd82rglvqdw$.dlg@40tude.net...
> jacob.miles@gmail.com wrote:
>
> > I found a solution, but please tell me if there's a more standard
> > solution than this. My solution is this:
> >
> > .image {
> > float: left;
> > }
> >
> > This makes all the thumbnails stack left to right, all trying to float
> > to the left. Is this the way it's done?
>
> Please quote the relevant bits of the message you are replying to, so
> everybody can see what you're talking about. (even if you're replying
> to your own message :-) )
>
> Floating the images and captions is one way to do the trick, yes.
> Another way is to use "inline tables", which enables you to center
> them.
>
> Here's an example I made 2 years ago:
> http://locusmeus.com/test/thumbswithcaptionscentered.html
Hi
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);
}
This works as expected in IE6 and Opera 8.51 but in Mozilla 1.7.12 and
Firefox 1.5 the white outline of the tables is a rectangular box under each
caption. Rarely does Opera agree with IE6 and disagree with gecko browsers -
why is Mozilla and Firefox having a hard time with this extra line of code.
Also, why do you have two inline instructions as the line below
html>body table { display:inline-table; }
does the same thing as the next to last line in the table block rule doesn't
it? Is this child selector thingy only recognised by certain browsers?
thanks in advance for any help you might offer
just on a learning exercise
David
Navigation:
[Reply to this message]
|