menu Q
| From: | William Stokes | Date: | Fri, 17 Feb 2006 07:19:04 +0000 |
| Subject: | menu Q | ||
| Groups: | php.general | ||
| Request: | Send a blank email to php-general+get-230619@lists.php.net to get a copy of this message | ||
Hello,
This might not be a PHP related issue. I don't know. But this one is really
bothering me.
I have a <select> menu on a header bar on my page. The header bar is 20px
high. The menu, code and style below, works ok on Opera but not in Ie6 or
Firefox. In these browsers the menu 'streches' the bar height so that the bg
image starts repeating itself. (looks nasty) It's almost like the menu
prints one 'invisble' or empty row beneath the menu so that the header bar
becomes about 30 or 35px high. Any ideas?
Thanks
-Will
Code:
print "<script language=\"JavaScript\">\n";
print "<!--Begin\n";
print "function goToURL(form) {\n";
print "var URL =
document.form.val_team.options[document.form.val_team.selectedIndex].value;\n";
print "window.location.href = URL;\n";
print "}\n";
print "//End-->\n";
print "</script>\n";
$sql="SELECT * FROM x_table ORDER BY sorter ASC";
$result=mysql_query($sql);
$num = mysql_num_rows($result);
$cur = 1;
print "<form name=\"form\">";
print "<select name=\"val_team\" size=\"1\" id=\"menu\"
onChange=\"javascript:goToURL()\">";
print "<option selected value=\"\">Valitse joukkue:</option>";
while ($num >= $cur) {
$row = mysql_fetch_array($result);
$jouk_nimi = $row["jouk_nimi"];
$team_id = $row["jouk_id"];
print "<option
value=\"index.php?team=$team_id\">$jouk_nimi</option>";
$cur++;
}
print "</select>";
print "</form>";
StyleSheet:
#menu{
height: 18px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
background-color: #CC0000;
BORDER-RIGHT: #FFFFFF 1px solid;
BORDER-TOP: #FFFFFF 1px solid;
BORDER-LEFT: #FFFFFF 1px solid;
BORDER-BOTTOM: #FFFFFF 1px solid;
COLOR: #FFFFFF;
}