Css Liste erstellen und anzeigen

Computer: Software & Programmierung HTML & CSS
1

Hi,

ich lerne gerade erst mit css umzugehen und habe dazu eine frage.

ich generiere mehrere listen.
dann durchlaufe ich eine schleife in der ich die liste fülle.

immer 2 elemente.
Name und Beschreibung.
diese füge ich dann zu der liste hinzu.

also quasi immer so aussehend …

  • testName1

  • testBeschreibung1

  • testName2

  • testBeschreibung2

…usw.

Nun möchte ich diese Listen tabellarisch anzeigen.
Name und daneben die Beschreibung.

meine CSS bisher …
#Name
{
position: relative;
top: 0px;
left: 0px;
width: 50px;
}

#Beschreibung
{
position: relative;
top: 0px;
left: 100px;
}

Nur schreibt er es trotzdem untereinander.
Mach ich position:absolut dann schreibt er die listenelemente übereinander.

Wie handelt man sowas ?

mfg
Martin

2

mit float gibts auch probleme
wenn ich das ganze nicht mit position mache sondern mit float:left
das ist das zwar schon ganz okay aber dann habe ich das problem das name links steht … dann mit abstand die beschreibung.
nur ist die beschreibung sehr lang und er fängt dann in der nächsten zeile wieder an. und hiuer dann nicht mit dem abstand zu element name sondern bei 0px abstand.

Bsp.
testname1 testBeschreibung1, und weiter, und weiter , und weiter,
und weiter, und weiter, und weiter

und eigentlich sollte es so aussehen …

testname1 testBeschreibung1, und weiter, und weiter , und weiter,
und weiter, und weiter, und weiter

3

hi martin

wenn du der beschreibung auch noch eine fixe breite gibst geht es schon.

lg
aya

4

Hallo Marty!

immer 2 elemente.
Name und Beschreibung.
diese füge ich dann zu der liste hinzu.

also quasi immer so aussehend …

  • testName1

  • testBeschreibung1

  • testName2

  • testBeschreibung2

…usw.

Das wäre invalider Code, denn IDs dienen der eindeutigen IDentifizierung von Elementen und dürfen dokumentenweit nur jeweils einmal vorkommen.

Wenn du immer einem Lemma (oder auch mehreren Lemmata) http://de.wikipedia.org/wiki/Lemma_%28Lexikografie%29 (Definiendum) eine oder mehrere Beschreibung(en) zuordnen willst, dann ist hier die Definitionsliste die strukturell („semantisch“) richtige Liste deiner Wahl.

http://de.selfhtml.org/html/text/listen.htm#definition
http://www.w3.org/TR/html401/struct/lists.html#edef-DL

Nun möchte ich diese Listen tabellarisch anzeigen.
Name und daneben die Beschreibung.

DT- und DD-Elemente sind aber nur mit sehr großen Klimmzügen browserübergreifend so zu gestalten, dass sie wie Tabellen aussehen.

Es spricht aber strukturell („semantisch“) auch nichts gegen TABLE-Elemente, wenn -wie hier der Fall- tatsächlich tabellarischen Daten vorliegen.

Gruß Gernot