Webdevelopment topic

[MrSenne]

Het feit dat je WordPress gebruikt en zegt niet heel veel van HTML/CSS te kunnen, probeer eerst te snappen hoe het allemaal een beetje werkt, dan gaat het gemakkelijker om iets in elkaar te zetten. Lees je wat in in Media Query's en probeer het te snappen, dan weet je waar je op moet letten als je zelf iets maakt.

[Ruthless]

OP zich al een goed begin. Wat ik zou doen is het witte brede gedeelte en het menu op hetzelfde stuk laten beginnen links.
Dat kan je doen door je menu in een div te plaatsen en een min-width geven, die even breed is als het witte gedeelte.

Good luck

Toegevoegd na 3 minuten en 32 seconden:

Zorgen dat je media query's goed afgehandeld worden.

Inderdaad, zo maak je responsive webdesign. Belangrijke regel: Mobile first.

Begin met de website te maken op klein beeldformaat, bouw zo uit tot de desktop-versie.

Volgens mij is dit meer een kwestie van gewenning, dan dat er echt iets per se goed of fout is :p

[Armajail]

Ik heb een website voor iemand gemaakt, en nu heeft die persoon gevraagd voor wat wijzigingen,
Ik heb ze aangebracht, getest en het werkt perfect.
Op mijn pc, op mijn gsm, op nog een andere gsm, alles is in orde.
Behalve bij de klant zelf, die gebruikt Chrome en zegt dat ze niets gewijzigd ziet als ze naar de website gaat.
Tot zover ik weet kan enkel de oorzaak cache zijn. Ik heb haar een mail gestuurd met de uitleg hoe ze de cache kan verwijderen,
ook dat als je in cognito gaat, chrome de caches zal negeren en tonen hoe het er "écht" uitziet.

Als dat nu niet lukt, is er dan nog een andere mogelijke oorzaak?

[Ruthless]

Ctrl + F5 wellicht

En anders is er misschien iets niet goedgedaan met je aanpassingen? Bekijk jij het ook in Chrome?

[Niels]

Hoi, ik heb een header image die 997px breed is, maar een gewoon beeldscherm is daar te breed voor en dan komt deafbeelding van die header er anderhalf keer op te staan. Hoe kan ik dat voorkomen?

[broodoos]

background-repeat: no-repeat;

[Niels]

Thanks, maar nu is het niet helemaal opgevuld

[i k0nijn i]

Wellicht omdat de meeste schermen een grotere resolutie hebben dan 997px breed.

[Niels]

Kan ik hem dan niet uitrekken?

[Ruthless]

width: 100%;
height: auto;

op je img zetten

[Armajail]

width: 100%;
height: auto;

op je img zetten

Precies.

[i k0nijn i]

Het is mij wel een vraag waarom je afbeeldingen zou willen uitrekken.

[Niels]

zei ik toch al

[i k0nijn i]

Was meer bedoeld als in: uitgerekte beelden zien er meestal niet uit.

[Niels]

dat is gewoon jouw mening man

[Ruthless]

lol

[Armajail]

Daarom geef je width:100% en height:auto

Zo wordt de afbeelding groter, maar de hoogte t.o.v. de breedte blijft gelijk.

[Ruthless]

maar de foto word uitgerekt
je kan een foto van 200x200 uitrekken tot 600x600, de kwaliteit word er slechter op, daar doelt k0n op

[i k0nijn i]

Klopt. Allemaal goed en wel als het maar een kleine upscale is (al wil je eigenlijk sowieso niet upscalen met low-res beelden), maar als je bijvoorbeeld een header over de hele breedte neemt en je afbeelding is 1000 pixels breed, dan gaat je afbeelding volledig om zeep zijn op een full HD monitor en zelfs al op een 1600x900 monitor.

[Wesley]

PHP7 is uit! Eventjes wachten tot de ppa geupdate is daarna installen :3
En letsencrypt.org is in publieke beta en ik heb mijn domeinen al over geplaatst naar https