Joomla Templates Club 406,261 posts

[annat Friend annatJoin date: October 2008Posts: 6Downloads:28Uploads:1 Thanks: 2]

#151930

Hello,

I’ve found that bullet is displayed in a strange way in IE7 if list item has more that one line — it is centered vertically. Please see attached pic.

I’ll appreciate any suggestions on how to fix this behaviour.

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#347677

Dear AnnaT!

Can you pls give me the link to your site

Thanks

[annat Friend annatJoin date: October 2008Posts: 6Downloads:28Uploads:1 Thanks: 2]

#347754

Sure:
http://ryan.annatulchinsky.com

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#347917

Dear Annat!

Pls open the file: templates/ja_opal/css/template_blue.css and find the following codes:

ul.latestnews li a, ul.mostread li a {
background: url(../images/bullet.gif) no-repeat left center;
padding-left: 10px;
color: #0000FF;
}

replace:

ul.latestnews li a, ul.mostread li a {
background: none!important;
padding-left: 10px;
color: #0000FF;
}

[annat Friend annatJoin date: October 2008Posts: 6Downloads:28Uploads:1 Thanks: 2]

#348079

<em>@tienhc 183924 wrote:</em><blockquote>Dear Annat!

Pls open the file: templates/ja_opal/css/template_blue.css and find the following codes:
]</blockquote>

Thanks, for reply, but it doesn’t work – bullets simply disappeared. It’s not that result I expected. Any other solutions please?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#348301

Dear anant,

You can try to replace
ul.latestnews li a, ul.mostread li a {
background: url(../images/bullet.gif) no-repeat left center;
padding-left: 10px;
color: #0000FF;
}
To
ul.latestnews li a, ul.mostread li a {
background: url(../images/bullet.gif) no-repeat left center;
padding-left: 10px;
color: #0000FF;
zoom:1;

}
I hope it help solved the issue on IE !

[Author]

Posts