Onderwerp: Plaatjes schalen niet goed mee in mobiele versie

Hallo allemaal,

Mijn nieuwe site is net klaar. Ik heb het template gemaakt met Artisteerd 4 met Responsive Website aan. Ik heb alle plaatjes op de site een vaste resolutie gegeven en in Joomla de hoogte en breedte aangegeven met percentages i.p.v. pixels. Toch schalen de plaatjes niet goed mee op een mobiel device of tablet. De site is dus niet Responsive genoeg.
Voorbeeld: http://www.djsynchro.nl

Enig idee hoe ik de plaatjes en logo's goed geschaald krijg op mobiele apparaten?

heb je al eens hier beetje rond gekeken
http://www.artisteer.com/Default.aspx?content_id=newsletter_2012_10_4&p=c

Geef de afbeeldingen gewoon hun goede maat mee in pixels, voeg de class img-responsive toe bij iedere afbeelding en voeg deze;css code toe aan je css bestand.
Als het werkt mag je de makers van Bootstrap bedanken.

Geef de afbeeldingen gewoon hun goede maat mee in pixels, voeg de class img-responsive toe bij iedere afbeelding en voeg deze;

.img-responsive {    display: block;    height: auto;    max-width: 100%;}

css code toe aan je css bestand.
Als het werkt mag je de makers van Bootstrap bedanken.

Hoi Arjan,

Bedankt voor je antwoord. Maarre, ik begrijp het niet helemaal. Even voorop gesteld dat ik een redelijke n00b ben als het op website design aankomt he

Vraag 1: Waar kan ik die img class ingeven? In de editor kan ik niets vinden waar dit in te vullen is.
Vraag 2: In welk css bestand moet die regel toegevoegd worden? Ik heb in mijn template folder 6 css bestanden staan: custom.css, editor.css, print.css, template.css, template.ie7.css en template.responsive.css

Alvast dank! 

Even voorop gesteld dat ik een redelijke n00b ben als het op website design aankomt he

En voor mij geldt hetzelfde maar dan met Aristeer, gelukkig. Overigens heeft dit niets met design te maken maar alles met het bouwen/schrijven van de code.

Vraag 1: Waar kan ik die img class ingeven? In de editor kan ik niets vinden waar dit in te vullen is.

Is er in Aristeer een mogelijkheid om de broncode te zien. Bijvoorbeeld net als met JCE een knop Toggle of zo.
Als je bij de broncode kan komen zoek je naar <img src="adres naar plaatje" width="200" height="100" /> en zet je tussen de haken class="img-responsive".
Anders even afwachten tot iemand reageert die wel met het programma werkt.

Vraag 2: In welk css bestand moet die regel toegevoegd worden? Ik heb in mijn template folder 6 css bestanden staan: custom.css, editor.css, print.css, template.css, template.ie7.css en template.responsive.css

Zou de custom.css gebruiken want die naam wordt meestal gebruikt voor aanpassingen die de andere css regels moet "overheersen". Moet deze wel als laatste worden ingeladen in de broncode want anders werkt het niet.

En voor mij geldt hetzelfde maar dan met Aristeer, gelukkig. Overigens heeft dit niets met design te maken maar alles met het bouwen/schrijven van de code.

Respect  ;D

Het punt is dat de plaatjes die als zodanig in mijn site staan, niet in het template staan. De plaatjes die in mijn template staan, zijn niet zichtbaar op de site als ik het template installeer. Ik heb alle plaatjes dus in Joomla via de TinyMCE editor erin gezet. In de broncode kan ik die class wel toevoegen eventueel...

Zou de custom.css gebruiken want die naam wordt meestal gebruikt voor aanpassingen die de andere css regels moet "overheersen". Moet deze wel als laatste worden ingeladen in de broncode want anders werkt het niet.

En hoe weet je of deze als laatste wordt ingelezen?