[CSS] Lista definicji - termin i definicja obok siebie

0

Kurczę, kiedyś tak zrobiłem, a teraz nie mogę dojść jak mi to wyszło. Mam sobie listę definicji:

<dl>

<dt>Poniedziałek</dt> <dd>09:00 - 12:00</dd> <dt>Wtorek</dt> <dd>06:66 - 13:59</dd> (...) </dl> ```

I jak zrobić aby wyglądało to mniej więcej tak:

Poniedziałek [costam]
Wtorek [costam]
(...)

Hm?

display: inline dla dd i dt skutkuje jedną linijką, a ja potrzebuję żeby były złamania linii między dd i następnym dt.

0

Hmm... A nie możesz po prostu:

<dl> <dt>Poniedziałek</dt> <dd>09:00 - 12:00</dd> </dl> <dl> <dt>Wtorek</dt> <dd>06:66 - 13:59</dd> </dl> (...) ``` Ze stylami:
dt, dd {
  display: inline;
  margin: 0;
}

?

0

A coś w stylu:

dt {
  float: left;
  clear: both;
}
dd {
  float: left;
}

Zdaje się, że powinno działać. Aczkolwiek nie gwarantuję Ci, że float czegoś Ci nie rozjedzie na stronie.

0

@Coldpeer: Niezłe, faktycznie działa, ale zaburza mi semantykę. Poza tym o ile dla planu działania biblioteki faktycznie dobre, to dla bardzo długiej listy średnio zdaje egzamin - za dużo kodu dla efektu.

@Adam: Wypas. Aczkolwiek IE psuje wszystko jak zwykle, no trudno...

0

run-it to jest rozwiazanie tego problemu

dt {
    display:run-it;
    float: left;
}

oczywiscie dd musi byc blokiem.

1 użytkowników online, w tym zalogowanych: 0, gości: 1