PDA

View Full Version : Modern bricks menu fire firefox bug



P-NetworkZ
05-04-2008, 06:53 PM
1) Script Title:
http://www.p-networkz.info/index.php

2) Script URL (on DD):
http://www.dynamicdrive.com/style/csslibrary/item/modern-bricks-menu/


3) Describe problem:
I have strange firefox problem on my site , in IE everything looks good :)
But when i wanne to look in firefox it looks strange and mess up .



<!-- BEGIN: HEADER -->
{HEADER_DOCTYPE}
<html>
<head>
{HEADER_METAS}
{HEADER_COMPOPUP}
<title>{HEADER_TITLE}</title>

<link href="skins/{PHP.skin}/{PHP.skin}.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="skins/{PHP.skin}/popup.js"></script>
</head>
<body>

<link rel="stylesheet" href="plugins/extrapics/inc/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="plugins/extrapics/inc/prototype.js"></script>
<script type="text/javascript" src="plugins/extrapics/inc/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="plugins/extrapics/inc/lightbox.js"></script>
</script>

<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<div id="modernbricksmenu">
<!-- BEGIN: USER -->
<ul>
<li id="current"><a href="index.php">{HEADER_LOGSTATUS}</a></li>
<li>{HEADER_USER_ADMINPANEL}</li>
<li>{HEADER_USERLIST}</li>
<li>{HEADER_USER_PROFILE}</li>
<li><a href="plug.php?e=shop">Shop</a></li>
<li>{HEADER_USER_PMREMINDER}</li>
<li>{HEADER_USER_LOGINOUT}</li>
</ul>
<!-- END: USER -->
<!-- BEGIN: GUEST -->
<ul>
<li id="current"><a href="index.php">CPanel (Guest)</a></li>
<li><a href="users.php?m=auth">{PHP.skinlang.header.Login}</a></li>
<li><a href="users.php?m=register">{PHP.skinlang.header.Register}</a></li>
<li><a href="plug.php?e=passrecover">{PHP.skinlang.header.Lostyourpassword}</a></li>
</ul>
<!-- END: GUEST -->
</div>
<td class="around">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="600">
<img src="skins/{PHP.skin}/images/banner.gif" alt="P-NetworkZ - Youre Number One">
</td>
</tr>
<tr>
<td class="hg"></td>
</tr>
<tr>
<td class="nav" width="600">
<a href="index.php" class="navlink">Home</a> |
<a href="forums.php" class="navlink">Forums</a> |
<a href="plug.php?e=guestbook" class="navlink">Guestbook</a> |
<a href="hosting.php" class="navlink">Hosting</a> |
<a href="plug.php?e=tslist" class="navlink">Teamspeak</a> |
<a href="plug.php?e=contactus" class="navlink">Contact</a>
</td>
</tr>
<tr>
<td class="hg"></td>
</tr>

<td width="600" class="maincontent">


<!-- END: HEADER -->


CSS File



#modernbricksmenu{
padding: 0;
width: 610px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: 12px Arial;
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#modernbricksmenu a{
float: left;
display: block;
color: #666666;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration:none;
background-color: #F4F4F4; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
text-decoration:none;
background-color: #B1392A; /*Menu hover bgcolor*/
color: #FFFFFF;
}

#modernbricksmenu #current a{ color: #FFFFFF;
background-color: #B1392A; /*Brown color theme*/
border-color: #B1392A; /*Brown color theme*/
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 610px;
height: 5px;
line-height: 5px;
background: #B1392A; /*Brown color theme*/
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}


Many thanks for your help and support :)

off topic some great css things you have done btw :)