SpecialFighter
Neues Mitglied
Hallo alle zusammen :)
ich habe im mom folgende html datei:
mein problem ist das es sich je nach auflösung von den position verändert und dann nicht mehr schön aussieht.
sprich der bereich "Daten eintragen, ändern und ausgeben" so wie das dropdown bbk mit kalenderwoch sollen so am border sein das sie aussehen wie reiterkarten.
schon mal vielen dank.
P.S. habe nicht viel ahnung von HTML
ich habe im mom folgende html datei:
HTML:
<div style="position:absolute; z-index:2; font-size:26px; color:#06F; font-weight:bold; font-style:italic; top:6%; left:7%">
Daten eintragen</div>
<div style="position:absolute; z-index:1; left:6%"><img align="middle" src="titel_eintragen.png" width="509" height="78" /></div>
<div style="position:absolute; border:dotted #999 1px; padding: 5%; left:7%; top:22%;">
<form action="int_eintragen.php" method="post">
<!-- ÜBERSCHRIFTEN -->
<table width="780" cellspacing="4">
<tr align="center">
<td width="70"></td>
<td width="120" style="color:#666; font-size:14px; font-weight:bold;">Bemerkung I</td>
<td width="120" style="color:#666; font-size:14px; font-weight:bold;">Bemerkung II</td>
<td width="120" style="color:#666; font-size:14px; font-weight:bold;">Bemerkung III</td>
<td width="114" style="color:#666; font-size:14px; font-weight:bold;">Bemerkung IV</td>
</tr>
<!-- MONTAG -->
<tr>
<td align="right" style="color:#666; font-size:14px; font-weight:bold;">Montag</td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num1_1" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data1_1" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num1_2" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data1_2" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num1_3" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data1_3" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num1_4" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data1_4" size="11" maxlength="100" /></td>
</tr>
<!-- DIENSTAG -->
<tr>
<td align="right" style="color:#666; font-size:14px; font-weight:bold;">Dienstag</td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num2_1" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data2_1" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num2_2" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data2_2" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num2_3" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data2_3" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num2_4" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data2_4" size="11" maxlength="100" /></td>
</tr>
<!-- MITTWOCH -->
<tr>
<td align="right" style="color:#666; font-size:14px; font-weight:bold;">Mittwoch</td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num3_1" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data3_1" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num3_2" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data3_2" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num3_3" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data3_3" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num3_4" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data3_4" size="11" maxlength="100" /></td>
</tr>
<!-- DONNERSTAG -->
<tr>
<td align="right" style="color:#666; font-size:14px; font-weight:bold;">Donnerstag</td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num4_1" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data4_1" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num4_2" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data4_2" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num4_3" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data4_3" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num4_4" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data4_4" size="11" maxlength="100" /></td>
</tr>
<!-- FREITAG -->
<tr>
<td align="right" style="color:#666; font-size:14px; font-weight:bold;">Freitag</td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num5_1" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data5_1" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num5_2" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data5_2" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num5_3" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data5_3" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num5_4" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data5_4" size="11" maxlength="100" /></td>
</tr>
<!-- SAMSTAG -->
<tr>
<td align="right" style="color:#666; font-size:14px; font-weight:bold;">Samstag</td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num6_1" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data6_1" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num6_2" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data6_2" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num6_3" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data6_3" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num6_4" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data6_4" size="11" maxlength="100" /></td>
</tr>
</table>
<!-- ABTEILUNG & KALENDERWOCHE -->
<div style="position:absolute; top:-7.5%; left:75%">
<select style="color:#666; font-size:14px; text-align:center" name="abteilung" size="1">
<option>bbk</option>
<option>Abteilung 2</option>
<option>Abteilung 3</option>
<option>Abteilung 4</option>
<option>Abteilung 5</option>
</select>
<input style="color:#666; font-size:14px; text-align:center" type="text" name="kw" size="13" maxlength="10"
value="Kalenderwoche" onclick="if(this.value && this.value==this.defaultValue)this.value=''" />
</div>
<!-- BUTTONS -->
<a href="int_eintragen.php" style="text-decoration:none;"><div style="position:absolute; top:-8%; left:0%; background-image:url(tab.png); width:109px; height:23px; z-index:5; color:#666; font-size:14px; text-align:center; padding-top:0.3%;">Daten eintragen</div></a>
<a href="int_aendern.php" style="text-decoration:none;"><div style="position:absolute; top:-8%; left:13%; background-image:url(tab.png); width:109px; height:23px; z-index:5; color:#666; font-size:14px; text-align:center; padding-top:0.3%;">Daten ändern</div></a>
<a href="int_ausgeben.php" style="text-decoration:none;"><div style="position:absolute; top:-8%; left:26%; background-image:url(tab.png); width:109px; height:23px; z-index:5; color:#666; font-size:14px; text-align:center; padding-top:0.3%;">Daten ausgeben</div></a>
<div style="position:absolute; left: 85%; top: 96%;"><input type="submit" value="Eintragen" /></div>
</form>
</div>mein problem ist das es sich je nach auflösung von den position verändert und dann nicht mehr schön aussieht.
sprich der bereich "Daten eintragen, ändern und ausgeben" so wie das dropdown bbk mit kalenderwoch sollen so am border sein das sie aussehen wie reiterkarten.
schon mal vielen dank.
P.S. habe nicht viel ahnung von HTML
