opgelost stylen

Wat is het verschil in padding en margin mbt stylen?

verschil zit hem in de plaats van de marge. Bij padding is dit de ruimte van de content naar de rand (binnenkant van de border) en bij margin is dit de ruimte buiten de border.

www.w3schools.com/css/css_padding.asp
www.w3schools.com/css/css_margin.asp

Hoe werkt het bij een afbeelding?

Met Firebug kun je eenvoudig dit soort zaken uittesten. Ik heb het even met jouw avatar uitgeprobeerd: screencast.com/t/C4yMm9xdr

Tip: maak gebruik van de Firebug-addon voor Firefox (links naar deze tool hier te vinden). Met deze tool kan je o.a. van ieder onderdeel van de site de css definities achterhalen en waar in welk bestand ze staan. Tevens kan je met deze tool in de betreffende pagina van je site veranderingen aanbrengen in de css definities en meteen zien wat het effect is (later evt. wel zelf de aanpassingen aanbrengen in css bestanden).

Even een toevoeging aan Peter.
In plaats van bijvoorbeeld firebug, zou je ook gebruik kunnen maken van tools voor ontwikkelaars. Dit zit meestal al standaard in de browser, in elk geval in nieuwe versies van Firefox, Chrome & IE. Deze functie kun je oproepen in je browser met de toets F12.


Hier nog even een voorbeeldje van hoe een margin en padding in elkaar steken:

Ok helder,
Als ik dat op deze website uitprobeer dan veranderen alle afbeeldingen. ik zou alleen de afbeeldingen centraal bovenin het midden willen vergoten. Via firebug zie ik dat het de sitename is. In de index.php kan ik deze afbeelding vergroten alleen trekt hij dan alles uit het verband. Hoe kan ik alleen deze afbeelding vergroten zonder dat ik deze uit het verband trekt en dat de andere afbeeldingen hetzelfde blijven, want als ik de padding of margin verander veranderd alles

Hallo,

Je bedoeld dus de logo.png
Je zou dus die logo.png via een Photoshop programma kunnen vergroten na het juiste formaat.
En dan goed neerzetten met de volgende code in tdefaut.css ( regel 415 )

Heel duidelijk. bedankt voor je uitleg. Het is gelukt