Geheugensteuntjes aan mezelf

Vrijdag 14 September 2007 18:18 Laatste aanpassing (Donderdag 04 December 2008 12:03)

Webdesign

Een container div springt een zeker aantal pixels naar beneden tov bovenkant viewport terwijl marges (en paddings) verwijderd zijn

Verwijder de margin of padding van de firstchild

Waarom houdt Internet Explorer 6 zich ineens niet aan het Box model?

Waarschijnlijk per ongeluk een xml declaratie aan begin van dokument gezet waardoor IE6 in quirks mode schiet

Hoe controleer je dit:

Om te testen of IE6 in quirks mode is of in standards-compliance mode type je de volgende code in de adresbalk nadat de pagina geladen is:

javascript:alert(document.compatMode);

‘BackCompat’ betekent dat de pagina in quirks mode is.

‘CSS1Compat’ betekent dat de pagina in standards compliant mode wordt weergegeven.

Lettergrootte in percentages stellen

percentage > font size
100.1% > 16 pixels
94% > 15 pixels
87.5% > 14 pixels
81% > 13 pixels
75% > 12 pixels
69% > 11 pixels
62.5% > 10 pixels
57% > 9 pixels

( bron: http://nickcowie.com/2005/about-em ) 

Correcte volgorde van de link subselectors: LVHFA

a:link {}
a:visited {}
a:hover {}
a:focus {}
a:active {}

gecombineerd:
a:link, a:visited, a:hover, a:focus, a:active {}

(http://www.456bereastreet.com/archive/200811/the_order_of_link_pseudo-classes_matters/)

Database inloggegevens voor Joomla!

mosConfig_host = interne servernaam

mosConfig_user = gebruikersnaam

mosConfig_password = wachtwoord

mosConfig_db = databasenaam

CSS font-family combinaties

• font-family: "Times New Roman", Times, serif;
• font-family: Arial, Helvetica, sans-serif;
• font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
• font-family: georgia, "lucida bright", "times new roman", serif;

Van The Zenn of CSS Design:

• font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
• font-family: Garamond, "Times New Roman", serif;
• font-family: Optima, Arial, sans-serif;
• font-family: "Century Gothic", Verdana, sans-serif;

:first-letter pseudo element en inline elements

Het :first-letter pseudo element werkt helaas niet op inline elements. Dit is correct volgens de W3C specificaties...

Verwijderen van de background in TinyMCE editor in Joomla!

Opnemen in de CSS: 

/* TinyMCE parameters */
.mceContentBody {
    text-align: left;
    background: #FFF8DC none;}

Van Joomla 1.0 naar 1.5

$GLOBALS[mosConfig_live_site] => $mainframe->getCfg( 'live_site' ); => $mainframe->getCfg( 'sitename');

Voorkomen dat TinyMCE netjes opgemaakte html tot spagetti maakt:

(TinyMCE is makkelijk configureerbaar maar de Joomla-implementatie is een ramp wat configureerbaarheid betreft).

• ga naar tinymce/jscripts/tiny_mce/
• open tiny_mce.js en tiny_mce_src.js
• verander

  this._def("remove_linebreaks", true);
  

  in

  this._def("remove_linebreaks", false);
  

• verander tevens

  this._def("apply_source_formatting", false);
  

  in

  this._def("apply_source_formatting", true);
  

• natuurlijk even de cache van de browser clearen

tiny_mce.js = de gecomprimeerde versie (die gebruikt wordt) en tiny_mce_src.js = de originele versie

Om te voorkomen dat TinyMCE een border aan de tabellen toevoegd uit zichzelf: zoek naar

table[border=0|cellspacing| etc

en verander in

table[cellspacing| etc

Javascript expressions in CSS en IE6

Sinds Windows Service Pack 2 worden Javascript expressions opgenomen in de CSS niet meer uitgevoerd in IE6 / Win als de security zone van de betreffende website is ingesteld op 'high'.

CSS display: block

Descendant elements do not generate any boxes either; this behavior cannot be overridden by setting the 'display' property on the descendants (http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-display)

Het opschonen van Word dokumenten

Na duizend manieren geprobeerd te hebben, werkt dit voor mij het beste:

• Save in Word 97 format
• Installeer een TinyMCE web wysiwyg editor op een webserver
• Configureer deze zodat ie mooie html uitspuugt en geen overbodige tags toevoegt
• Knip en plak de Word tekst via de Word paste functie
• Knip en plak de gegenereerde html
• Haal de webpagina door een validator en ruim via de vaak ingebouwde Tidy de rest op

Tables en height instellen

Als je kiest voor een table lay out omdat je graag gebruik wilt maken van de eigenschap dat je een tabel naar de onderkant van de browser kunt laten strekken zonder dat er content in de tabel staat, dan kun je via CSS de hoogte van de tabel instellen op height: 100%. Dit werkt echter niet met een STRICT of TRANSITIONAL doctype; alleen zonder een doctype werkt dit.

base href en paden instellen in PHP

Lokatie van hosts-bestand op windows xp machine

C:\WINDOWS\system32\drivers\etc\hosts

Harde schijf vol

Ruimtevreters:

• Oude Java Runtime updates (deïnstalleren kan geen kwaad en daarna de nieuwste versie van Sun installeren);
• Ouder restore points (ergens zit een optie om alles behalve de laatste te verwijderen, maar waar ook al weer?)
• iTunes laat oude meuk achter op de harde schijf, ook als je alles via het programma verwijdert
• Prullebak leeggooien
• E-mail prullebak leeggooien

Onzichtbaar voor 'normale user-agents' maar zichtbaar voor screenreaders

height:1px;
left:-900px;
overflow:hidden;
position:absolute;
width:1px;

Open Office Calc rijen fixeren / vastzetten / freeze

Hoe zet je de eerste rij of de eerste rijen vast:

• selecteer de rij net onder de rijen die je vast wilt zetten
• kies Window - Freeze

Zelfde verhaal voor kolommen maar dan 90 graden gedraaid.