opgelost Images worden niet in ware grootte aangegeven

Ik heb een probleem met de website waar ik mee bezig ben. De afbeeldingen die ik in een artikel plaats worden niet normaal weergegeven maar helemaal uitvergroot. Ik wil gewoon de originele grootte tonen of aangepast wat kleiner maar dit werkt allemaal niet. De afbeeldingen worden enkel volledig uitvergroot getoont tot de website breedte. Wat is dit voor een probleem? Een template probleem?

Je geeft aan dat een ingevoegde foto groter is dan je scherm.
Dat betekent dat je de foto zeer waarschijnlijk niet van te voren hebt verkleind.
Op websites moet je de foto of afbeelding altijd zo klein mogelijk houden om je website zo snel mogelijk te houden.
Een foto die je direct vanaf de camera zonder te bewerken op je site zet is vaak enkele MBs groot, terwijl een foto op een website maximaal 200kb mag zijn.
Maak gebruik van een lokaal fotobewerkinsprogramma om een grote originele foto te verkleinen naar het gewenste formaat dat je op de website wil tonen.
En upload vervolgens de aangepaste foto naar je website.

Daarnaast raad ik je aan om de editor JCE te installeren.
Deze editor is gebruikersvriendelijker dan de standaard editor.
In de balk van deze editor vind je ook weer een handige knop om een foto of afbeelding enigszins van formaat aan te passen.

Nee dat is niet het probleem. De foto's zijn bewerkt tot bijvoorbeeld 400 * 400 pixels. Dus is een kleinere afbeelding. Maar als ik deze in een artikel stop ziet het er in de back-end normaal uit. In de front-end wordt deze opgeblazen tot de volledige website breedte. Dus is de breedte van de afbeelding ineens 1000 pixels breed en onduidelijk natuurlijk.

Heb je al eens een andere template geprobeerd?

Het ligt dus inderdaad aan deze template. Is er ergens een plugin die de afbeelding in de content fixeert tot een bepaalde grootte?

Je kunt uiteraard ook onderzoeken welk script of css of iets dergelijks dit veroorzaakt vanuit je template. En het vanuit daar aanpassen / oplossen.
Het is eventueel maar de vraag of een externe extensie/plugin de oplossing zal gaan bieden.

Welke template gebruik je?
Of je kunt op zoek gaan naar een ander vergelijkbaar template.

Ik gebruik deze template: artmesia joomla template, pro version.
Ik heb de vraag ook al bij hun neer gelegd. Maar ze reageren niet. Waar staat deze code meestal. Is dat in de index.php?

Lastig te zeggen waar het kan zitten.

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).

Of plaats hier een link naar je site zodat de leden mee kunnen kijken.

Het gaat om deze site: en dan de afbeelding van Esmay dan wordt die groter afgebeeld dan deze daadwerkelijk is. Ik heb de 100 % veranderd in 99% maar dat maakt niets uit.
Edit Astrid: Ik heb je link aangepast i.v.m. 18+ inhoud .

Dat zit inderdaad in de template. De ontwerper heeft bepaald dat de afbeeldingen paginabreed getoond moeten worden. In de demo zijn de afbeeldingen dan ook standaard 1130 px breed. Maar je kunt het wel aanpassen:

Wat moet ik dan doen?