Joomla Templates Club 406,261 posts

[kwoolf Friend kwoolfJoin date: September 2007Posts: 32Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#127698

The .legend class doesn’t seem to work in IE6 or 7, although it appears just fine in FF. I’ve tried using the css from other templates to see if something changed but no luck. On the page below, click on the last link on the page entitled “恰當的例子” (using YooCarousel from http://www.yootheme.com)

http://www.clientcrm.biz/zh/index.php?option=com_content&view=article&id=64&Itemid=88

By the way, all other typography works as you can see in other links above that selection.

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

#246087

Hi kwoolf !
This is css bug on IE, You can fix it by way :
open typo.css file in templates/ja_edenite/css folder. Find code section :


.legend-title {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; BACKGROUND: #ffffff; LEFT: 7px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: absolute; TOP: -13px
}
.legend {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 20px 0px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid; POSITION: relative
}


change it to :


.legend-title {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; BACKGROUND: #ffffff; LEFT: 7px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; POSITION: absolute; TOP: -13px
}
.legend {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 20px 0px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid;
}


good luck !

[Author]

Posts