secicig
User
Fresh Boarder
| Posts: 3 |   |
Karma: 0
|
IE7 submenu links don't work - 2008/06/12 13:54
Hello,
Thank you for letting such a powerful tool free to use...
I am a little experienced amateur in Joomla. And trying to get other amateurs and semi-professionals learn it to spread more "the way it should be" type business sites and etc.
While learning/experiencing template design I needed drop-down type menus. I've heard about lxmenu component/module. I firstly applied lxmenu to an amateur template that I made by changing a free template...
And somehow I noticed the submenus in IE7 don't work when it is configured horizontal. I mean they show up but the links don't work, the well-known finger sign won't appear. And when I change the configuration to vertical, the first two of submenus' links work but the 3rd (last) one doesn't work. In Mozilla Firefox everything seem to be normal, safe & sound.
At first I thought this occurs because of a reason: a bug. I searched a lot through the forum topics. But couldn't find an issue that is dealing with the problem exactly the same way. But afterwards, when I installed the original free-template that is not changed by me, I discovered it is working well, even in IE7.
What can it be the problem? Possibly this will give me some headache in the very near future, if I cannot learn the reason-why.
Here are the PHP and CSS files contents, respectively:
| Code: |
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/templates/tem_asteri_v2/images/favicon.ico\" />" ; ?>
<?php
if(file_exists($mosConfig_absolute_path."/modules/mod_lxmenu/css_lxmenu.css")){
?>
<link href="<?php echo $mosConfig_live_site; ?>/modules/mod_lxmenu/css_lxmenu.css" rel="stylesheet" type="text/css"/>
<?php
}
?>
</head>
<body>
<div id=genelkatman>
<div id="logo">
<div id="logoimg">
<?php echo "<a href=\"$GLOBALS[mosConfig_live_site]\"><img src=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/tp_cizgili_es.png\" alt=\"image\" width=\"225\" height=\"50\" >"; ?></a>
</div>
<div id="logoimg">
<?php echo "<img src=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/veramanto.jpg\" alt=\"image\" width=\"225\" height=\"50\"> "; ?>
</div>
</div>
</div>
<div id=genelkatman>
<?php mosLoadModules ('user3',-2); ?>
</div>
<div id=genelkatman>
<?php mosMainBody(); ?>
</div>
</body>
</html>
|
| Code: |
BODY
{
background-image: url(../images/bg.jpg);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-repeat: repeat-x;
text-align: center;
}
body,td,th, tr, p, div {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
line-height: 17px;
}
hr
{
color: #ccc;
background-color: #ccc;
height: 1px;
width: 100%;
}
#genelkatman {
position:relative;
width:700px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-repeat: no-repeat;
}
#logo {
position: relative;
width: 700px;
height: 67px;
}
#logo #logoimg {
position: relative;
float: left;
top: 7px;
width: 250px;
height: 50px;
}
#user3 {
position:relative;
float:left;
clear:left;
background-color:#074A9C;
width: 100%;
z-index: 100;
}
a:link, a:visited
{
color: #999;
text-decoration: underline;
}
a:hover
{
text-decoration: none;
color: #999;
}
a.category:link, a.category:visited
{
color: #9D080D;
font-weight: bold;
}
a.category:hover
{
color: #9D080D;
}
.mainlevel
{
padding-left: 5px;
}
a.mainlevel:link, a.mainlevel:visited, a.mainlevel:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: #C4B7AB;
}
table.moduletable
{
font-size:11px;
font-family:arial, sans-serif;
padding-left: 5px;
}
table.moduletable th
{
color: #97816B;
text-align: left;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: bold;
padding-top: 4px;
padding-left: 0px;
height: 21px;
font-size: 10px;
text-transform: uppercase;
background-image: url(../images/modulebg.gif);
}
.newsflash
{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #00467A;
text-transform: uppercase;
}
.frameheader
{
font: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: none;
color: #ADC1D2;
}
.poll
{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
line-height: 15px
}
.inputbox
{
margin-right: 5px;
border: 1px solid #CCCCCC;
}
.contentpane
{
}
.button
{
}
.contentpaneopen
{
color:#999999;
width:100%;
cellpadding: 0px;
cellspacing:0px;
margin: 0px;
padding: 0px;
border: none;
height: 62px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}
.buttonheading
{
height: 62px;
}
.componentheading, .contentheading
{
font-family: Helvetica, sans-serif;
color: #666666;
font-weight: bold;
font-size: 16px;
}
.contentdescription
{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-align: left;
}
.category
{
color: #999999;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
.sectiontableheader
{
font-weight: bold;
background: #f0f0f0;
}
.sectiontablefooter
{
}
.sectiontableentry1
{
background-color : #ffffff;
}
.sectiontableentry2
{
}
.small
{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #7492AB;
text-decoration: none;
font-weight: normal;
}
.smalldark
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
font-weight: normal;
}
table.contenttoc {
border: 1px solid #cccccc;
padding: 2px;
margin-left: 2px;
margin-bottom: 2px;
align:right;
}
table.contenttoc td {
padding: 2px;
}
table.contenttoc th {
color: #666666;
text-align: left;
padding-top: 2px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
ul {
}
li {
list-style-image: url(../images/arrow.png);
}
.latestnews {
line-height: 16px;
padding-bottom: 4px;
}
|
Thanks again...
Post edited by: secicig, at: 2008/06/12 13:58
Post edited by: secicig, at: 2008/06/12 14:02
Post edited by: secicig, at: 2008/06/12 16:15
|
Forums