nicht angemeldet
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>