Fill image in CSS, HTML

Question

I am having problems with images in a table. Although I set tr width = 95, and the image also has a width of 95, tr will automatically have a width of 97 (2 px padding on the right).

However, I explicitly specified style = "padding: 0px".

A sample page is as follows: http://beta.worcell.com/sony.html

Another issue that I am facing is the up and down arrows (inside the buy column). I would like them to have an equal distance from the text box, but adding another line break to the bottom arrow would create too much space. Can I change this in CSS?

Thanks.

Answer 1

, , .

img {
    padding:0px;
    border:0px;
    margin:-2px;
}

"margin: -2px;" - , 97px, 95px. "margin: 0px;" . ,

menu img {
    margin: -2px;
}

.

. , , . , , , , ..

Answer 2

good css reset. . css reset css .

<br/>

. , br, margin

Answer 3

: styles.css( 77)

tr td {
  border:1px solid #DDDDDD;
  padding:0.6em;
}

Answer 4

"padding: 0px" , .

Answer 5

:

styles.css (line 15)
img {
border:0 none;
margin:-2px; <-- remove this
padding:0;
}

styles.css (line 77)
tr td {
border:1px solid #DDDDDD;
padding:0.6em; <-- remove this
}

Answer 6

Hmmmmm, 152 HTML Validator, ....

</a> </td> .