Skip to main content

Vraag Plaatjes schalen niet goed mee in mobiele versie

  • djsynchro
  • djsynchro's Profielfoto Onderwerp Auteur
  • Offline
  • Gebruiker
  • Gebruiker
  • - Do not underestimate the power of stupidity -
Meer
9 jaren 7 maanden geleden #9772 door djsynchro
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: www.djsynchro.nl

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

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

  • Leen
  • Leen's Profielfoto
  • Offline
  • Administrator
  • Administrator
  • Geen zorgen voor de dag van morgen
Meer
9 jaren 7 maanden geleden #9778 door Leen

M.v.g Leen

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Meer
9 jaren 7 maanden geleden #9780 door Arjan
Geef de afbeeldingen gewoon hun goede maat mee in pixels, voeg de class img-responsive toe bij iedere afbeelding en voeg deze;
Code:
.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.

Lekker ontspannen mensen helpen met hun website problemen.

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

  • djsynchro
  • djsynchro's Profielfoto Onderwerp Auteur
  • Offline
  • Gebruiker
  • Gebruiker
  • - Do not underestimate the power of stupidity -
Meer
9 jaren 7 maanden geleden #9785 door djsynchro
Beantwoord door djsynchro in topic Re: Plaatjes schalen niet goed mee in mobiele versie

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

Code:
.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!  :)

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Meer
9 jaren 7 maanden geleden #9787 door Arjan

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.

Lekker ontspannen mensen helpen met hun website problemen.

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

  • djsynchro
  • djsynchro's Profielfoto Onderwerp Auteur
  • Offline
  • Gebruiker
  • Gebruiker
  • - Do not underestimate the power of stupidity -
Meer
9 jaren 7 maanden geleden #9789 door djsynchro
Beantwoord door djsynchro in topic Re: Plaatjes schalen niet goed mee in mobiele versie

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?

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Tijd voor maken pagina: 0.411 seconden
Gemaakt door Kunena