inline css question

[andrewjs18]

been a while since I messed with much html and css....is it possible to style an image using inline css so that it doesn't have any padding and no margins?

for example, how would I use inline css to remove the margins & padding here?:

Code:

<a href="http://test.com" title="test link">Test Link<img src="http://test.com/test.jpg" alt="test logo" /></a>

[Haxalot]

I dont quite understand what you want from the code example you gave. There is no padding or margins on the code above, because it is not inside a larger element on the page.

The following properties are what you will be needing if you run into this problem in the future however:

Code:

padding
margin

Both support up to four paremeters, whereby 1,2,3,4 match top, right, bottom, left respectively. Or alternatively you can extend the properties with -[left|right|top|bottom] for specifying only one value to be different. E.g.

Code:

/*1px,2px,3px,4px are top,right,bottom,left repectively*/
padding-top: 1px 2px 3px 4px
padding-bottom
padding-left
padding-right

In order to access these, you must use the style, class or id attribute inside your tag to get the styles to render upon said element.

Side Note: I would advise against using the style attribute because you will not be able to cache your css, meaning slower page load times in the future.