Joomla Templates Club 406,261 posts

[cybatek Friend cybatekJoin date: August 2007Posts: 38Downloads:0Uploads:4 Thanked: 1 times in 1 posts]

#125296

In Internet Explorer (7) the little double arrow graphic that is seen to the right of Headings in the side menu display improperly if the menu heading is wider than a single line.

Is there some CSS hack or similar to improve its behaviour on IE

See attachment (the top pic is IE, bottom is FFox). Also here’s a link – but I’m in production mode at the moment so the link may or may not be live when you go to view.

<blockquote>http://oec.org.au/index.php?option=com_frontpage&Itemid=1</blockquote>

---

Attachments:

1. 

[Hieu Nguyen Admin Hieu NguyenJoin date: November 2005Posts: 678Downloads:36Uploads:0 Thanks: 69 Thanked: 61 times in 1 posts]

#237519

Sorry, but there’s no clue to make these arrows look the same in FF & IE if your title is too long and doesn’t stand on a single line.

However, I will provide a small hack to make arrows in IE7 look better in that case. Please try the code below:

*+html div.moduletable h3 span,
*+html div.moduletable-hilite h3 span {
background: url(../images/h3-bg.gif) no-repeat center right;
padding-right: 20px;
display: block;
}
It’ll make these arrows always be at the right side and will not be overlaped by the title text.

Hope it helps!

[cybatek Friend cybatekJoin date: August 2007Posts: 38Downloads:0Uploads:4 Thanked: 1 times in 1 posts]

#237533

Gave it a try, that looks pretty good.

You’re a champ Hieu, thanks mate. Problem solved

[Author]

Posts