J schreef:
> Sjoerd wrote:
> > Dank voor de tip, deze wijziging is inmiddels aangebracht.
>
> Dat heb je snel gedaan.
Als je eenmaal door hebt hoe het zit, dan is het natuurlijk weer super
eenvoudig. In de css-file staat bijvoorbeeld dit:
ul#menu li a { background-color: #800080; }
Daar voeg je dan deze regel aan toe:
ul#menu li a:hover { background-color: #b000b0; }
Dus een lichtere kleur paars.
In dit geval was het ietsje ingewikkelder; licht van binnen, donkerder van
buiten.
ul#menu li a { background: radial-gradient(circle, #c03ac0 30%, #700070); }
Hier zie je wat het betekent:
www.w3schools.com/cssref/func_radial-gradient.asp
En achter a:hover komen dan andere waarden.
> > De vlaggen rechts bovenin zal ik dan ook nog maar op deze manier onder
> > handen nemen.
>
> Ik vraag me af waarom eigenlijk alletwee de vlaggen op de indexpagina
> staan: je bent toch al in de Nederlandse taal? Zomaar een suggestie
> die je niet op hoeft te volgen uiteraard.
Ik zal het overpeinzen.
> > Opmerkelijk is dat als je iets in de css-file verandert, dat de
> > wijziging niet doorkomt, de browser haalt de css-file nog steeds uit de
> > cache, ook al geef je in de headers van de html-pagina aan dat-ie niets
> > uit de cache moet halen. Hetzelfde geldt voor afbeeldingen.
> > De oplossing is, dat je het css-bestand (menu.css) een andere naam
> > geeft (b.v. menu_v2.css).
>
> Misschien de CSS toch maar in de html pagina zelf plaatsen tussen
> <style> </style>?
Dan is er nogal veel wat je op elke pagina moet herhalen. Een andere naam
voor de css-file vind ik dan een betere oplossing.
>
> > Verder moet ik de site eigenlijk nog responsief maken, maar ik vind het
> > nog een hele puzzel om uit te vinden hoe dat nou het handigst aan te
> > pakken is.
>
> Wat bedoel je precies met responsief?
Een responsieve site is een site die ook op het smalle scherm van b.v. een
smartphone optimaal wordt weergegeven. B.v. twee afbeeldingen die op een
groot scherm naast elkaar staan, komen op de smartphone onder elkaar te
staan. Hier zie je dat heel duidelijk weergegeven:
www.w3schools.com/css/css_rwd_intro.asp
Klik onderin eens op 'Try it Yourself' en zie wat er gebeurt als je de
middelste balk naar links en naar rechts schuift.