CSS-vraag: hoe hef ik "img {width: 100%;}" op?

Wim,

Voor zover ik weet, zorgt de 'auto' waarde bij Hoogte ervoor dat de afbeelding kan schalen naar gelang de resolutie van het apparaat waarmee de pagina wordt bekeken.

Misschien kun dit combineren met max-width, als volgt:

max-width zorgt ervoor dat de afbeelding op oorspronkelijke grootte wordt getoond, maar nooit groter (dus als de afbeelding 500 pixels breed is, en je bladspiegel 900, dan wordt hij niet op volle breedte getoond.
Misschien moet je dit ook even inpassen in je eerdere custom code.

Laat me even weten hoe dit uitpakt.

Helaas Maurice, werkt niet. Ook niet met 2 x !important.
Overigens, een afbeelding van 500px wordt in een bladspiegel van 900px met max-width:100% volgens mij 900 breed getoond.

Staat jouw website lokaal of kan ik er met een link zelf ook naar kijken?

Hi Maurice, gaat om deze pagina: [verwijderd]
Waarschuwing: zeer religieuze zaken...

Dank je.

Pas jouw eerdere custom code als volgt aan:

De breedte van de body is 1100 pixels maximaal, dus als je ervoor zorgt dat je afbeeldingen (bijvoorbeeld) maximaal 550 pixels breed zijn dan beslaan ze maximaal de helft van de breedte.

H punt pindakaas.
Die 100% moet dus juist worden weggewerkt.
Ik denk dat ik die regel maar uit het template sloop. Zal er toch vrijwel zeker nooit van komen om die te updaten.
Daarmee zou mijn 'probleem' zijn opgelost. Maar het zint me nog altijd niet dat ik dit niet met fatsoenlijke css kan oplossen.

Die 100% moet dus juist worden weggewerkt.

Middag,

als je die op 50% zet of andere getal kom je dan niet bij het gewenste resultaat?

Groeten Ron

Bij het plaatsen van de afbeelding (/images/PROEF_FOTOS/LPK_groepsfoto_2011.jpg) wordt er een inline-css gebruikt. Deze overrulled altijd de custom.css, wat je daar ook ingeeft. Bij betreffende afbeelding is de breedte 656px en de hoogte 519px. Zorg er dus altijd voor dat, als je een afbeelding plaatst, deze geen inline-code bevat. De inline-css wordt aangemaakt bij het importeren, daar kun je ook geen waarde ingeven, zodat de afbeelding wordt geimporteerd op de waarden die het beeld heeft. Vervolgens kun je met css de beelden gaan stylen.

Hi Patrick, dit is allemaal wel bekend.
Je bent wat op een verkeerd been gezet omdat de inhoud van de hier geposte pagina inmiddels door de gebruikers is aangepast – daarom heb ik die nu maar verwijderd.
Het oorspronkelijke probleem was én is nog altijd: als je een foto op een lege regel plaatst onder of boven de tekst, krijgt die niet de opgegeven gewenste breedte, maar wordt die altijd 100% omdat dat in het template zo is vastgelegd.
De vraag was en is nog steeds: hoe overrule ik in custom.css de template-css van "img {width:100%;}"?

Het is nu een interessante, technische vraag.
Voor het smoel van deze website vinden we wel een oplossing.

kan je de naam van de gebruikte template hier posten.
Ik heb al vele template gebruikt maar nog nooit eerder gemerkt dat als ik in een
artikel een foto plaats dat die dan automatisch naar 100 % gezet word.
Ik begin er eerder aan te denken dat er in de website al gebruikt wordt gemaakt
van override's aanpassing je zou eens kunnen kijken in map Templates: Aanpassen > html
of het niet daar ergens vandaan kan komen