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 > >
