Archief - master en reset sheet

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

BjoJn

Legacy Member
ik ben een html en css mastersheet aan het opmaken om zo altijd makkelijk wordpress thema's te gaan maken. Nu had ik graag van jullie geweten of die html en css file volledig kloppen. het gaat om een layout in 2 kolommen.

de html vind je hier: html code
de css file vind je hier: css file

de clearfix die je ziet staan zit in een andere css file en de css ervan is als volgt:
Code:
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

graag feedback

Drone

Legacy Member
Een andere oplossing om floats te clearen binnen een container is "overflow: hidden;" of "overflow: auto;". CSS - Clearing floats. Dit is ook ineens een pak minder code.

Als je classes hebt zoals ".clear" en ".float-left" dan kan je even goed inline css schrijven.

In je reset css zou ik "focus{ outline: 0; }" weg laten. Dit zal je toch waarschijnlijk in 99% van de gevallen terug op zetten.

Code:
margin: 0 auto 0  auto; /* boven rechts onder links */

Dit kan je nog korter schrijven.

Code:
margin: 0 auto; /* boven-onder, rechts-links */

In je html zou ik meta keywords weglaten. Als ik het mij goed herinner hebben deze geen waarde meer.

Zero Grav

Legacy Member
[drone]-[1.05];13063260 zei:
In je html zou ik meta keywords weglaten. Als ik het mij goed herinner hebben deze geen waarde meer.

Dat is echt zo'n gerucht dat iedereen maar ooit overgenomen heeft, maar waar maar een halve waarheid in zit. Meta tags zijn nog steeds belangrijk, ze zijn gewoon ondergeschikt aan de content van een site. Ze weglaten is dus geen goeie keuze.

Bij Google bijvoorbeeld: http://static.googleusercontent.com.../search-engine-optimization-starter-guide.pdf

adrianhates

Legacy Member

BjoJn

Legacy Member
dus in feite is "clearfix" niet de beste keuze? anderzijds is de containerdiv die de beide kolommen omvat ergens niet overbodig?

het google pdf'ke heb ik ooit eens geprint! is wel goed om basis te vatten.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan