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....
Als ik het dus aanpas zoals bovenstaande dan krijg ik van de
https://validator.w3.org wel een foutmelding.
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>
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 -->
© 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"> </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"> </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>Alvast bedankt voor het meedenken.
