I know that I could use 64 div tags and position them all and get the
same effect. Or, some combination, to get the same look.
But my question is, why does this page:
<URL: http://www.hikksworld.com/chess/ />
Display a bottom margin under the images in Mozilla but not anywhere
else? When its finished, the pieces will be transparent gifs so you
won't notice it as much, but it has me more curious than anything else.
And, which is getting it right, MSIE6/Opera7 or Mozilla as far as the
display aspect goes?
--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/ 11 2352
Randy Webb <hi************@aol.com> wrote: I know that I could use 64 div tags and position them all and get the same effect. Or, some combination, to get the same look. But my question is, why does this page: <URL: http://www.hikksworld.com/chess/ />
403 forbidden, I guess you meant http://www.hikksworld.com/chess/
Display a bottom margin under the images in Mozilla but not anywhere else?
<img> is an inline element. That means that it sits on the text
baseline. There is room under the text baseline for the descenders of
those letters which have them. In Standards mode (which your doctype
triggers) Mozilla gets this right. In Quirks mode or Almost Standards
modes it will copy the behaviour of other browsers.
So either change your doctype to trigger one of the other rendering
modes, or apply a little bit of CSS:
td img {display: block;}
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor
Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
On Fri, 20 Feb 2004 02:37:09 -0500, Randy Webb <hi************@aol.com>
wrote: I know that I could use 64 div tags and position them all and get the same effect. Or, some combination, to get the same look. But my question is, why does this page: <URL: http://www.hikksworld.com/chess/ /> Display a bottom margin under the images in Mozilla but not anywhere else? When its finished, the pieces will be transparent gifs so you won't notice it as much, but it has me more curious than anything else. And, which is getting it right, MSIE6/Opera7 or Mozilla as far as the display aspect goes?
Opera 7.5 will also show those gaps...
Read all about it here: http://devedge.netscape.com/viewsource/2002/img-table/ http://devedge.netscape.com/viewsour...ost-standards/
--
Rijk van Geijtenbeek
The Web is a procrastination apparatus:
It can absorb as much time as is required to ensure that you
won't get any real work done. - J.Nielsen
"Rijk van Geijtenbeek" <ri**@opera.com> wrote: On Fri, 20 Feb 2004 02:37:09 -0500, Randy Webb wrote:
And, which is getting it right, MSIE6/Opera7 or Mozilla as far as the display aspect goes? Opera 7.5 will also show those gaps...
Read all about it here:
http://devedge.netscape.com/viewsource/2002/img-table/
The OP says Opera 7 agrees with MSIE, Rijk says Opera 7.5 agrees with
Mozilla and refers to this: http://devedge.netscape.com/viewsour...ost-standards/
Does this mean the next Opera version will be blessed with an "almost
standards" mode like Mozilla? Tell me it isn't so!?
Karl Smith wrote: "Rijk van Geijtenbeek" <ri**@opera.com> wrote:
On Fri, 20 Feb 2004 02:37:09 -0500, Randy Webb wrote:
And, which is getting it right, MSIE6/Opera7 or Mozilla as far as the display aspect goes?
Opera 7.5 will also show those gaps...
Read all about it here:
http://devedge.netscape.com/viewsource/2002/img-table/
The OP says Opera 7 agrees with MSIE, Rijk says Opera 7.5 agrees with Mozilla and refers to this:
Opera 7.23, guess I need to upgrade it :(
--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/
Steve Pugh wrote: Randy Webb <hi************@aol.com> wrote:
I know that I could use 64 div tags and position them all and get the same effect. Or, some combination, to get the same look. But my question is, why does this page: <URL: http://www.hikksworld.com/chess/ />
403 forbidden, I guess you meant http://www.hikksworld.com/chess/
Display a bottom margin under the images in Mozilla but not anywhere else?
<img> is an inline element. That means that it sits on the text baseline. There is room under the text baseline for the descenders of those letters which have them. In Standards mode (which your doctype triggers) Mozilla gets this right. In Quirks mode or Almost Standards modes it will copy the behaviour of other browsers.
So either change your doctype to trigger one of the other rendering modes, or apply a little bit of CSS: td img {display: block;}
I added display:block to the td and to img and Mozilla made a vertical
column of my page. But when I removed display:block from the td, it
displays as I wanted it. Thanks.
--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/
Randy Webb wrote: Steve Pugh wrote:
Randy Webb <hi************@aol.com> wrote:
I know that I could use 64 div tags and position them all and get the same effect. Or, some combination, to get the same look. But my question is, why does this page: <URL: http://www.hikksworld.com/chess/ />
403 forbidden, I guess you meant http://www.hikksworld.com/chess/
Display a bottom margin under the images in Mozilla but not anywhere else?
<img> is an inline element. That means that it sits on the text baseline. There is room under the text baseline for the descenders of those letters which have them. In Standards mode (which your doctype triggers) Mozilla gets this right. In Quirks mode or Almost Standards modes it will copy the behaviour of other browsers.
So either change your doctype to trigger one of the other rendering modes, or apply a little bit of CSS: td img {display: block;}
I added display:block to the td and to img and Mozilla made a vertical column of my page. But when I removed display:block from the td, it displays as I wanted it. Thanks.
td img {display:block;}
doesn't mean the same as
td {display:block;} and img {display:block;}
td img {} applies the style for any img that's inside a td
--
Els
Mente humana é como pára-quedas; funciona melhor aberta.
On Fri, 20 Feb 2004 17:09:19 -0500, Randy Webb <hi************@aol.com>
wrote: Karl Smith wrote: "Rijk van Geijtenbeek" <ri**@opera.com> wrote:
On Fri, 20 Feb 2004 02:37:09 -0500, Randy Webb wrote:
And, which is getting it right, MSIE6/Opera7 or Mozilla as far as the display aspect goes?
Opera 7.5 will also show those gaps...
Read all about it here:
http://devedge.netscape.com/viewsource/2002/img-table/
The OP says Opera 7 agrees with MSIE, Rijk says Opera 7.5 agrees with Mozilla and refers to this:
Opera 7.23, guess I need to upgrade it :(
7.5 is only a preview right now. Together with the image-in-linebox
change, Opera 7.5 implemented the 'Almost-Standards-mode' for the same
DTDs as Mozilla [1], to prevent too many casualties...
[1] http://www.mozilla.org/docs/web-deve.../doctypes.html
--
Rijk van Geijtenbeek
The Web is a procrastination apparatus:
It can absorb as much time as is required to ensure that you
won't get any real work done. - J.Nielsen
Randy Webb <hi************@aol.com> wrote: Steve Pugh wrote: So either change your doctype to trigger one of the other rendering modes, or apply a little bit of CSS: td img {display: block;} I added display:block to the td and to img
Why did you do that? Wasn't the code example I gave clear enough? Did
your newsreader insert a phantom comma between the td and the img?
and Mozilla made a vertical column of my page.
Of course it did, that's what you told it to do.
But when I removed display:block from the td,
In other words, when you did as I suggested.
it displays as I wanted it.
I know.
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor
Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Steve Pugh wrote: Randy Webb <hi************@aol.com> wrote:
Steve Pugh wrote:
So either change your doctype to trigger one of the other rendering modes, or apply a little bit of CSS: td img {display: block;}
I added display:block to the td and to img
Why did you do that? Wasn't the code example I gave clear enough?
Obviously not.
Did your newsreader insert a phantom comma between the td and the img?
No, and thank you for your sincere attitude in correcting what I did. and Mozilla made a vertical column of my page.
Of course it did, that's what you told it to do.
Fair enough. But when I removed display:block from the td,
In other words, when you did as I suggested.
No, the code still isn't the same as what you suggested, I simply added:
img {display: block;} to the CSS.
--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/
Randy Webb <hi************@aol.com> wrote: Steve Pugh wrote:
Did your newsreader insert a phantom comma between the td and the img?
No, and thank you for your sincere attitude in correcting what I did.
Welcome to c.i.w.a.s! But when I removed display:block from the td,
In other words, when you did as I suggested.
No, the code still isn't the same as what you suggested, I simply added:
img {display: block;} to the CSS.
But that selector will also affect images outside the table.
td img {display: block;} is what you want.
--
Karl Smith.
Karl Smith wrote: Randy Webb <hi************@aol.com> wrote:
Steve Pugh wrote:
Did your newsreader insert a phantom comma between the td and the img?
No, and thank you for your sincere attitude in correcting what I did.
Welcome to c.i.w.a.s!But when I removed display:block from the td,
In other words, when you did as I suggested.
No, the code still isn't the same as what you suggested, I simply added:
img {display: block;} to the CSS.
But that selector will also affect images outside the table. td img {display: block;} is what you want.
Thanks Karl. I realized that after I read and replied but for that
particular page, img {display: block;} works fine because the form
buttons are there, there will be a paragraph of text and a script block
that will "move" the pieces to simulate past/saved chess games and thats
it. I do understand that if I added images outside the table, I would
have to change it accordingly :)
--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/ This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
by: Philip |
last post by:
I am trying to replace extraneous tables with CSS but I am running into
centering problems.
I want pictures centered left to right (top aligned) in two columns,
with the accompanying title and...
|
by: sinister |
last post by:
I wanted to spiff up my overly spartan homepage, and started using some CSS
templates I found on a couple of weblogs. It looks fine in my browser (IE
6.0), but it doesn't print right. I tested...
|
by: Max Quordlepleen |
last post by:
Apologies for the crossposting, I wasn't sure which of these groups to
ask this in.
I have been lurking in these groups for a week or so, trying to glean
what I need to design a simple, clean...
|
by: Jonivar Skullerud |
last post by:
I am trying to create a set of pages with a standard layout with
banner and horizontal navigation bar at the top of the page. Ideally
i would do this without use of tables, but it seems i will be...
|
by: thatseattleguy |
last post by:
I'm stumped. Visit:
http://positivesweat.com/class.html
....and look at the tables in the middle labeled "morning" and
"evening". Do this in both IE and Firefox.
The tables appear to me to...
|
by: Norm Gibson |
last post by:
Hi,
I have just written some simple rollover links in a table using CSS classes.
It views perfectly in IE but has added a couple of pixels on the top and
bottom of the row when you view it in...
|
by: Alan Silver |
last post by:
Hello,
I understand the issue that tables should be used for tabular data and
not for layout, but I would like some clarification as to exactly what
constitutes tabular data.
For example, if...
|
by: Jukka K. Korpela |
last post by:
Since there is no authoritative specification on how to map presentational
HTML elements and attributes to CSS, and even no informal description (as
far as I can see), I finally composed one:...
|
by: psynox |
last post by:
I need the folowing help. My web is divided in two frames, up for the menu and the main for the page. I use Layout tables to struct my page. However using tables is bit same. But I got problems when...
|
by: taylorcarr |
last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
|
by: Charles Arthur |
last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
|
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...
|
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...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
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...
|
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,...
|
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...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
| |