Hallo mensen van sitedeals,
Ik ben bezig met mijn eigen website en een beetje met CSS leren en HTML.
Maar nu dacht ik het allemaal af te hebben en kom ik er achter dat mijn menu en logo niet precies in het midden staan.

Het gaat om de site: klik

Ik gebruik bij beide gewoon in de style.css text-align:center;

Ik hoop echt dat iemand het antwoord weet,

padding:0px; toevoegen op de UL. Dan doet hij het wel.

Inderdaad logo staat al in het midden en als je padding: 0; toevoegt aan #menu ul gaat het goed.

Heel erg bedankt kan ik ook weer verder, maar waarom helpt padding: 0; ?

Hoi Chiel,

Ten eerste; goed dat je vraagt waarom iets werkt, daar leer je het meeste van.

Zo te zien is er een padding ingesteld van 10 pixels ofzo, waardoor de teksten een stukje van de kant af staan (dat is goed want zo wordt de tekst leesbaarder). Deze padding geldt echter voor de hele website, dus ook voor het menu. Dat staat daardoor 10 pixels te ver naar links.

Als je dan padding: 0; toevoegt aan de div menu (#menu ul) vertel je de browser dat het menu geen padding moet krijgen (namelijk 0 pixels).

Succes met je website!

Oke bedankt weet ik dat ook weer, ik dacht dat als je dat het niet voor de hele website gelde.

Met vriendelijke groet,

Hoi Chiel,

Dat ligt eraan welke div je de padding geeft. Als je de padding alleen had ingesteld voor de div "content" of "contenttekst" had alleen de tekst die padding gekregen. Nu heb je dit waarschijnlijk ingesteld op de body ofzo.