Dit is een archief van het phpBBservice.nl forum. Nieuwe berichten plaatsen is niet meer mogelijk.

Klein validatie foutje

B
bennybernaer
#1
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.
D
Denise
#2
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.
B
bennybernaer
#3
Bedankt Danny! Dit heeft inderdaad geholpen, en nu staat alles netjes gevalideerd. :)