Text Position

barca · #1 (**permalink**) 24.03.2006, 15:52

Hallo!
ich wollte ein Absatz in eine Art Tabelle schreiben.

Datum Text
21.21.06 vxcvxcvxcv
22.21.06 vxcvxcvxcv
23.21.06 vxcvxcvxcv
24.21.06 vxcvxcvxcv

Das Problem ist,wenn eine lange Text ist,dann kommt unter dem Datum.

25.01.06 dsfsdfsdfsdfsdf
sdfsdfsdfsdfsfs
und das sollte nicht sein.Wie kann man das Problem beheben?

derHund · #2 (**permalink**) 24.03.2006, 17:11

das sollte mit einer definitionsliste funktionieren. das datum floaten lassen, den text mit margin-left positionieren.

barca · #3 (**permalink**) 25.03.2006, 15:13

das klappt nicht...ich habs so ungefähr gemacht:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
</style>
</head>



<div style="float:left">Fr.24.02.06</div>    <span style="margin-left:2cm";>München und iadasdasdasdasdasdasdasdasdhjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj</span></p>

<body>

</body>
</html>

derHund · #4 (**permalink**) 25.03.2006, 15:53

Code:

<dl id="that_dl">
  <dt>Datum</dt>
  <dd>
    Text Text Text Text Text Text
  </dd>
  <dt>Datum</dt>
  <dd>
    Text Text Text Text Text Text Text Text Text Text Text Text
    Text Text Text Text Text Text Text Text Text Text Text Text
    Text Text Text Text Text Text Text Text Text Text Text Text
  </dd>
  <dt>Datum</dt>
  <dd>
    Text Text Text Text Text Text Text Text Text Text Text Text
  </dd>
  <dt>Datum</dt>
  <dd>
    Text Text Text Text Text Text
  </dd>
</dl>

Code:

#that_dl dt {
  clear : left;
  float : left;
  width : 10em;
}
#that_dl dd {
  margin-left : 10em;
}

für tabellarische daten kannst du übrigens auch tabellen verwenden.

gaby · #5 (**permalink**) 25.03.2006, 16:00

Hi,

probiere mal

<td style="white-space: nowrap">21.21.06 vxcvxcvxcv vxcvxcvxcv vxcvxcvxcv</td>

oder

<p style="white-space: nowrap">21.21.06 vxcvxcvxcv vxcvxcvxcv vxcvxcvxcv</p>

(verhindert einen Zeilenumbruch)

Grüße
gaby

Boris · #6 (**permalink**) 25.03.2006, 16:34

Zitat:

Hallo, wir sind hier in einem XHTML/CSS Forum und keine Tabellenfetischisten

gaby · #7 (**permalink**) 25.03.2006, 17:30

Zitat:

Hallo, wir sind hier in einem XHTML/CSS Forum und keine Tabellenfetischisten

Ja, ich weiß.

Aber das hier

Datum Text
21.21.06 vxcvxcvxcv
22.21.06 vxcvxcvxcv
23.21.06 vxcvxcvxcv
24.21.06 vxcvxcvxcv

sah schon sehr nach tabellarischen Daten aus.

Grüße
gaby

derHund · #8 (**permalink**) 25.03.2006, 17:38

ja, sag ich doch auch, daß das durchaus als tabelle dargestellt werden kann. allerdings war dein markup-vorschlag ... eigenartig. auch das nowrap ging irgendwie imho an der aufgabe vorbei ... stell dir einen längeren text vor, der zwingend zeilenumbrüche braucht - ohne wrap hast dun unnötigen horizontale n scrollbalken.

barca · #9 (**permalink**) 25.03.2006, 17:59

Danke für euere Vorschläge aber den Text sollte nicht unter den Datum stehen,wenn er zu Lang ist,sondern unter den selben Text.

Boris · #10 (**permalink**) 25.03.2006, 18:15

Zitat:

Zitat von barca

Danke für euere Vorschläge aber den Text sollte nicht unter den Datum stehen,wenn er zu Lang ist,sondern unter den selben Text.

Genau das macht derHunds Beispiel. Hast du es überhaupt mal ausprobiert oder angesehen?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Responsive CSS Grid Layout	hatschiii	CSS	4	31.07.2019 11:23
Helft mir. Ich habe voll die Leseschwäche	nick	CSS	12	15.01.2008 20:52
3 dynam. Spalten mit Inhaltsüberlauf	spacegaier	CSS	6	12.10.2007 00:24
Problem: Überschrift <hx> innerhalb von Abschnitt <p>	Ares	CSS	7	24.10.2006 13:30
bild über 2 div-tags positionieren	MoJo	CSS	7	12.06.2006 16:48