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:
<dt>temat i opis tematu
</dt><dd>ilosc_tematow
</dd><dd>ilosc_postow
</dd>
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:
<ul class="topiclist forums"> <!-- ENDIF -->
<!-- IF not forumrow.S_IS_CAT -->
<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 --> <!-- 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> <!-- 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 /> <!-- ENDIF --></span> <!-- ENDIF -->
<!-- ENDIF -->
<!-- IF forumrow.S_LAST_ROW -->

Uploaded with
ImageShack.us