Frage zu: Abstände und Linkanordnung

[Teepflanze]

Howdy Ho!
Ich hätte da mal zwei fragen, zum einem:
Wie müsste der Code aussehen damit zwischem der Feldüberschrifft und der Beldbeschreibung eine (weiße) Lücke ensteht?
Ich hatte es irgendwo schonmal gesehen aber es mir nicht näher angeschaut :/

die zweite frage ist:
Ist es möglich bei einem Feld das mehrere Links hat die Links so anzuordnen das sie anstat untereinander nurnoch nebeneinander stehen?
Evt. auch auszutauschen gegen Bilder ähnlich wie bei dem K-Style menü? Falls ja wie?

[Slippy]

Was meinst du mit Lücke? Das es die zwei Tabellenreihen der Überschrift und Feldbeschreibung beliebig lange auseinanderzieht? Das geht direkt nicht da eine Tabelle komplett sein muss und keine Lücken hat. Du kannst allerdings optische Effekte einfügen z.B. ein Bild von einer weißen Linie über der Beschreibung oder unter der Feldüberschrift und dann beliebig den Textinhalt nach unten ziehen, geht ganz schnell mit text-valign:bottom. Zweitere Frage wird sich nicht zufriedenstellend lösen. Beispiel:

Code: Alles auswählen

Du stehst vor einem großen Postgebäude. Hier kannst du Briefe für alle Personen aufgeben, auch Personen, die gerade offline sind. Die Person erhält den Brief schnellstmöglich von einem Postvogel übermittelt. Dies ist ein Ort des Friedens, Angriffe sind hier unmöglich.

Einen Brief schreiben - Kosten: 3 Goldmünzen

Eine kleine Holztreppe führt in den Keller der Post.
Die Treppe nach unten laufen.

Soll werden zu:

Code: Alles auswählen

Du stehst vor einem großen Postgebäude. Hier kannst du Briefe für alle Personen aufgeben, auch Personen, die gerade offline sind. Die Person erhält den Brief schnellstmöglich von einem Postvogel übermittelt. Dies ist ein Ort des Friedens, Angriffe sind hier unmöglich.

Eine kleine Holztreppe führt in den Keller der Post.

Einen Brief schreiben - Kosten: 3 Goldmünzen/Die Treppe nach unten laufen.

Also, dass alle Links im Text z.B. ganz nach unten kommen und mit z.b. / getrennt sind. Vllt. merkst du jetzt schon, dass das ein rießiges Chaos wird xD An der Maha z.B.

Wenn du ersteres mit dem Tipp nicht selbst schaffst meld dich nochmal, dann kann ich es auch machen.

[Slippy]

Achja und die Links gegen Bilder auszutauschen geht natürlich genauso wie im K-Style im Menü:

Code: Alles auswählen

.areadescription a[href*="passender_Linkabschnitt"] { width: XYpx; height: XYpx; background: url(BildURL) no-repeat 1px 2px;}
.areadescription a[href*="passender_Linkabschnitt"]:hover:after { content: "passender_Linkname"; top: 45px; left: 71px; }

Mal grob skizziert, ist natürlich den speziellen Wünschen anzupassen. Im Prinzip wird einfach der Link auf ein Background-Bild gelegt.
Zweiteres ist nur für den mouseover-Effekt, optional.

Hab das mal eben direkt aus dem K-Style Menü ausgeschnitten, da du das auch referenziert hattest. =)

[Cembon]

Versuch das mal:

Code: Alles auswählen

table.areadescription {
	border-spacing: 5px;
}

bzw:

Code: Alles auswählen

td.mainheader {
	margin-bottom: 5px;
}

kannste beides mal versuchen, weiß nicht obs funzt^^

EDIT: Falls es funzt, evtl nicht in allen Browsern (IE könnte ja mal wieder Probleme haben^^)

[Slippy]

margin geht in tabellen, seit wann das denn? Die spacing variante sollte gehen

[bwoebi]

seit wann geht margin nicht in tabellen?!

[Cembon]

Wolltest du dich darum nicht kümmern jetzt?

Je nach dem..auf tr-elenemte ziemlich sicher nicht, auf td weiß ich nicht
naja..und bei der anderen variante gibts halt das problem mit dem IE glaub ich

[Slippy]

Internal table elements do not have margins.

http://www.w3.org/TR/CSS2/tables.html#table-layout

[bwoebi]

oh, das ist aber nur solange man das display: table-cell beibehält…