Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [CSS] /[HTML] Tabelle? » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Zum Ende der Seite springen /[HTML] Tabelle?
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
*Anja
Mitglied


Dabei seit: 13.04.2008
Beiträge: 2.157
/[HTML] Tabelle? Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
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?

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von *Anja: 08.08.2010 18:53.
08.08.2010 18:51 *Anja ist offline E-Mail an *Anja senden Beiträge von *Anja suchen Nehmen Sie *Anja in Ihre Freundesliste auf Fügen Sie *Anja in Ihre Kontaktliste ein
callous. callous. ist weiblich
mag Kekse :]


Dabei seit: 03.03.2009
Beiträge: 2.253
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Vor der Liste muss ein <ul> hin und danach ein </ul> Augenzwinkern

__________________
08.08.2010 18:59 callous. ist offline Homepage von callous. Beiträge von callous. suchen Nehmen Sie callous. in Ihre Freundesliste auf
Remember Remember ist weiblich
ehemals Cousquer


images/avatars/avatar-52037.png

Dabei seit: 01.04.2010
Beiträge: 630
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
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? smile

__________________
08.08.2010 19:02 Remember ist offline E-Mail an Remember senden Beiträge von Remember suchen Nehmen Sie Remember in Ihre Freundesliste auf Fügen Sie Remember in Ihre Kontaktliste ein
*Anja
Mitglied


Dabei seit: 13.04.2008
Beiträge: 2.157

Themenstarter Thema begonnen von *Anja
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Zitat:
Original von fabbily
Vor der Liste muss ein <ul> hin und danach ein </ul> Augenzwinkern

Hat auch nicht geklappt Augenzwinkern

Cousquer: Jaaa! Danke großes Grinsen
Habs auch schon, wie ich die Linien ganz außen wegbekomm smile
E: okay, vielleicht doch nicht so ganz.

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von *Anja: 08.08.2010 19:11.
08.08.2010 19:07 *Anja ist offline E-Mail an *Anja senden Beiträge von *Anja suchen Nehmen Sie *Anja in Ihre Freundesliste auf Fügen Sie *Anja in Ihre Kontaktliste ein
Remember Remember ist weiblich
ehemals Cousquer


images/avatars/avatar-52037.png

Dabei seit: 01.04.2010
Beiträge: 630
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
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 Augenzwinkern
Bin mir aber nich ganz sicher großes Grinsen

__________________
08.08.2010 19:30 Remember ist offline E-Mail an Remember senden Beiträge von Remember suchen Nehmen Sie Remember in Ihre Freundesliste auf Fügen Sie Remember in Ihre Kontaktliste ein
*Anja
Mitglied


Dabei seit: 13.04.2008
Beiträge: 2.157

Themenstarter Thema begonnen von *Anja
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Hm, nein unglücklich
http://anjafieberg.bplaced.de/Textseiten/Angebot.html
08.08.2010 20:17 *Anja ist offline E-Mail an *Anja senden Beiträge von *Anja suchen Nehmen Sie *Anja in Ihre Freundesliste auf Fügen Sie *Anja in Ihre Kontaktliste ein
Remember Remember ist weiblich
ehemals Cousquer


images/avatars/avatar-52037.png

Dabei seit: 01.04.2010
Beiträge: 630
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Ähm ... im Quelltext steht jetzt ja was ganz anderes? großes Grinsen

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? smile

__________________
08.08.2010 20:22 Remember ist offline E-Mail an Remember senden Beiträge von Remember suchen Nehmen Sie Remember in Ihre Freundesliste auf Fügen Sie Remember in Ihre Kontaktliste ein
*Anja
Mitglied


Dabei seit: 13.04.2008
Beiträge: 2.157

Themenstarter Thema begonnen von *Anja
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
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 großes Grinsen
Dann hab ich es wieder in deinen Codevorschlag geändert.
08.08.2010 20:50 *Anja ist offline E-Mail an *Anja senden Beiträge von *Anja suchen Nehmen Sie *Anja in Ihre Freundesliste auf Fügen Sie *Anja in Ihre Kontaktliste ein
Remember Remember ist weiblich
ehemals Cousquer


images/avatars/avatar-52037.png

Dabei seit: 01.04.2010
Beiträge: 630
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
großes Grinsen

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:

<!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>


So vielleicht?

__________________
08.08.2010 20:54 Remember ist offline E-Mail an Remember senden Beiträge von Remember suchen Nehmen Sie Remember in Ihre Freundesliste auf Fügen Sie Remember in Ihre Kontaktliste ein
Baumstruktur | Brettstruktur
Gehe zu:
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [CSS] /[HTML] Tabelle?

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH