Sent by Jason Chan on 16 June 2007 05:05
what is the best way to wrap a border around an image. i thought it would be
pretty basic but i ran into some issues. the border doesnt wrap completely
around the image, leavin a bottom 2-3 pixel gap in IE6.
here's what i have:
<div id="header">
<div class="border"><a href="#" title="#">
<img src="images/p_imageholder.gif" alt="#" title="#" />
</a></div>
</div>
and the css is this:
..border {
border: 3px solid #ffffff;
margin: 0 0 15px 0;
width: 264px;
height: 67px;
}
On another note, I saw some other person's code and he wraps an image within
a paragraph.
it's strange, i tried to use this technique but it didnt work for me and the
borders don't contain the whole image.
<div id="home-portfolio"
<p><a href="#" title="#">
<img src="images/p_imageholder.gif" alt="#" title="#" />
</a></p>
</div>
#home-portfolio p a {
display: block;
width: 190px;
height: 90px;
border: 3px solid #555;
}
is there an effective way of accomplishin this effect?
_________________________________________________________________
Get a preview of Live Earth, the hottest event this summer - only on MSN
http://liveearth.msn.com?source=msntaglineliveearthhm
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
