Hallo, ihr lieben CSS-Freunde! Ich habe mal wieder ein Problem:
Ich habe eine 2 Tabellendatenzellen <td> wo Dinge drinstehen, die immer eine unterschiedliche Länge haben.
Auf die Länge der Zellen brauche ich ja nicht zu achten, trotzdem habe ich jetzt ein Problem. Ich will, dass die Melden und Bearbeiten-Buttons am unteren Tabellenrand, wie im zweiten Bild, angezeigt werden.
Vielleicht bin ich jetzt auch nur verpeilt, aber weiss jemand wie das geht?
[attach]33[/attach][attach]34[/attach]
Den Code poste ich als Spoiler:
Quellcode
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Problemseite</title>
<link rel="stylesheet" href="board.css" type="text/css"/>
</head>
<body>
<table class="threadbox"><tr>
<td class="threadside"><a href="?page=Profile&user=1">Christian</a><hr/>
<img src="http://localhost/webdav/Querbeet/Forum/user/avatar/Christian.jpg" alt="Profilbild von Christian">
<hr/>9 Beiträge<br/></td>
<td class="threadcontent"><div style="height: 16px;" >20. Mai 2010 18:21:33 Uhr</div>
<hr/>Die Regeln dieses Spiels sind ganz einfach:
Wer hier als erstes am Tag etwas reinschreibt, hat gewonnen!
<hr/>
<p>Ich bin der Cheffe hier!!!!!!!!!!!</p><hr/>
<div class="actionList"><a class="button" href="?page=Board&editPost=2">Bearbeiten</a>
<a class="button" href="javascript
Quellcode
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Problemseite</title>
<link rel="stylesheet" href="board.css" type="text/css"/>
</head>
<body>
<table class="threadbox"><tr>
<td class="threadside"><a href="?page=Profile&user=1">Christian</a><hr/>
<img src="http://localhost/webdav/Querbeet/Forum/user/avatar/Christian.jpg" alt="Profilbild von Christian">
<hr/>9 Beiträge<br/></td>
<td class="threadcontent"><div style="height: 16px;" >20. Mai 2010 18:21:33 Uhr</div>
<hr/>Die Regeln dieses Spiels sind ganz einfach:
Wer hier als erstes am Tag etwas reinschreibt, hat gewonnen!
<hr/>
<p>Ich bin der Cheffe hier!!!!!!!!!!!</p><hr/>
<div class="actionList"><a class="button" href="?page=Board&editPost=2">Bearbeiten</a>
<a class="button" href="javascript
Quellcode
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
.boardbox {
border-style: solid;
border-color: #000000;
border-width: 1px;
background-color: #fffc00;
color: #000000;
padding-bottom: 5px;
width: 100%;
border-collapse: collapse;
margin-top: 5px;
}
.boardbox td,.boardbox th {
border-width: 1px;
border-color: #000000;
border-style: solid;
empty-cells: show;
font-weight: normal;
}
.threadside {
width: 20%;
vertical-align: top;
border-right-style: solid;
border-right-width: 1px;
text-align: center;
padding: 5px;
border-top-width: 1px;
border-top-style: solid;
}
.threadcontent {
text-align: left;
vertical-align: top;
background-color: #ffffff;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-top-width: 1px;
border-top-style: solid;
}
.threadbox {
border-style: solid;
border-color: #000000;
border-width: 1px;
background-color: #fffea6;
color: #000000;
padding-left: 3px;
border-style: solid;
width: 100%;
margin-top: 10px;
border-collapse: collapse;
}
a img {
border-width: 0px;
}
.actionList, .actionList * {
text-align: right;
}
Quellcode
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
.boardbox {
border-style: solid;
border-color: #000000;
border-width: 1px;
background-color: #fffc00;
color: #000000;
padding-bottom: 5px;
width: 100%;
border-collapse: collapse;
margin-top: 5px;
}
.boardbox td,.boardbox th {
border-width: 1px;
border-color: #000000;
border-style: solid;
empty-cells: show;
font-weight: normal;
}
.threadside {
width: 20%;
vertical-align: top;
border-right-style: solid;
border-right-width: 1px;
text-align: center;
padding: 5px;
border-top-width: 1px;
border-top-style: solid;
}
.threadcontent {
text-align: left;
vertical-align: top;
background-color: #ffffff;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-top-width: 1px;
border-top-style: solid;
}
.threadbox {
border-style: solid;
border-color: #000000;
border-width: 1px;
background-color: #fffea6;
color: #000000;
padding-left: 3px;
border-style: solid;
width: 100%;
margin-top: 10px;
border-collapse: collapse;
}
a img {
border-width: 0px;
}
.actionList, .actionList * {
text-align: right;
}
Coding »
Problem HTML Hilfe
(20.12.2009, 11:48)