[HTML][CSS]problem z obramowaniem na forum Opcje

[lamcpp]

Forum: phpbb3,
Cel: chciałbym aby każda pozycja forum (czyli dt oraz dd) zostaly obramowane. Dałoby się to zrobić za pomocą tabelek jednak forum jest zbudowane za pomocą list rozwijalnych.
Schemat wygląda tak:

[HTML] pobierz, plaintext 
<ul>
 <li>
  <dt>temat i opis tematu</dt><dd>ilosc_tematow</dd><dd>ilosc_postow</dd>
 </li>
</ul>
[HTML] pobierz, plaintext 

Dokładny kod prezentuję na samym dole.
Opis problemu: każdemu z elementów <dt> i <dd> nadaje obramowanie border-left i border-right i wszystko wygląda dobrze i odpowiada mi do momentu, gdy
"temat i opis tematu" ma dwie linijki. W przypadku gdy temat i opis tematu jest dłuższy, automatycznie zwiększa się wysokość tego konkretnego dt. Niestety jednocześnie nie zwiększa się wysokość <dd> ilości tematów i ilosci postow, przez co mają one mniejszą wysokość i obramowanie nie siega do samego dołu.
Jak zrobić by przy jednoczesnym zwiekszaniu wysokości selektora <dt> zawierającego temat i opis tematu, automatycznie zwiekszał się selektor <dd> i by miał identyczną wysokość, dzięki czemu border będzie sięgał do konca selektora.
Kod dostępny poniżej, w załaczniku również daję zdjęcie w którym obramowanie nie sięga do końca selektora.

wyświetlanie wygląda tak:

[HTML] pobierz, plaintext 
	<ul class="topiclist forums">
	<!-- ENDIF -->
 
	<!-- IF not forumrow.S_IS_CAT -->
		<li class="row">
			<dl class="icon" style="background-image: url({forumrow.FORUM_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
				<dt title="{forumrow.FORUM_FOLDER_IMG_ALT}">
				<!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --><!-- <a class="feed-icon-forum" title="{L_FEED} - {forumrow.FORUM_NAME}" href="{U_FEED}?f={forumrow.FORUM_ID}"><img src="{T_THEME_PATH}/images/feed.gif" alt="{L_FEED} - {forumrow.FORUM_NAME}" /></a> --><!-- ENDIF -->
 
					<!-- IF forumrow.FORUM_IMAGE --><span class="forum-image">{forumrow.FORUM_IMAGE}</span><!-- ENDIF -->
					<a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a><br />
					{forumrow.FORUM_DESC}
					<!-- IF forumrow.MODERATORS -->
						<br /><strong>{forumrow.L_MODERATOR_STR}:</strong> {forumrow.MODERATORS}
					<!-- ENDIF -->
					<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS --><br /><strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}<!-- ENDIF -->
				</dt>
				<!-- IF forumrow.CLICKS -->
					<dd class="redirect"><span>{L_REDIRECTS}: {forumrow.CLICKS}</span></dd>
				<!-- ELSEIF not forumrow.S_IS_LINK -->
					<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
					<dd class="posts">{forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
					<dd class="lastpost"><span>
						<!-- IF forumrow.U_UNAPPROVED_TOPICS --><a href="{forumrow.U_UNAPPROVED_TOPICS}">{UNAPPROVED_IMG}</a><!-- ENDIF -->
						<!-- IF forumrow.LAST_POST_TIME --><dfn>{L_LAST_POST}</dfn>
                                                <!-- IF forumrow.LAST_POST_LINK --><i>{forumrow.LAST_POST_LINK}</i><br/><!-- ENDIF -->
 
autor: {forumrow.LAST_POSTER_FULL}
						<!-- IF not S_IS_BOT --><a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF --><br />{forumrow.LAST_POST_TIME}<!-- ELSE -->{L_NO_POSTS}<br />&nbsp;<!-- ENDIF --></span>
					</dd>
				<!-- ENDIF -->
			</dl>
		</li>
	<!-- ENDIF -->
 
	<!-- IF forumrow.S_LAST_ROW -->
			</ul>
[HTML] pobierz, plaintext 

(IMG:http://img442.imageshack.us/img442/8721/200en.jpg)

Uploaded with ImageShack.us

[Sephirus]

A możesz podać adres tej strony?

1. Nie widzę tam w ogóle DL jesli są DT i DD to gdzie DL? Ale może nie jest wymagane nie pamiętam...
2. Spróbuj dać LI, które zawiera te trzy elementy display:table-row a dt i dd daj display:table-cell

EDIT: Ok jednak jest DL - zatem zamiast LI daj ten display znacznikowi DL (IMG:style_emoticons/default/smile.gif)

Ten post edytował Sephirus 31.01.2012, 12:40:17

[jackussa]

Masz tutaj użyte klasy, więc moim zdaniem najłatwiejszym rozwiązaniem będzie dodanie obramowań w css'ie

np.

[HTML] pobierz, plaintext 
    dl.icon dd { border: 1px solid #000000; }
[HTML] pobierz, plaintext 

[lamcpp]

Sephirius dzięki Twojej pomocy problem rozwiązany. Dodałem jeszcze do elementu nadrzędnego display: table. Dziękuję!
jackussa przy Twoich ustawieniach obramowanie nie miałoby całej wysokości, zostałoby ucięte.

Pozdrawiam