phpBB.nl

Nederlandstalige phpBB Support
https://www.phpbb.nl/forums/

Onderwerp titels van nieuwsblok naast elkaar krijgen

https://www.phpbb.nl/forums/viewtopic.php?f=54&t=58218

Pagina 1 van 1

Onderwerp titels van nieuwsblok naast elkaar krijgen

Geplaatst: 06 feb 2013, 19:38
door 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:
Afbeelding

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 -->

Re: Onderwerp titels van nieuwsblok naast elkaar krijgen

Geplaatst: 06 feb 2013, 21:31
door 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?

Re: Onderwerp titels van nieuwsblok naast elkaar krijgen

Geplaatst: 06 feb 2013, 21:51
door 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.

Re: Onderwerp titels van nieuwsblok naast elkaar krijgen

Geplaatst: 06 feb 2013, 21:57
door marian0810
Ik ga er maar vanuit dat je je cache geleegd had :) Wat gebeurt er als je dat hele regeltje weghaalt?

Re: Onderwerp titels van nieuwsblok naast elkaar krijgen

Geplaatst: 06 feb 2013, 23:49
door Pola
Die code staat er twee maal in en het gaat met name om de tweede. Heb je die ook aangepast?

Re: Onderwerp titels van nieuwsblok naast elkaar krijgen

Geplaatst: 07 feb 2013, 10:08
door David
marian0810 schreef: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.
Pola schreef: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 ;)

Re: Onderwerp titels van nieuwsblok naast elkaar krijgen

Geplaatst: 07 feb 2013, 11:18
door marian0810
Staat er dan iets in je css wat de breedte van class= "topictitle", "topiclist, "topics" of "row" bepaalt?

Re: Onderwerp titels van nieuwsblok naast elkaar krijgen

Geplaatst: 07 feb 2013, 11:52
door 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.

Re: Onderwerp titels van nieuwsblok naast elkaar krijgen

Geplaatst: 07 feb 2013, 12:09
door 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.

Re: Onderwerp titels van nieuwsblok naast elkaar krijgen

Geplaatst: 08 feb 2013, 00:29
door 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?

Re: Onderwerp titels van nieuwsblok naast elkaar krijgen

Geplaatst: 08 feb 2013, 00:45
door David
Ik heb hem zojuist terug gezet ;)

Re: Onderwerp titels van nieuwsblok naast elkaar krijgen

Geplaatst: 08 feb 2013, 01:13
door 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 -->

Re: Onderwerp titels van nieuwsblok naast elkaar krijgen

Geplaatst: 08 feb 2013, 01:22
door 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!

Re: Onderwerp titels van nieuwsblok naast elkaar krijgen

Geplaatst: 08 feb 2013, 09:06
door marian0810
Daar ben ik ook wel benieuwd naar. Wat is er nu anders dan wat hij hierboven al geprobeerd had? :?:

Re: Onderwerp titels van nieuwsblok naast elkaar krijgen

Geplaatst: 08 feb 2013, 09:23
door Pola
Ik heb geen idee. :) Misschien % per ongeluk vergeten...
Alle tijden zijn UTC+01:00
Pagina 1 van 1
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/