Nieuwe filter

TNT heeft weer eens het filter gewijzigd, en daardoor zijn veel gildelayouts in de problemen gekomen. Gelukkig zijn er weer oplossingen voor gevonden.

De fullpage layout coderen pagina is al aangepast, evenals de fullpage templates. Maar je eigen code aanpassen is natuurlijk veel handiger, dan helemaal opnieuw coderen! Hieronder twee trucjes die toegepast kunnen worden om je layout door het filter te laten passeren:

  1. Maak de div-positionering inline.
    Daarmee bedoel ik, dat je in plaats van dat je je tekstvakken positioneert in de CSS, je het in de HTML zet. Dus dit:
    <style>
    #vak1 {
    	position:absolute; 
    	top: 528px; 
    	left: 345px; 
    	height: 250px; 
    	width: 250px; 
    	overflow: auto;
    	}
    </style>
    <div id="vak1">
    	
    wordt dit:
    <div style="position:absolute; top: 528px; left: 345px; height: 250px; width: 250px; overflow: auto;">
    Tekst
    </div>
    
  2. Gebruik margin.
    Aangezien je geen position meer mag gebruiken, maar je deze nog wel nodig hebt voor bijvoorbeeld het menu vastzetten, kan je gebruik maken van margin. Dus in plaats van top gebruik je margin-top et cetera. Dus dit:
    #main {
     			 border: none; 
     			 background: none;
    			 position: absolute; 
     			 left: 0; 
     			 top: -185px;
     			 height: 1185px;
     			 }
    
    wordt dit:
     #main {
     			 border: none; 
     			 background: none; 
     			 margin-left: 0; 
     			 margin-top: -185px;
     			 height: 1185px;
     			 }
    
    Meer informatie over margin is te vinden bij overzicht van CSS-eigenschappen.
Succes met het doorvoeren van deze veranderingen, en mochten er problemen optreden, stuur dan een mail!