Whenever you place an image (or text) inside a div without wrapping it in a P
tag, the browser will add an implicit P tag around the image, and treat it to
the default line-height and padding for a P on your page. I am pretty sure
that's what's going on here, and you should be able to get rid of it by adding
a style like this to the page:
#puzzle {
font-size: 0.1px;
line-height: 1;
}
Walter
On Aug 15, 2012, at 1:28 AM, pmolsen wrote:
> Anyone know how to remove the blank horizontal gaps between the rows
> in the puzzle example here please:
> http://madrobby.github.com/scriptaculous/puzzle-demo/
>
> --
> You received this message because you are subscribed to the Google Groups
> "Prototype & script.aculo.us" group.
> To post to this group, send email to prototype-scriptaculous@googlegroups.com.
> To unsubscribe from this group, send email to
> prototype-scriptaculous+unsubscr...@googlegroups.com.
> For more options, visit this group at
> http://groups.google.com/group/prototype-scriptaculous?hl=en.
>
--
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com.
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
