at this address:
http://www3.ca.com/partners/channel/
At the bottom, there are 3 chips; an image on the left and text on the
right inside a td.
I want to convert this using CSS.
I can nearly replicate it but it fails in ie5.0, where I can get a gap
on the left. I wouldn't care about this but other people do; so I need
to do a pixel perfect for ie5 and ie6.
My attempt is below, would appreciate any help with it; My thanks in
advance
/CSS
div.chip {
border: 1px solid #ccc;
float: left;
overflow: hidden;
padding: 0;
margin-right: 5px;
width: 235px; /* ie5 value */
voice-family: "\"}\"";
voice-family: inherit;
width: 242px; /* normal value */
}
html>body div.chip {
width: 242px; /* opera value/ie reset */
}
div.chip img {
float: left;
margin: 0;
}
div.chip p {
margin-left: 80px;
padding: 3px;
}
/HTML
<div class="chip"><img src="img01.jpg" width="80" height="75"><p>1text
goes here text goes heres <br> text goes here</p></div>
<div class="chip"><img src="img01.jpg" width="80" height="75"><p>2text
goes here text goes here <br> text goes here</p></div>
<div class="chip"><img src="img01.jpg" width="80" height="75"><p>3text
goes here text goes here <br> text goes here</p></div>
Tim Hill
Computer Associates
Graphic Artist
tel: +612 9937 0792
fax: +612 9937 0546
[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
