[js] Farbwechsel bei Fromularen

Padawan

Erfahrenes Mitglied
dHallo Leute,

ich hatte folgenden HTML-Code erstellt, bei dem überprüft wird, ob eine Eingabe in Textfeldern getätigt wurde:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Titel der Seite</title>
</head>
<link type="text/css" rel="stylesheet" href="style.css" />
<body>
	<!-- Site -->
	<div id="outer">
	   <div id="navi">	<!-- Navigation -->
		  <h1>Navi</h1>
			 <table>
				<tr>
				   <td><a href="index.html">Home</a></td>
				</tr>
				<tr>
					<td><a href="kontakt.html">Kontakt</a></td>
				</tr>
			</table>
		</div>
		
		<div id="head">Header</div>
		
		<div id="mitte">				<!-- Inhalt und Info -->
			<div id="content">Content
			<!--
				Inhalt der Seite
			-->
			</div>
			<div id="marginal">Marginal</div><!-- Info -->
		</div>
		
		<div id="footer">Fussleiste</div>
			

	</div>
</body>
</html>

CSS:
/************* Standard Formates *******/
body {
 font-family:verdana, sans-serif, Arial, New Times Roman;
 background:moccasin;
 text-align:center;
}
table{
text-align:center;
}
/************* Outer *******/
div#outer {
 width: 960px;
 margin: 0 auto;
}

/************* Kopfbereich *******/
div#head {
 background:dimgray;
 height:120px;
}
/************* Navigation *******/
div#navi {
 background:silver;
 width:150px;
 height:600px;
 float:left;
 text-align:center;
}

div#navi a {
 display:block;
 margin-top:10px;
 margin-left:5px;
 margin-right:5px;
 background:darkgray;
 color:black;
 text-decoration:none;
 text-align:center;
}

div#navi a:hover {
 background:green;
 color:yellow;
 text-align:center;
}

/************* Content *******/
div#content {
 background:papayawhip;
 width:650px;
 height:400px;
 float:left;
}
/************* Marginal *******/
div#marginal {
 background-color:silver;
 width:160px;
 height:400px;
 float:right;
}
/************* Fußbereich *******/
div#footer {
 background:lightsteelblue;
 height:80px;
 clear:right;
}

form p{
margin: 2px;
}

Wie erreicht man, dass die Text"blöcke" in der Navigation mittig sind?

Grüße
Dogan
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück