Formular Fehler + IE / FF Validierung

Voter

Guten Tag,

ich arbeite gerade an der Webseite:

Wie man etwas weiter unten auf der Webseite sieht, sind die Rahmen um die Eingabefelder weiß, der Hintergrund ist weiß und die Felder sind weiß.
Sprich man erkennt auf Anhieb nicht, dass dies Eingabefelder sind.
Genau dies möchte ich ändern, man soll erkennen das dies ein Formular ist. Aber... wie?

Schaut man sich die Webseite im FireFox und einmal im IE an, erkennt man schnell kleine Unterschiede, besonders im Formular.

Ich kenne mich, leider, genau mit diesem Thema nicht aus. Für jede Hilfe und jeden Vorschlag bin ich dankbar.

Gruß

Thonixx

Code

<input size="30" name="Name" style="border: 1px none ;" value="" type="text">

Das da ist im Quelltext. Kein Wunder ist der Rand nicht sichtbar. Du muss das border: 1px none nach border: 1px solid umbenennen.

Also im Endeffekt so:

Code

<input size="30" name="Name" style="border: 1px solid ;" value="" type="text">

Voter

Und du bist dir sicher, dass du auf meiner Webseite bist?

In meinem Quellcode habe ich diese Zeile nirgends gefunden und wenn ich nach "none" suche finde ich nur eine andere Zeile.

Hast du dir auch die Startseite und den richtigen Quelltext angeschaut?

Thonixx

Ich habs ja in deinem Quelltext gefunden!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Voter

schaust du ihn dir in mit dem FF oder dem IE an?

Wie gesagt, die stelle mit dem ausschlaggebendem "none" gibt es in meinem Quelltext nicht.

Kann vielleicht jemand anders nachschauen ob es an mir oder an ihm liegt?

Voter

okay,

auch wenn die Zeile nicht exakt so vorhanden war, habe ich einfach das Attribut: solid hinzugefügt.

Nun funktioniert es mit dem Rahmen, dieser sieht aber zu schrecklich aus.
Jetzt ist Kreativität gefragt, was empfehlt ihr mir damit das Formular ein wenig mehr User freundlich / schöner ausschaut?

Bandit

Es ist sowieso ein kleines wunder, dass die seite richtig angezeigt wird, Klick mich

Voter

okay, du hast recht, ich werde erst einmal daran arbeiten....

danke.

Thonixx

Zitat von Voter

schaust du ihn dir in mit dem FF oder dem IE an?

Wie gesagt, die stelle mit dem ausschlaggebendem "none" gibt es in meinem Quelltext nicht.

Kann vielleicht jemand anders nachschauen ob es an mir oder an ihm liegt?

Mom hier war das:

[Blockierte Grafik: http://uploads.screenshot-program.com/upl3075390847.png]

Und dass die Felder jetzt scheisse aussehen, liegt daran, dass kein Abstand zwischen den Feldern untereinander ist... Musst, wenn du Tabellen benutzt, die Zellen ein wenig höher machen!

synaptic

außerdem is es eh völlig banane wenn du alles mit element-styles machst und die auch noch in jedes element reinschreibst...
mach nen style im ausgelagerten stylesheet und gut is..
und da dann ganze ienfach border: 1px solid (oder ridge oder inset, outset.. oder oder oder) #FF0000 (das is ROT)

klar nimmste am besten ne andere farbe.. war nur zur verdeutlichung.
abgesehen von den rändern, die ein texteingabefeld ja eh schon hat...
würd ich mal ne andere backgroundfarbe probieren .. einmal für den inputkram selber und einmal für das label zum entsprechenden input..

Thonixx

Tu das in den Header:

Code

<link rel="stylesheet" type="tex/css" href="main.css">

Dann erstell im gleichen Verzeichnis, wie die HTML-Datei folgende Datei:

main.css mit dem Inhalt:

Code

input { border: 1px solid black; background-color: #999999; width: 50px; }

Dann löschst du folgende Passage im Quelltext:

Code

<input size="5" type="text" style="************" value="" name="name">

nach so:

Code

<input value="" name="name">

Tags