I created a link class to have a background image on linked text
where needed:
a.checkbox {
background:url(/healthcare/_img/Pencil.gif) no-repeat 100% 50%;
padding-right:20px;
}
The above adds a checkbox to the right of the linked text, and it
works fine everywhere but IE 6 and 7 where, if there are two links in
a paragraph with that class assigned -- and the two blocks of linked
text wrap to separate lines -- the first link displays the image and
the second link allocates the space/padding, but doesn't display the
image.
This can be seen here: http://www.opa.ca.gov/healthcare/use-plan/
disability-assistance.aspx
Here's the full HTML including the the floated div (with the image
and paragraph underneath) that forces the text to wrap, and the text
that is to the left of the floated div:
<div class="callout2"><img src="/healthcare/_img/photo-disability-
assistance.jpg" alt="White female doctor, 40, and middle-aged Asian
woman in a wheelchair looking at an exam table" /><p>This exam table
can be raised and lowered, so it is easier to get on and off.
Accessible tables such as this one are becoming more common. </p></div>
<p>If you have a disability, your health plan must remove most
physical or communication barriers that make it hard for you to get
the care you need. Call your health plan and be firm about what you
need.</p>
<p>Use the worksheets on <a href="/healthcare/_downloads/physical-
access.pdf" class="checkbox">physical access</a> and <a href="/
healthcare/_downloads/communication-asst.pdf"
class="checkbox">communication assistance</a> to list the access or
services you need.</p>
If the two links are in separate paragraphs, then no problem. If the
two links are on one line, no problem. But if they break to separate
lines, no second image.
Any help greatly appreciated.
Thanks.
Tim
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
