Home/ Questions/Q 6762697
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T14:23:15+00:00

I’m having trouble with extra padding (4px) between two IMG tags. This occurs in

  • 0

I’m having trouble with extra padding (4px) between two IMG tags. This occurs in Firefox 7.0.1, Safari 5.1.1, Chrome 11.0.696.68, and Opera 10.53 on a Mac (Snow Leopard).

I have uploaded the example here:
http://husnoo.com/img_extra_space/img_extra_space.html

With a screenshot of what it looks like:
http://husnoo.com/img_extra_space/shot.png

The 4 pixels between the two IMGs shouldn’t be there.

Thanks!

Nawal.

Code:

<!DOCTYPE html>
<html>
<head>
    <title>Title here</title>
    <style type="text/css">
        body {
            margin: 0px;
            padding: 0px;
        }
        toolbar {
            background-color: #ddd;
            margin: 0px;
            padding: 0px;
            width: 32px;
            height: 32px;
        }

        #tool1 {
            background-color: #0dc;
            margin: 0px;
            padding: 0px;
            width: 32px;
            height: 32px;
        }

        #tool2 {
            background-color: #6dc;
            margin: 0px;
            padding: 0px;
            width: 32px;
            height: 32px;
        }
    </style>
</head>
<body>
    <div id="toolbar">
        <img id="tool1" src="select.png">
        <img id="tool2" src="transform_move.png">
    </div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Don’t break lines between images instead of

    <img id="tool1" src="select.png">
<img id="tool2" src="transform_move.png">

    do

    <img id="tool1" src="select.png"><img id="tool2" src="transform_move.png">
    • 0