[NV Last Topic Titles] Rozjeżdżająca się lista działów

[MaRRcin929]

Witam.
Na swoim forum chciałbym wgrań modyfikację NV Advanced Last Topic Titles 1.3.3 i po wgraniu lista działów brzydko się rozjeżdża

http://iv.pl/images/33587819486578699636.jpg

Za to przy wyłączonej modyfikacji wygląda to bardzo ładnie:

http://iv.pl/images/24604758419016767865.jpg

Ktoś pomoże w jakim pliku tego szukać i jak najlepiej to zmodyfikować ?? Chodzi o to żeby wypośrodkować góra-dół nazwę kategorii i statystyki

Pozdrawiam

[Aviator]

Zmienia się wysokość bo dochodzi kolejne pole. Przecież normalnie to wygląda

[MaRRcin929]

Wiem ze zmienia sie przez to że dochodzi jedna linia. Chodzi mi o wyrównanie tych dwóch kolumn góra-dół zeby było wypośrodkowane a nie takie wolne pola:

http://iv.pl/images/43065803894014487036.jpg

Przykładowo na tym forum jest dokladnie tak samo wypośrodkowane jak ja chce. Skoro wyglądało to dobrze to po co to wypośrodkowaliście ?

[Aviator]

Skoro wyglądało to dobrze to po co to wypośrodkowaliście ?

My mamy inny styl.
Użyj Firebug, namierz to co chcesz zmienić i szukaj w plikach css tj. zaczynając od np. commoc.css

[MaRRcin929]

Wiem ze jest inny, ale właśnie mi chodzi żeby sobie też edytować odpowiedni plik żeby było wyśrodkowane bo mnie to drażni.
Tylko problem, ze nie wiem teraz który plik jest za to odpowiedzialny.

Firebug ?? Szczerze pierwsze słyszę o co chodzi

[MaRRcin929]

W forumlist_body znalazłem coś takiego:

Kod: Zaznacz cały

<!-- 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="posts">{L_TOPICS}: <b>{forumrow.TOPICS}</b><br>{L_POSTS}: <b>{forumrow.POSTS}</b></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 S_ALTT_ACTIVE --><!-- IF forumrow.ALTT_LINK_NAME_SHORT != '' --><a <!-- IF ALTT_STYLE -->style="{ALTT_STYLE}"<!-- ENDIF --> href="{forumrow.U_ALTT_LINK}" title="{forumrow.ALTT_LINK_NAME}">{forumrow.ALTT_LINK_NAME_SHORT}</a><!-- ELSE -->{L_ALTT_PROTECTED}<!-- ENDIF --><br /><!-- ENDIF --> {L_POST_BY_AUTHOR} {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 -->

I próbuję dodać vertical-align:middle w dl.icon.dt

Kod: Zaznacz cały

/* Forum list column styles */
dl.icon {
	min-height: 35px;
	background-position: 10px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
}

dl.icon dt {
	padding-left: 45px;					/* Space for folder icon */
	background-repeat: no-repeat;
	background-position: 5px 95%;
	width: 500px;

}

dd.posts, dd.topics, dd.views {
	width: 14%;
	text-align: center;
	line-height: 1.4em;
	font-size: 1.0em;
}

Ale nie działa. Co robię źle ??

[MaRRcin929]

I ktoś bardziej obeznany w temacie pomoze ??

[Aviator]

Za dużo prób to widzę nie wykonałeś.
plik content.css:
znajdujesz:

Kod: Zaznacz cały

li.header dt, li.header dd {
	line-height: 1em;
	border-left-width: 0;
	margin: 2px 0 4px 0;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}

dodajesz:

Kod: Zaznacz cały

text-align:center;

odświeżasz motywy stylu.

[MaRRcin929]

Tylko mi nie chodzi o górę gdzie jest: "Kategoria, Statystyki, Ostatni post" tylko o kolejne wiersze tzn "Twoj pierwszy dział", "Drugi dział" i kolejno obok "Watpi, Posty" zeby były wyśrodkowane w pionie (czyli z tego co mi się wydaje to:

Kod: Zaznacz cały

vertical-align:middle;

Więc ten fragment kodu raczej za to nie odpowiada

[Aviator]

tylko o kolejne wiersze tzn "Twoj pierwszy dział", "Drugi dział" i kolejno obok "Watpi, Posty"

Kod: Zaznacz cały

ul.topiclist dl {
	position: relative;
}

ul.topiclist li.row dl {
	padding: 2px 0;
}

ul.topiclist dt {
	display: block;
	float: left;
	width: 50%;
	font-size: 1.1em;
	padding-left: 5px;
	padding-right: 5px;
}

ul.topiclist dd {
	display: block;
	float: left;
	border-left: 1px solid #FFFFFF;
	padding: 4px 0;
}

ul.topiclist dfn {
	/* Labels for post/view counts */
	position: absolute;
	left: -999px;
	width: 990px;
}

ul.topiclist li.row dt a.subforum {
	background-image: none;
	background-position: 0 50%;
	background-repeat: no-repeat;
	position: relative;
	white-space: nowrap;
	padding: 0 0 0 12px;
}

[MaRRcin929]

W takim razie w czym może być problem jak praktycznie do każdego po kolei dodałem vertical-align: middle; odświeżałem Motyw i nie chce się wyrównać ?? Także skoro piszesz, ze za dużo prób nie wykonałem to się troche mylisz bo sporo siedziałem nad tym i próbowałem na różne sposoby, a z racji tego że z PHP i CSS mój poziom jest podstawowy to chciałem was prosić o pomoc.

[MaRRcin929]

Widze Panowie ze na tym forum nie uzyskam odpowiedzi ... hmm w takim razie dzieki