Forms, CSS und Netscape
Sarah Hueber
- css
Hallo zusammen,
ich habe (mal wieder...) ein Problemchen mit Netscape, diesmal mit dem Formtag:
Ich habe fuer alle Form-tags im Stylesheet borders definiert, IE macht das aech wunderbar, zeigt die Borders mit widht="1" brav an, aber Netscpae macht zwar auch borders, dafuer aber zusaetzlich hoechtst interessante Linien quer ueber das gesamte Dokument, die da definitiv nicht hingehoeren.
Die Formtags stehen innerhallb von Tabellen, der Code sieht so aus:
------------------
<td align="right" valign="middle" bgcolor="#99cccc">
<div class="instruct">
<form action="/login/login.php" method="post">Login
<input name="email" size="18" value="your email address">
Password
<input name="password" size="12" type="password">
<input alt="go" border="0" name="go" src="images/go_blk.gif" type="image">
</form>
</div></td>
--------------------
Das zugehoeroge Stylesheet ist so:
-------------------------
form
{
border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt; margin: 0px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 3px;
}
input, textarea
{
border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; font-family: verdana, arial, helvetica, sans-serif; font-size: 8pt; margin: 0px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 3px;
}
----------------------------
Gibt es eine Loesung oder kann man bei Netscaoe Formtags in Tabellen und mit css ganz vergessen?
Gruesse, Sarah
Hallo,
oder kann man bei Netscaoe Formtags in Tabellen und mit css ganz vergessen?
man kann. zwar nicht ganz aber fast, das geht:
grüße
Thomas
<html>
<head>
<title>Untitled</title>
<style type="text/css">
.form
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9pt;
}
input, textarea
{
font-family: verdana, arial,helvetica, sans-serif;
font-size: 8pt;
}
</style>
</head>
<body>
<form action="/login/login.php" method="post">
<table>
<tr>
<td align="right" valign="middle" bgcolor="#99cccc" class="form">
Login
<input name="email" size="18" value="your email address">
Password
<input name="password" size="12" type="password">
<input alt="go" border="0" name="go" src="images/go_blk.gif" type="image">
</td>
</tr>
</table>
</form>
</body>
</html>