Klein validatie foutje

Plaats reactie
Gebruikersavatar

Auteur
bennybernaer
phpBBservice Teamlid
phpBBservice Teamlid
Berichten in topic: 2
Berichten: 890
Lid geworden op: 25 jul 2010 15:41
Naam: Benny
Locatie: Antwerpen
Verstuurde bedankjes: 10 keren
Ontvangen bedankjes: 5 keren
Contacteer:

Klein validatie foutje

Bericht door bennybernaer » 25 sep 2017 16:23

Ik heb mijn forumstijl een beetje aangepast met bijvoorbeeld het toevoegen van een extra navbar.

Afbeelding

Nu zou ik het prettiger vinden dat de onderste navbar een paar kleine wijzigingen onderging.
Zo moet de onderste lijn naar boven komen en de bovenste naar onder (zie voorbeeld)
Dit is zo danig gelukt maar....
Afbeelding

Als ik het dus aanpas zoals bovenstaande dan krijg ik van de https://validator.w3.org wel een foutmelding.
Afbeelding

Het vreemde is als ik het laat zoals ik eerder heb aangepast zie (eerst voorbeeld) dan krijg ik helemaal geen foutmeldingen.

Ik voeg ook even mijn navbar_footer.html toe zodat jullie eventueel even kunnen meekijken.

Code: Selecteer alles

<div class="navbar" role="navigation">
        	<!-- IF S_REGISTERED_USER -->
		<ul class="linklist navlinks3">
		
<li class="rightside">
	<div class="colour-block" title="{L_COLOUR_SWATCH}">
		<span>
			<a href="#" rel="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/colours/blue.css"	class="switch"><img src="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/images/blue-cube.png" width="12" height="12" alt="" /></a>
			<a href="#" rel="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/colours/black.css" class="switch"><img src="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/images/black-cube.png" width="12" height="12" alt=""	/></a>
			<a href="#" rel="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/colours/red.css" class="switch"><img src="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/images/red-cube.png" width="12" height="12" alt="" /></a>
			<a href="#" rel="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/colours/violet.css" class="switch"><img src="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/images/violet-cube.png" width="12" height="12" alt=""	/></a>
			<a href="#" rel="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/colours/green.css" class="switch"><img src="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/images/green-cube.png" width="12" height="12" alt="" /></a>
			<a href="#" rel="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/colours/orange.css" class="switch"><img src="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/images/orange-cube.png" width="12" height="12" alt=""	/></a>
			<a href="#" rel="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/colours/pink.css" class="switch"><img src="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/images/pink-cube.png" width="12" height="12" alt="" class="switch" /></a>
			<a href="#" rel="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/colours/grey.css" class="switch"><img src="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/images/grey-cube.png" width="12" height="12" alt="" /></a>
			<a href="#" rel="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/colours/gold.css" class="switch"><img src="{ROOT_PATH}/ext/dmzx/stylechanger/styles/prosilver/theme/images/gold-cube.png" width="12" height="12" alt=""	/></a>
		</span>
	</div>
