• Toll-free  888-665-8637
  • International  +1 717-220-0012
Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error

sternyy
#1 Posted : Wednesday, January 7, 2009 2:26:08 PM(UTC)
sternyy

Rank: Member

Joined: 1/10/2005(UTC)
Posts: 714

Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
I have a UL LI displayed inline. In firefox, if i have LI that spread across the entire screen and flow over to the next line, my bullet image still gets displayed. In IE7, it does not. Any help?


Its the thrid product down with the text: (the third bullet is what doesnt get the image displayed in IE7)<SPAN id=ctl00_MainContentHolder_DataList1>

</B>
<UL>
<LI>1 FREE Powerheart AED G3 Carrying Case
<LI>1 FREE Wall &amp; Window Decal
<LI>1 FREE Premium AED+CPR Responder Kit
* 1 FREE Medical Prescription
</UL>



http://www.medsupplier.com/burdick-aeds-defibrillators.aspx
[email protected]
#2 Posted : Wednesday, January 7, 2009 5:53:49 PM(UTC)
gdelorey@mitcs.com

Rank: Member

Joined: 10/11/2006(UTC)
Posts: 162

Thanks: 1 times
Maybe try setting the background-position to 0 50% instead of 0 0.

: Greg
sternyy
#3 Posted : Thursday, January 8, 2009 10:41:56 AM(UTC)
sternyy

Rank: Member

Joined: 1/10/2005(UTC)
Posts: 714

Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
tried it... still doesnt show up. You can see part of it shwoing up on the second line in IE7... just trying to firgure out how to get it up on the first line.
Marcus
#4 Posted : Thursday, January 8, 2009 10:49:47 AM(UTC)
Marcus

Rank: Member

Joined: 11/5/2003(UTC)
Posts: 1,786

IE puts the bullet outside the left margin of your list so you have to account for this. Try putting a slight margin on the left.
sternyy
#5 Posted : Thursday, January 8, 2009 11:41:21 AM(UTC)
sternyy

Rank: Member

Joined: 1/10/2005(UTC)
Posts: 714

Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
hmmm still doesnt work

this is what i have for my CSS:

.record-specials li {margin: 0px 0px 0px 3px; padding: 0px 8px 0px 11px; list-style:none; line-height: 1.6em; font-size: 1em; display:inline; background:url('../images/bullet-checkmark.gif'); background-repeat:no-repeat; background-position: 0% 0%; }

I cant figure out why the third "checkmark" wont show. I know it has something to do because it wraps to the next line. If i make my font smaller, it wont wrap and then it gets displayed.
sternyy
#6 Posted : Thursday, January 8, 2009 12:33:42 PM(UTC)
sternyy

Rank: Member

Joined: 1/10/2005(UTC)
Posts: 714

Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
ehhh i ended up changing how my specials get displayed. I put them next to the description on the right.

http://www.medsupplier.c...electrocardiographs.aspx
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

©2024 Develisys. All rights reserved.
  • Toll-free  888-665-8637
  • International  +1 717-220-0012