M
Maik
Du musst lediglich den von mir gezeigten CSS-Code in deinem Stylesheet css.css einfügen, und fertig ist die Laube, denn der zweite Regelblock div.boks td {...} gilt für alle 4 Tabellenzellen.
Folge dem Video um zu sehen, wie unsere Website als Web-App auf dem Startbildschirm installiert werden kann.
Anmerkung: Diese Funktion ist in einigen Browsern möglicherweise nicht verfügbar.
div.boks table {
width:1000px;
background-image: url("leiste.JPG");
}
div.boks td {
height:30px;
text-align:center;
vertical-align:middle;
}
div.boks table {
width:1000px;
background-image: url("leiste.JPG");
}
div.boks td {
height:30px;
padding-left: 10px;
vertical-align:middle;
}
<td id="tdid_1"> ... </td>
<td id="tdid_2"> ... </td>
<td id="tdid_3"> ... </td>
<td id="tdid_4"> ... </td>
#tdid_1 { /* CSS-Formatierung */ }
#tdid_2 { /* CSS-Formatierung */ }
#tdid_3 { /* CSS-Formatierung */ }
#tdid_4 { /* CSS-Formatierung */ }
div.boks table {
height:30px;
width:1000px;
background-image: url("leiste.JPG");
}
#tdid_1 { padding-left: 10px;vertical-align:middle; }
#tdid_2 { padding-left: 100px;vertical-align:middle; }
#tdid_3 { padding-left: 200px; vertical-align:middle;}
#tdid_4 { padding-left: 300px;vertical-align:middle; }
<body>
<div class="boks">
<form action="seite2.php" method="post">
<table>
<tr>
<td id="tdid_1">Deutschland Größte Linktausch Börse</span></td>
<td id="tdid_2">
<input type="text" name="suchtext" style="width:100px; color:#999999;" value="Username" id="input1"
onclick="ClickIntoForm('input1', 'Username');" />
</td>
<td id="tdid_3">
<input type="text" name="uploader" style="width:100px; color:#999999;" value="Passwort" id="input2"
onclick="ClickIntoForm('input2', 'Passwort');" />
</td>
<td id="tdid_4">
<input type="Submit" value="Login">
</td>
</tr>
</table>
</div>
</body>
#tdid_1 { padding-left:50px;vertical-align:middle; }
#tdid_2 { padding-left:50px;vertical-align:middle; }
#tdid_3 { padding-left:50px;vertical-align:middle; }
#tdid_4 { padding-left:50px;vertical-align:middle; }