</li>
<!-- ENDIF -->
</ul>
	<div class="inner">

	<ul id="nav-footer" class="nav-footer linklist" role="menubar">
		<li class="breadcrumbs">
			<!-- IF U_SITE_HOME -->
				{% spaceless %}
				<span class="crumb">
					<a href="{U_SITE_HOME}" data-navbar-reference="home">
						<i class="icon fa-home fa-fw" aria-hidden="true"></i><span>{L_SITE_HOME}</span>
					</a>
				</span>
				{% endspaceless %}
			<!-- ENDIF -->
			<!-- EVENT overall_footer_breadcrumb_prepend -->
			{% spaceless %}
			<span class="crumb">
				<a href="{U_INDEX}" data-navbar-reference="index">
					<!-- IF not U_SITE_HOME --><i class="icon fa-home fa-fw" aria-hidden="true"></i><!-- ENDIF --><span>{L_INDEX}</span>
				</a>
			</span>
			{% endspaceless %}
			<!-- EVENT overall_footer_breadcrumb_append -->
		</li>
		<!-- IF U_WATCH_FORUM_LINK and not S_IS_BOT -->
			<li data-last-responsive="true">
				<a href="{U_WATCH_FORUM_LINK}" title="{S_WATCH_FORUM_TITLE}" data-ajax="toggle_link" data-toggle-class="icon <!-- IF S_WATCHING_FORUM -->fa-check-square-o<!-- ELSE -->fa-square-o<!-- ENDIF --> fa-fw" data-toggle-text="{S_WATCH_FORUM_TOGGLE}" data-toggle-url="{U_WATCH_FORUM_TOGGLE}">
					<i class="icon <!-- IF S_WATCHING_FORUM -->fa-square-o<!-- ELSE -->fa-check-square-o<!-- ENDIF --> fa-fw" aria-hidden="true"></i><span>{S_WATCH_FORUM_TITLE}</span>
				</a>
			</li>
		<!-- ENDIF -->

		<!-- EVENT overall_footer_timezone_before -->
		
		<!-- EVENT overall_footer_timezone_after -->
		<!-- IF not S_IS_BOT -->
			<li class="rightside">
				<a href="{U_DELETE_COOKIES}" data-ajax="true" data-refresh="true" role="menuitem">
					<i class="icon fa-trash fa-fw" aria-hidden="true"></i><span>{L_DELETE_COOKIES}</span>
				</a>
			</li>
			<!-- IF S_DISPLAY_MEMBERLIST -->
				<li class="rightside" data-last-responsive="true">
					<a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}" role="menuitem">
						<i class="icon fa-group fa-fw" aria-hidden="true"></i><span>{L_MEMBERLIST}</span>
					</a>
				</li>
			<!-- ENDIF -->
		<!-- ENDIF -->
		<!-- EVENT overall_footer_teamlink_before -->
		<!-- IF U_TEAM -->
			<li class="rightside" data-last-responsive="true">
				<a href="{U_TEAM}" role="menuitem">
					<i class="icon fa-shield fa-fw" aria-hidden="true"></i><span>{L_THE_TEAM}</span>
				</a>
			</li>
		<!-- ENDIF -->
		<!-- EVENT overall_footer_teamlink_after -->
		<!-- IF U_CONTACT_US -->
			<li class="rightside" data-last-responsive="true">
				<a href="{U_CONTACT_US}" role="menuitem">
					<i class="icon fa-envelope fa-fw" aria-hidden="true"></i><span>{L_CONTACT_US}</span>
				</a>
			</li>
		<!-- ENDIF -->
	</ul>
	    
	</div>
</div>
Als ik de foutmelding dan van dichterbij bekijk zou het om dit stukje gaan?
Afbeelding

Maar bij voor zover ik weet wordt er dan verwezen naar overall_footer.html

Code: Selecteer alles

				<!-- EVENT overall_footer_content_after -->
			</div>

		<!-- EVENT overall_footer_page_body_after -->

		<div id="page-footer" class="page-footer" role="contentinfo">
			<!-- INCLUDE navbar_footer.html -->

			<div class="copyright">
				<!-- EVENT overall_footer_copyright_prepend -->
				&copy; 2017 <a href="http://www.zelfbeschadiging.be">zelfbeschadiging.be</a><br />
				<!-- EVENT overall_footer_copyright_append -->
				<!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
				<!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
			</div>

			<div id="darkenwrapper" class="darkenwrapper" data-ajax-error-title="{L_AJAX_ERROR_TITLE}" data-ajax-error-text="{L_AJAX_ERROR_TEXT}" data-ajax-error-text-abort="{L_AJAX_ERROR_TEXT_ABORT}" data-ajax-error-text-timeout="{L_AJAX_ERROR_TEXT_TIMEOUT}" data-ajax-error-text-parsererror="{L_AJAX_ERROR_TEXT_PARSERERROR}">
				<div id="darken" class="darken">&nbsp;</div>
			</div>

			<div id="phpbb_alert" class="phpbb_alert" data-l-err="{L_ERROR}" data-l-timeout-processing-req="{L_TIMEOUT_PROCESSING_REQ}">
				<a href="#" class="alert_close">
					<i class="icon fa-times-circle fa-fw" aria-hidden="true"></i>
				</a>
				<h3 class="alert_title">&nbsp;</h3><p class="alert_text"></p>
			</div>
			<div id="phpbb_confirm" class="phpbb_alert">
				<a href="#" class="alert_close">
					<i class="icon fa-times-circle fa-fw" aria-hidden="true"></i>
				</a>
				<div class="alert_text"></div>
			</div>
		</div>

		</div>

		<div>
			<a id="bottom" class="anchor" accesskey="z"></a>
			<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
		</div>
	</div> <!-- love_content -->
</div> <!-- love_wrap -->

