CSS: Inputfelder

[idd]

Hallo!
Ich habe folgendes Problem:
alle Inputfelder, die mit CSSs formatiert sind, werden mit Nescape 4.+ falsch dargestellt... Eine Textarea wird überhaupt nicht dargestellt... Wie kann man das umgehen?

Wie kann man Scrollbalken in einer Textarea abschalten?

Und... Wie kann ich ein "Reset-Button" durch eine Grafik ersetzen? Wie es mit dem Submit-Button geht weiss ich schon, mit "Zurücksetzen" funktioniert das aber nicht...
Kann man bei diesen Buttons auch Rollovers verwenden?

Danke im Voraus!

[Lars]

Original geschrieben von idd

Wie kann man Scrollbalken in einer Textarea abschalten?

Nein.

Original geschrieben von idd

Und... Wie kann ich ein "Reset-Button" durch eine Grafik ersetzen? Wie es mit dem Submit-Button geht weiss ich schon, mit "Zurücksetzen" funktioniert das aber nicht...

<a href="#"><img src="button.gif" border="0" onClick="document.forms['name'].reset()"></a>

Original geschrieben von idd

Kann man bei diesen Buttons auch Rollovers verwenden?

Aber natürlich.



Du kannst die Darstellungsprobleme im NN per Browserweiche (für den 4er ein anderes Stylesheet laden) umschiffen, wie genau äussern sich denn die Probleme? Sind da u.U. Border-Definitionen mit im Spiel?

[Thomas]

Original geschrieben von schmobi
Du kannst die Darstellungsprobleme im NN per Browserweiche (für den 4er ein anderes Stylesheet laden) umschiffen, wie genau äussern sich denn die Probleme? Sind da u.U. Border-Definitionen mit im Spiel?

ist eine Möglichkeit, oder du definierst deine Formular-css-Definitionen direkt im code, dann werden sie von NN 4 ignoriert.
Das funktioniert z.B. in allen relevanten Browsern:

<input type="text"  name="abcdefg" style="background-color: #990000; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #FFFFFF; width:200px" size="18" maxlength="60">

für Textarea so:

<textarea name="kommentar" rows="5" cols="19" wrap="PHYSICAL" style="background-color: #990000; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #FFFFFF; width:200px" class="standard"></textarea>

[Lars]

Wie altmodisch und unkomfortabel.

[Thomas]

aber einfach und funktionabel

[idd]

Danke!

Scmobi:
Mit einem kleinen Trick kann man die Scrollbalken zumindest unsichtbar machen, indem man sie komplett in die gleiche Farbe einfärbt wie der Hintergrund.


Rattenkönig:
Dein Code funktioniert mit dem NN4.75 leider nicht
Hab schon alles versucht... Entweder werden die Inputfelder gar nicht dargestellt, oder der Browser zeigt noch kleine Kästchen drunter.
Mit IE geht alles einwandfrei.

Vielleicht gibt es da noch eine Möglichkeit?

Übrigens, wie stelle ich die richtige Breite der Eingabefelder für den NN ein?

[Thomas]

Original geschrieben von idd
Rattenkönig:
Dein Code funktioniert mit dem NN4.75 leider nicht
Hab schon alles versucht... Entweder werden die Inputfelder gar nicht dargestellt, oder der Browser zeigt noch kleine Kästchen drunter.

häh???

geht!

schau dir mal diese oder diese Seite mit NN 4 an. Läuft fehlerfrei mit Standard-Formulardarstellung, in allen anderen Browsern sind die Formulare schön formatiert

[idd]

Komisch...
schau mal dies mit NN 4.75 an. Im Prinzip die gleiche Methode, sieht aber schrecklich aus.

[Thomas]

habe den Fehler in deinem Code:

wenn du ausschließlich "border: 1px solid" definierst, zeigt NN 4 diese Kästen, wenn du aber: "border-left: 1px solid; border-right: 1px solid ...." usw. schreibst, ist alle ok
(stand auch in "meinem" code oben so )

hab' dein Formular mal geändert - teste selbst: http://waelter.com/tp/idd.htm

habe auch noch Definitionen für die Länge der Felder für IE und NN eingebaut

[idd]

DANKE Rattenkönig!
Jezt funktioniert es wirklich.

[Boris]

Noch ein kleiner Nachtrag - man muss den Code nicht direkt in den Input-Tag schreiben, damit Netscape ihn benutzt (oder auch nicht). Man kann ich auch global definieren:

.eingabefeld { background-color: #ffffff; border-left: 1px solid #121266; border-right: 1px solid #121266; border-top: 1px solid #121266; border-bottom: 1px solid #121266; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}

Und benutzen dann so:

<INPUT class="eingabefeld" TYPE="text">

Netscape ignoriert nicht alle StyleSheet-Befehle für Formularfelder. Er kennt und interpretiert zum Beispiel Schriftformatierungen (Fettschrift, anderer Font, Fontgröße etc.)

[Thomas]

werd ich beim nächsten Formular testen!
Danke