Onderwerp titels van nieuwsblok naast elkaar krijgen

[David]

Ik maak gebruik van de modificatie Board3 Portal Nu heb ik een probleempje met het "nieuws blok" waar ik mij aan stoor.

Probleem screenshot:


Probleem Live:
http://www.watisnf.nl/forum/portal.php

Probleem Omschrijving:
Zoals je ziet, zie je de titels van de laatste 5 nieuws berichten staan. Waar ik mij aan stoor is dat sommige titels niet achter elkaar staat met name de korte titels. Bijv: Webinars NFMidAtlantic dat kan volgens mij best achterelkaar in plaats van onder elkaar zoals het nu is. Dat zelfde geldt voor Bezoekersaantal 2012 dat kan ook makkelijk naast elkaar...

Mijn vraag is wat moet ik daarvoor aanpassen?

Misschien handig als ik er bij vermeld dat het "nieuwsblok" niet origineel is, officieel kan het nieuwsblok niet aan de linkerkant staan door een aanpassing in de php bestanden en de html bestanden is dit toch goed gelukt op dat ene kleine storende puntje na dan, waar ik hier alsnog een oplossing voor hoop te krijgen.

news_compact_center.html

Code: Selecteer alles

<!-- BEGIN news_row -->
<!-- IF news_row.S_NO_TOPICS -->
{$C_BLOCK_H_L}{$TITLE}{$C_BLOCK_H_R}
	<div class="post bg2" style="margin-bottom: 0px">
		<div class="inner"><span class="portal-corners-top-inner"></span>
			<span style="text-align: center;"><strong>{L_NO_NEWS}</strong></span>
		<span class="portal-corners-bottom-inner"></span></div>
	</div>
{$C_BLOCK_F_L}{$C_BLOCK_F_R}
<!-- ELSE  -->
<!-- IF news_row.S_FIRST_ROW  -->
{$CC_BLOCK_H_L}
	<dt id="n" <!-- IF S_DISPLAY_NEWS_RVS -->style="width: 44%"<!-- ELSE -->style="width: 60%"<!-- ENDIF -->>{$TITLE}</dt>
{$CC_BLOCK_H_R}
<ul class="topiclist topics">
<!-- ENDIF -->
	<li class="row<!-- IF news_row.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
		<dl class="icon" style="background-image: url({news_row.TOPIC_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
			<dt style="<!-- IF S_DISPLAY_NEWS_RVS -->width: 44%;<!-- ELSE -->width: 60%;<!-- ENDIF --> <!-- IF news_row.TOPIC_ICON_IMG -->background-image: url({T_ICONS_PATH}{news_row.TOPIC_ICON_IMG}); background-repeat: no-repeat;<!-- ENDIF -->" title="{news_row.TOPIC_FOLDER_IMG_ALT}"><!-- IF news_row.S_UNREAD_TOPIC --><a href="{news_row.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF --><!-- IF news_row.ATTACH_ICON_IMG -->{news_row.ATTACH_ICON_IMG} <!-- ENDIF --><!-- IF news_row.S_POLL --><strong>{L_VIEW_TOPIC_POLL}</strong><!-- ENDIF --><a href="{news_row.U_VIEW_COMMENTS}" title="{news_row.TITLE}" class="topictitle">{news_row.TITLE}</a><!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT --> &bull; <a href="{U_VIEW_UNREAD_POST}">{L_VIEW_UNREAD_POST}</a> &bull; <!-- ENDIF -->
			</dt>
		</dl>
	</li>
<!-- IF news_row.S_LAST_ROW -->
	</ul>
{$C_BLOCK_F_L}{$C_BLOCK_F_R}
<!-- ENDIF -->
<!-- ENDIF -->
<!-- END news_row -->

[marian0810]

Code: Selecteer alles

<!-- IF S_DISPLAY_NEWS_RVS -->width: 44%;<!-- ELSE -->width: 60%;<!-- ENDIF -->

Ik kan me vergissen maar volgens mij heb je hiermee ingesteld dat die tekst niet breder dan 44% van het blok mag zijn?

[David]

Dat dacht ik in eerste instantie ook, maar heb die cijfertjes al veranderd zowel hoger als lager gemaakt maar op de één of andere manier veranderd er dan niets. Snap er eerlijk gezegd weinig van Omdat ik bijna zeker ben dat de code was die ik moest aanpassen.

[marian0810]

Ik ga er maar vanuit dat je je cache geleegd had Wat gebeurt er als je dat hele regeltje weghaalt?

[Pola]

Die code staat er twee maal in en het gaat met name om de tweede. Heb je die ook aangepast?

[David]

Ik ga er maar vanuit dat je je cache geleegd had Wat gebeurt er als je dat hele regeltje weghaalt?

