nicht angemeldet
Hallo,
ich finde den Fehler einfach nicht
egal was ich eingebe die Tabelle bzw. die Felder ziehen sich stets auf 100% obwohl ich fixe Breiten angebe.
Ich benutze dabei die css-Vorlage von html-kickstart
mein Ausgabe-code sieht so aus
<!doctype html>
<html>
<head>
<meta name="author" content="SB_Company">
<meta name="editor" content="html-editor">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta charset="utf-8">
<title>test</title>
<link type="text/css" href="../css/bootstrap.min.css" />
<link type="text/css" href="../css/bootstrap-timepicker.min.css" />
<link rel="stylesheet" href="../css/html.css">
<link rel="stylesheet" href="../css/style1.css">
<link rel="stylesheet" href="../javascript/timepicker/timepicker.css">
<link rel="stylesheet" type="text/css" href="../css/tcal.css" />
<script type="text/javascript" src="../javascript/tcal.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="../js/kickstart.js"></script> <!-- KICKSTART -->
<link rel="stylesheet" href="../css/kickstart.css" media="all" /> <!-- KICKSTART -->
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000"><table class="striped"><h4 id="forms">Create defaults</h4><tr> <td width="50"></td><td colspan="8" width="500">test</td></tr><tr><td></td><td colspan="4" width="200" align="center"><strong>test</strong></td>
<td colspan="4" width="200" align="center"><strong>test</strong></td>
</tr><tr><td width="50"><h6>Week</h6></td>
<td colspan="2" width="100"><strong>test</strong></td>
<td colspan="2" width="100"><strong>test</strong></td>
<td colspan="2" width="100"><strong>test</strong></td>
<td colspan="2" width="100"><strong>test</strong></td>
</tr><tr> <td width="50"><strong>1</strong></td>
<td width="50"><strong><input id="text2" name="pvMin" type="text" placeholder="sample 0,7" style="width:60px"/></strong></td>
<td width="50"><strong><input id="text2" name="pvMax" type="text" placeholder="sample 0,8" style="width:60px"/></strong></td>
<td width="50"><strong><input id="text2" name="evMin" type="text" placeholder="sample 0,7" style="width:60px"/></strong></td>
<td width="50"><strong><input id="text2" name="evMax" type="text" placeholder="sample 0,8" style="width:60px"/></strong></td>
<td width="50"><strong><input id="text2" name="plMin" type="text" placeholder="no input" style="width:60px"/></strong></td>
<td width="50"><strong><input id="text2" name="plMax" type="text" placeholder="no input" style="width:60px" /></strong></td>
<td width="50"><strong><input id="text2" name="plMin" type="text" placeholder="no input" style="width:60px"/></strong></td>
<td width="50"><strong><input id="text2" name="ell" type="text" placeholder="no input" style="width:60px"/></strong></td>
</tr><tr><td colspan="3"><button type="submit" name="Create" value=Erstellen /></td>
<td colspan="6"></td></tr></table></form></body>
</html>
die css-datei bzw. was dort steht
sieht so aus
[code lang=css]table{width:100%;margin:0 0 10px 0;text-align:left;border-collapse: collapse;}
thead, tbody{margin:0;padding:0;}
th, td{padding:7px 10px;font-size:0.9em;border-bottom:1px dotted #ddd;text-align:left;}
thead th{font-size:0.9em;padding:3px 10px;border-bottom:1px solid #ddd;}
tbody tr.last th,
tbody tr.last td{border-bottom:0;}
/* striped */
table.striped{}
table.striped tr.alt{background:#f5f5f5;}
table.striped thead th{background:#fff;}
table.striped tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5;}
table.striped tbody tr.alt th{background:#efefef;}[/code
]
vielleicht sieht hier jemand den Fehler...
Grüße Jürgen
Matthias Apsel
MudGuard
Gunnar Bittersmann
Camping_RIDER