On 2008-05-08, Samuel Marin <samuelmarin@[EMAIL PROTECTED]
> wrote:
> EDIT:
>
> Oops. I found my solution. Just put the slices in a table. Easy as that!
That only works in quirks mode.
If you put the strict mode doctype at the top of each of your HTML pages
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
which is recommended for all new pages, you get the gaps between the
slices again.
The gaps are because img is display: inline and so sits on the text
baseline as if it were a glyph. Some explanation here:
http://tinyurl.com/2x3t8f.
You can use vertical-align: bottom as that link suggests, or, more
simply, just set display: block on the images.
> Sam.
>
> Hi.
>
> In an attempt to make a nice menu, I sliced horizontally a picture
> containing the different links. I get 6 pictures, each one a part of the
> full image.
> I used javascripting - not my own code - to show an altered image on the
> MouseOver event.
>
> My problem is: if I just stack the pictures, they will fit nicely and
> recreate the full picture, but when I associate an anchor to each of the
> 6 images, they are separated by a couple of pixel lines, thus breaking
> my full picture.
>
> Does anyone know an easy workaround? Thanks.
>
>
> Sam.
|