Ja zeker, de cache leeg ik eigenlijk altijd nadat ik wijzigingen heb gedaan. Net zo als ik de map template vernieuw van mijn stijl. Er gebeurt gek genoeg helemaal niets als ik <!-- IF S_DISPLAY_NEWS_RVS -->width: 44%;<!-- ELSE -->width: 60%;<!-- ENDIF --> verwijder.

Die code staat er twee maal in en het gaat met name om de tweede. Heb je die ook aangepast?

Ik ben voornamelijk met de tweede regel bezig, omdat ik er al achter was gekomen dat de eerste voor de titel van het blok is

[marian0810]

Staat er dan iets in je css wat de breedte van class= "topictitle", "topiclist, "topics" of "row" bepaalt?

[David]

Bedoel je in de css bestanden van het portal? Ik kan de classes die jij heb genoemd niet terug vinden in de portal.css!

Als ik in alle "gewone" css bestanden tegelijk zoek komen de classen daar wel voor, vind het alleen altijd moeilijk de juiste class te vinden omdat hij soms meerdere keren voorkomt en ook in meerdere bestanden staat.

[marian0810]

En dat is nou precies waarom ik zo'n *piep* hekel aan prosilver heb. Ik ben er ook niet genoeg in thuis om te kunnen zeggen waar het precies zou moeten staan, sorry.

[Pola]

In /styles/prosilver/theme/content.css staat het volgende:

Code: Selecteer alles

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

De 50% is er de oorzaak van dat slechts de helft van de box gebruikt wordt voor de tekst.
Je kunt die 50% niet wijzigen, omdat het ook gebruikt wordt op bijvoorbeeld de forumindex.

Ik zie dat je nu de tweede IF ELSE statement hebt verwijderd. Kun je die eens terugzetten?

[David]

Ik heb hem zojuist terug gezet

[Pola]

Wil je nu de volgende regel aanpassen in /styles/IDLaunch_Fresh/template/portal/modules/news_compact_center.html
Zoek

Code: Selecteer alles

			<dt style="<!-- IF S_DISPLAY_NEWS_RVS -->width: 44%;<!-- ELSE -->width: 60%;<!-- ENDIF --> <!-- IF news_row.TOPIC_ICON_IMG -->background-image: url({T_ICONS_PATH}{news_row.TOPIC_ICON_IMG}); background-repeat: no-repeat;<!-- ENDIF -->" title="{news_row.TOPIC_FOLDER_IMG_ALT}"><!-- IF news_row.S_UNREAD_TOPIC --><a href="{news_row.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF --><!-- IF news_row.ATTACH_ICON_IMG -->{news_row.ATTACH_ICON_IMG} <!-- ENDIF --><!-- IF news_row.S_POLL --><strong>{L_VIEW_TOPIC_POLL}</strong><!-- ENDIF --><a href="{news_row.U_VIEW_COMMENTS}" title="{news_row.TITLE}" class="topictitle">{news_row.TITLE}</a><!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT --> &bull; <a href="{U_VIEW_UNREAD_POST}">{L_VIEW_UNREAD_POST}</a> &bull; <!-- ENDIF -->

Vervang door

Code: Selecteer alles

			<dt style="<!-- IF S_DISPLAY_NEWS_RVS -->width: 77%;<!-- ELSE -->width: 60%;<!-- ENDIF --> <!-- IF news_row.TOPIC_ICON_IMG -->background-image: url({T_ICONS_PATH}{news_row.TOPIC_ICON_IMG}); background-repeat: no-repeat;<!-- ENDIF -->" title="{news_row.TOPIC_FOLDER_IMG_ALT}"><!-- IF news_row.S_UNREAD_TOPIC --><a href="{news_row.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF --><!-- IF news_row.ATTACH_ICON_IMG -->{news_row.ATTACH_ICON_IMG} <!-- ENDIF --><!-- IF news_row.S_POLL --><strong>{L_VIEW_TOPIC_POLL}</strong><!-- ENDIF --><a href="{news_row.U_VIEW_COMMENTS}" title="{news_row.TITLE}" class="topictitle">{news_row.TITLE}</a><!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT --> &bull; <a href="{U_VIEW_UNREAD_POST}">{L_VIEW_UNREAD_POST}</a> &bull; <!-- ENDIF -->

[David]

Dat was de oplossing, heel erg bedankt Pola

Het is mij alleen nog niet duidelijk waarom er niks gebeurde toen ik met de afmetingen aan het spelen was, heb van alles geprobeerd Maar goed het is opgelost, dat is het belangrijkste!

[marian0810]

Daar ben ik ook wel benieuwd naar. Wat is er nu anders dan wat hij hierboven al geprobeerd had?

[Pola]

Ik heb geen idee. Misschien % per ongeluk vergeten...