<script type="text/javascript" src="{T_JQUERY_LINK}"></script>
<!-- IF S_ALLOW_CDN --><script type="text/javascript">window.jQuery || document.write('\x3Cscript src="{T_ASSETS_PATH}/javascript/jquery.min.js?assets_version={T_ASSETS_VERSION}">\x3C/script>');</script><!-- ENDIF -->
<script type="text/javascript" src="{T_ASSETS_PATH}/javascript/core.js?assets_version={T_ASSETS_VERSION}"></script>
<!-- INCLUDEJS forum_fn.js -->
<!-- INCLUDEJS ajax.js -->
<!-- IF S_ALLOW_CDN -->
	<script type="text/javascript">
		(function($){
			var $fa_cdn = $('head').find('link[rel="stylesheet"]').first(),
				$span = $('<span class="fa" style="display:none"></span>').appendTo('body');
			if ($span.css('fontFamily') !== 'FontAwesome' ) {
				$fa_cdn.after('<link href="{T_ASSETS_PATH}/css/font-awesome.min.css" rel="stylesheet">');
				$fa_cdn.remove();
			}
			$span.remove();
		})(jQuery);
	</script>
<!-- ENDIF -->

<!-- IF S_COOKIE_NOTICE -->
	<script src="{T_ASSETS_PATH}/cookieconsent/cookieconsent.min.js?assets_version={T_ASSETS_VERSION}"></script>
	<script>
		window.addEventListener("load", function(){
			window.cookieconsent.initialise({
				"palette": {
					"popup": {
						"background": "#0F538A"
					},
					"button": {
						"background": "#E5E5E5"
					}
				},
				"theme": "classic",
				"content": {
					"message": "{LA_COOKIE_CONSENT_MSG}",
					"dismiss": "{LA_COOKIE_CONSENT_OK}",
					"link": "{LA_COOKIE_CONSENT_INFO}"
				}
			})});
	</script>
<!-- ENDIF -->


<!-- EVENT overall_footer_after -->

<!-- IF S_PLUPLOAD --><!-- INCLUDE plupload.html --><!-- ENDIF -->
{$SCRIPTS}
<script src="/egg.js"></script>

<!-- EVENT overall_footer_body_after -->

</body>
</html>
Iemand een idee hoe ik die validatie error weg krijg?
Alvast bedankt voor het meedenken.
To reach a star, you gotta have a dream and to have a dream, you gotta have a strength...
To be that strong, you gotta have a will and the will is within your heart...



Vind phpBBservice.nl leuk op Facebook.
| buy me a beer

Gebruikersavatar

Theriddler
phpBBservice Teamlid
phpBBservice Teamlid
Berichten in topic: 1
Berichten: 1206
Lid geworden op: 04 jan 2012 13:44
Locatie: 127.0.0.1
Verstuurde bedankjes: 3 keren
Ontvangen bedankjes: 6 keren
Contacteer:

Re: Klein validatie foutje

Bericht door Theriddler » 26 sep 2017 11:05

in navbar_footer.html wissel deze om:

regel 20 en 21

Code: Selecteer alles

<!-- ENDIF -->
</ul>
naar:

Code: Selecteer alles

</ul>
<!-- ENDIF -->
je hebt namelijk dit staan:

Code: Selecteer alles

<!-- IF S_REGISTERED_USER -->
		<ul class="linklist navlinks3">
De validator werkt net zoals een bot en is dus geen geregistreerde gebruiker
de validator ziet nu alleen de </ul> omdat die erbuiten valt.
Met vriendelijke groet,
Afbeelding
phpBBservice.nl
Steeds tot uw dienst.

Afbeelding Support Tools | My Extensions | buy me a beer Afbeelding

Gebruikersavatar

Auteur
bennybernaer
phpBBservice Teamlid
phpBBservice Teamlid
Berichten in topic: 2
Berichten: 890
Lid geworden op: 25 jul 2010 15:41
Naam: Benny
Locatie: Antwerpen
Verstuurde bedankjes: 10 keren
Ontvangen bedankjes: 5 keren
Contacteer:

Re: Klein validatie foutje

Bericht door bennybernaer » 26 sep 2017 17:34

Bedankt Danny! Dit heeft inderdaad geholpen, en nu staat alles netjes gevalideerd. :)
To reach a star, you gotta have a dream and to have a dream, you gotta have a strength...
To be that strong, you gotta have a will and the will is within your heart...



Vind phpBBservice.nl leuk op Facebook.
| buy me a beer

Plaats reactie