I have Firebug on Firefox and the mystery is I could not find the
contributor of the extra space. I finally took a copy of the old
layout.html and put it in place to run the application after fixing
the obvious things like css and js files moving. This gave me the
original style sheet driven separation of images. Next I moved pieces
of the new layout to the old layout until the extra spacing came back.
I found if I use the new layout.html DOCTYPE line I get the extra
spacing between rows of images but if I use the old DOCYPE it works as
expected with spacing as defined by CSS.
New DOCTYPE
!DOCTYPE html
Old DOCTYPE
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
This is Firefox 3.6.12. I tried Google Chrome 8.0.552.200 beta and got
the same results. All is on Linux but Firefox on Mac is the same, I
have not tried IE yet.
Maybe the HTML5 DOCTYPE in the new layout brings something else into
play so I am looking at a symptom not a cause. I wouldn't want to
believe it is a browser bug given Firefox is Mozilla based and Chrome
is Webkit with both yielding identical visual results.
Thanks,
Ron
On Nov 15, 1:31 pm, villas villa...@gmail.com wrote:
Hi Ron
I hate tracking down CSS problems too. It is good to use some tools
for this.
I often find Firebug on Firefox is good because you can alter the
settings at the same time as viewing the form.
Maybe if others use good tools for CSS, they could also recommend
them to you.
-D
On Nov 15, 6:11 pm, ron_m ron.mco...@gmail.com wrote:
In the application I am writing there are IP video cameras displayed
in a grid for one part of the application. In non-IE browsers this is
realized as an IMG tag connected to the MJPEG video stream of the
camera using the src= attribute.
In the 1.88.2 version I used a padding: 1px; style to put a fine line
between images letting the background show through which was perfect
to get some separation.
In 1.89.1 there is a 4 to 6 pixel vertical separation between rows of
images. If I adjust the padding or the margin the spacing grows by
that amount. The same 1px padding still works fine for the space
between horizontally adjacent images. To try to identify the source of
the change I renamed all the style sheets in the application including
the web2py ones and then cleared the browser cache and I still get the
spacing between rows. If I load in the 1.88.2 version I don't get the
spacing.
Maybe it is something in layout.html? If anyone has a quick, I know
what that is, please let me know, I have looked at this for quite a
while and can't find it but will push onwards. I hope my slowness in
discovery is not an indication of my ability with CSS. :-)
I could stay with the old layout but since it is still under
development I would rather keep moving with the new version and all
the good things that come with them.
Thanks
Ron
