CSS Menu List

Expand Post »

Hi

My menu list displays correctly for Internet explorer.
I am having problems with my menu list display properly in firefox.
The row height should be 15px, but in firefox the row display twice as height than in IE.

Note:
The menue display a link, mouse over should change the colour of the link and it background

OS:Win server 2003
Language: PHP

How can I resolve this issue?

[php]

HTML and CSS Syntax (Toggle Plain Text)
 
<!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>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  <meta name="author" content="mazuki" />
  <link href="../config/pulse_config.css" rel="stylesheet" type="text/css"/>
 
 
<style type="text/css">
<!--
.default
{
  margin-left:0;
  margin-right:0;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif; 
  font-size:14px; 
  font-weight:600;
  vertical-align:top;
}
.default ul
{
  margin-left:0;
  padding-left:0;
  white-space:nowrap;
}
.default li
{
  display:inline;
  list-style-type:none;
}
.default a
{
   padding:3px 10px;
}
.default a:link
{
   color:#ffffff;
   background-color:#036;
   text-decoration:none;
}
.default a:visited
{
  color:#ffffff;
  background-color: #000000;
  text-decoration:none;
}
.default a:hover
{
   color:blue;
   background-color:#55ae3a;
   text-decoration:none;
}
-->
</style>
 
<title>Home Page</title>
</head>
 
<body bgcolor="#e0e0e0">
<!--      processor      -->
<form  action="process.php" method="post">
 
<div id="pat-dash-first-layer">
 
 
   <table height="30" width="100%" border="1">
     <tr height="15">
        <td height="39" align="right"><div class="default"><ul><li><a href ="../change_form.php">Change Password</a></ul></li></div></td>
     </tr>
     <tr height="15" align="center">
        <td width = "100%"colspn ="2"><div id="location-bar" >Home Page</div></td>
     </tr>
    </table>
 
</form>
</body>
</html>
 
 
[/php]
<!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>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  <meta name="author" content="mazuki" />
  <link href="../config/pulse_config.css" rel="stylesheet" type="text/css"/>


<style type="text/css">
<!--
.default
{
  margin-left:0;
  margin-right:0;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif; 
  font-size:14px; 
  font-weight:600;
  vertical-align:top;
}
.default ul
{
  margin-left:0;
  padding-left:0;
  white-space:nowrap;
}
.default li
{
  display:inline;
  list-style-type:none;
}
.default a
{
   padding:3px 10px;
}
.default a:link
{
   color:#ffffff;
   background-color:#036;
   text-decoration:none;
}
.default a:visited
{
  color:#ffffff;
  background-color: #000000;
  text-decoration:none;
}
.default a:hover
{
   color:blue;
   background-color:#55ae3a;
   text-decoration:none;
}
-->
</style>
	
<title>Home Page</title>
</head>

<body bgcolor="#e0e0e0">
<!--      processor      -->
<form  action="process.php" method="post">

<div id="pat-dash-first-layer">


   <table height="30" width="100%" border="1">
     <tr height="15">
        <td height="39" align="right"><div class="default"><ul><li><a href ="../change_form.php">Change Password</a></ul></li></div></td>
     </tr>
     <tr height="15" align="center">
        <td width = "100%"colspn ="2"><div id="location-bar" >Home Page</div></td>
     </tr>
    </table>

</form>
</body>
</html>


[/php]

Similar Threads

Create a cross-browser compatible, single-level, drop-down menu in Site Layout and Usability
javascript css background-image in JavaScript / DHTML / AJAX
css menu in ie7 : a:hover behaviour only on text not on the whole box in HTML and CSS
Need help in javascript and modal window in JavaScript / DHTML / AJAX
add sub menu items to css menu? in JavaScript / DHTML / AJAX

assgar

Reputation Points: 24

Solved Threads: 0

Junior Poster in Training

Offline

89 posts
since Oct 2006

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: css

Next Thread in HTML and CSS Forum Timeline: The littler picture to the left of the address bar..

DaniWeb Message

Cancel Changes

User Name
Password