*Anja
Ich beschäftige mich seit heute erst etwas näher mit CSS. Jetzt möchte ich eine Tabelle erstellen und hab mich auf SELFHTML etwas eingelesen. MIT PhotoFiltre hab ich davor meine Wunschtabelle erstellt (also nur grafisch) und hab versucht, sie so hinzubekommen.
Gestrichelter Rahmen, okay. Der Abstand jeweils zum Rand auch.
Aber jetzt wollte ich eine Listenaufführung machen mit <li>...</li> und der Text bleibt nicht in der Tabelle, er rutscht drunter (bei p2).
Die Liste soll aber so drin bleiben, wie bei p1. (unten den Link zur Seite)
Und noch eine Frage, wie bekomme ich die Aufteilung so hin, wie ich es mir gedacht habe? Also 2 Einteilungen jeweils über- und nebeneinander?
So sehen meine Versuche gerade aus:
http://anjafieberg.bplaced.de/Textseiten/Angebot.html
Den Seitenquelltext kann man ja einlesen.
E: Oder muss ich die Tabelle so gestalten, wie es das Beispiel auf der Seite ganz oben ist?
Remember
Also auf jeden Fall würde ich es schonmal so machen, dass die immer neben- und untereinander sind. Und zwar in etwa so:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
|
<table border="0" style="border-collapse:collapse" width=100%>
<tr>
<td colspan="3">Spezialeinstellung (collapse)</td>
</tr>
<tr>
<td style="border:2px dashed #A27387" width=50%>Haus</td>
<td style="border:2px dashed #A27387" width=50%>Auto</td>
</tr>
<tr>
<td style="border:2px dashed #A27387" width=50%>p1 gedöns</td>
<td style="border:2px dashed #A27387" width=50%>p2 zeugs</td>
</tr>
</table>
|
|
So müsste es auf jeden Fall schonmal so in etwa so sein, wie dus magst, oder?
*Anja
| Zitat: |
Original von fabbily
Vor der Liste muss ein <ul> hin und danach ein </ul> 
|
Hat auch nicht geklappt
Cousquer: Jaaa! Danke
Habs auch schon, wie ich die Linien ganz außen wegbekomm
E: okay, vielleicht doch nicht so ganz.
Remember
Füg das mal bitte zu dem Style (also css)zeug hinzu:
.borderlinks {
border-left-color: #A27387;
border-left-style: dashed;
}
.borderunten {
border-bottom-color: #A27387;
border-bottom-style: dashed;
}
und dann änder das noch in:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
|
<table border="0" style="border-collapse:collapse" width=100%>
<tr>
<td colspan="3">Spezialeinstellung (collapse)</td>
</tr>
<tr>
<td class="borderunten" width=50%>Haus</td>
<td class="borderunten", "borderlinks" width=50% >Auto</td>
</tr>
<tr>
<td width=50%>p1 gedöns</td>
<td class="borderlinks" width=50%>p2 zeugs</td>
</tr>
</table>
|
|
Vielleicht geht das dann mit dem gestrichelten Rand
Bin mir aber nich ganz sicher
Remember
Ähm ... im Quelltext steht jetzt ja was ganz anderes?
| code: |
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:
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Fotografin</title>
<style type="text/css">
.borderlinks {
border-left-color: #A27387;
border-left-style: dashed;
}
.borderunten {
border-bottom-color: #A27387;
border-bottom-style: dashed;
}
</style>
</head>
<body bgcolor="#646464">
<font size=2><font face="arial"<p align= "right"><font color=#FFFFFF>A N G E B O T</align>
<hr noshade width="632" color="#99B93C" size="3" align="left">
<p align="left">Hier beginnt etwas Neues.</color></font></size></align>
<br>
<table border="0" style="border-collapse:collapse"><tr>
<th colspan="3">Spezialeinstellung (collapse)</th>
</tr><tr>
<td style="border:2px dashed #A27387">Haus</td>
<td style="border:2px dashed #A27387">Auto</td>
</tr></table>
<table border="0" style="border-collapse:collapse" width=100%>
<tr>
<td colspan="3">Spezialeinstellung (collapse)</td>
</tr>
<tr>
<td class="borderunten" width=50%>Haus</td>
<td class="borderunten", "borderlinks" width=50% >Auto</td>
</tr>
<tr>
<td width=50%>p1 gedöns</td>
<td class="borderlinks" width=50%>p2 zeugs</td>
</tr>
</table>
</div>
</body>
</html> |
|
hast dus so probiert?
*Anja
Davor hab ich so probiert. Dann wollte ich noch mal schauen, ob ich nicht auch mit Außenlinien leben kann. Aber ich will es ohne Außenlinien
Dann hab ich es wieder in deinen Codevorschlag geändert.
