On Fri, 20 Jul 2007, jana coyle wrote:
> I would like to have 4px margin in between the images. I have set
> margin-right 4px but it doesn't seem to work. Any suggestions?
> http://precisemessenger.com/private/indexlink.html
Generally, when problems occur, it is best to use both a markup validator
and a CSS checker. Your HTML code contains essential markup errors, like
using the same id="..." attribute for several elements (use class="..."
and class selectors instead). Your CSS code contains some errors that the
W3C CSS Validator would catch, and the code is also somewhat confusing -
it's probably best to replace style="..." attributes by code in the
<style> element (possibly adding some class attributes if needed); that
way, it will be easier to manage the styling.
The specific problem appears to be that you have an image and links below
it wrapped inside a <div> that has the same width as the image. Therefore,
any right margin you set for the image will overflow outside the <div>, so
it won't affect the rendering. Perhaps you wanted to set the margin
between the <div> wrappers, i.e. in this case,
#itemlink { margin-right: 4px; }
except that you should change <div id="itemlink"> to <div
class="itemlink"> and use CSS code
.itemlink { margin-right: 4px; }
--
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
