nicht angemeldet
Input Felder Farbig machen
Hi..
Wie kriege ich es hin die Formular Felder Farbig zu gestalten..??
Beispiel: Inputefelder und Textfeld für Formulare..
Danke
MFG Chris
-
Hallo Chris,
CSS ist eigentlich immer gleich aufgebaut und anzuwenden. Hintergrundformatierung ist wie folgt:http://selfhtml.teamone.de/navigation/css.htm#hintergrund
Oder wo gibt's da Probleme dabei?
Grüße aus Würzburg
Julian-
Hallo Chris,
CSS ist eigentlich immer gleich aufgebaut und anzuwenden. Hintergrundformatierung ist wie folgt:http://selfhtml.teamone.de/navigation/css.htm#hintergrund
Oder wo gibt's da Probleme dabei?
Mmmh,
Probleme gibts wie meistens mit Netscape...
Ich habe Dir auch noch mal was zum Spielen drangehängt.
<html>
<head>
<title>Tabellen-Spiele</title><script language="JavaScript" type="text/javascript">
<!--
function wxlBgCol(id,farbe)
{
if (document.all)
document.all[id].style.backgroundColor=farbe;
else
if (document.getElementById)
document.getElementById(id).style.backgroundColor=farbe;
else
if (document.layers)
document.layers[id].bgColor=farbe;
}function getText(id)
{
if (document.all)
{
alert(document.all[id].innerText);
if (document.all[id].innerText=='ganz neuer Text')
document.all[id].innerText='noch ein anderer Text';
else
document.all[id].innerText='ganz neuer Text';
}
else
if (document.getElementById)
alert(document.getElementById(id).innerText);
else
if (document.layers)
alert(document.layers[id].innerText);
}
//-->
</script></head>
<body>
<table border="1">
<tr>
<td id="Zelle1" style="position:relative" bgcolor="white">
Text der ersten Zelle
</td>
<td id="Zelle2" style="position:relative">
Text der zweiten Zelle
</td>
</tr><tr>
<td id="Zelle3" style="position:relative">
Text der dritten Zelle
</td>
<td id="Zelle4" style="position:relative">
Text der vierten Zelle
</td>
</tr>
</table><form action="" name="Daten" ID="Daten">
<input type="text" name="Feld1" ID="Feld1" style="position:relative;background-color:#FF7777"><br>
<input type="text" name="Feld2" ID="Feld2" style="position:relative"><br>
<input type="text" name="Feld3" ID="Feld3" style="position:relative"><br>
<input type="text" name="Feld4" ID="Feld4" style="position:relative"><br><input type="button" value="Zelle 1" onClick="getText('Zelle1')">
<input type="button" value="Zelle 2" onClick="getText('Zelle2')">
<input type="button" value="Zelle 3" onClick="getText('Zelle3')">
<input type="button" value="Zelle 4" onClick="getText('Zelle4')">
<br>
<input type="button" value="Farbe 1" onClick="wxlBgCol('Zelle1','#FF0000')">
<input type="button" value="Farbe 2" onClick="wxlBgCol('Zelle1','#00FF00')">
<input type="button" value="Farbe 3" onClick="wxlBgCol('Zelle1','#0000FF')">
<input type="button" value="Farbe 4" onClick="wxlBgCol('Zelle1','#777777')">
<br>
<input type="button" value="Feld 1" onClick="wxlBgCol('Feld1','#FF0000')">
<input type="button" value="Feld 2" onClick="wxlBgCol('Feld1','#00FF00')">
<input type="button" value="Feld 3" onClick="wxlBgCol('Feld1','#0000FF')">
<input type="button" value="Feld 4" onClick="wxlBgCol('Feld1','#777777')"></form>
</body>
</html> -
Hallo Julian,
es gibt Probleme dabei. Vielleicht kannst DU die aber beseitigen??
Ich übe daran nun auch schon mehrere Tage.CSS ist eigentlich immer gleich aufgebaut und anzuwenden. Hintergrundformatierung ist wie folgt:http://selfhtml.teamone.de/navigation/css.htm#hintergrund
Oder wo gibt's da Probleme dabei?
Bei Netscape klappt da bisher nicht mit den farbigen Eingabefeldern (Text und Textarea)
Gruß
Tom
-
Hallo Tom,
Bei Netscape klappt da bisher nicht mit den farbigen Eingabefeldern (Text und Textarea)
Supper, die Aussage. "Bei Netscape...". Wie sicherlich bekannt Netscape!=Netscape. Von welcher Version reden wir denn? 4er (ist für manche hier ja auch noch interessant) oder vom 6er/7er/Mozilla?
Grüße aus Würzburg
Julian-
Bei Netscape klappt da bisher nicht mit den farbigen Eingabefeldern (Text und Textarea)
Supper, die Aussage. "Bei Netscape...". Wie sicherlich bekannt Netscape!=Netscape. Von welcher Version reden wir denn? 4er (ist für manche hier ja auch noch interessant) oder vom 6er/7er/Mozilla?
Hallo Julian aus Würzburg,
da hast Du natürlich den Nerv getroffen... Ich habe hier noch die 4er Serie, so wie sie immer noch auf den T-Online-CDs und den meisten Banken bei der Online-Software dabei ist. Das ist Version 4.73. Was ist denn auf den AOL-Bescheiß-CDs inzwischen drauf?
Ich muss da praktisch denken, denn die Webauftritte und Datanbanken etc werden ja nicht für Freak gemacht, sondern für die ganz normalen Kunden ganz normaler Firmen. Und da haben gut 70% nicht immer das Neueste.
Deshalb suche ich immer nach Lösungen, die möglichst für alle Browser noch akzeptabel sind.
Gruß
Tom
-
Hallo Tom,
[4er] wie sie immer noch auf den T-Online-CDs und den meisten Banken bei der Online-Software dabei ist.
*schock* Naja, das erklärt dann vielleicht doch den 5-10% Anteil dieses mehrere Jahre alten Browsers.
Ich muss da praktisch denken, ...
Die Diskussion um Netscape 4 kommt häufiger im Forum. Ich bin der Meinung, wer mit einen so alten Browser unterwegs ist, der das nicht erwarten, dass alle aktuellen Vorzüge an Design und Technik auch bei ihm funktionieren und ist selber Schuld. Netscape 6 ist keine Neuheit und bereits über ein Jahr draußen.
Aber zum eigentlichen Problem zurück:
Die Lösung ist ganz einfach: Netscape 4 unterstützt die Formatierung von Formularfeldern per CSS nicht. Keine Chance.Grüße aus Würzburg.
Julian
-
-
-
-
Hi,,
Danke Danke...
Hät ich eigendlich auch von selber drauf kommen können..
MFG Chris
-