Welkom, Gasten
Gebruikersnaam: Wachtwoord: Onthoud mij
12 jan 2019
Diverse hosters zijn van PHP 5.x.x en PHP 7.x.x automatisch overgeschakeld naar PHP 7.3.x. Als je Joomla website en de gebruikte extensies (componenten, plugins en modules) niet up-to-date zijn kan hierdoor je website niet meer werken.
Lees meer...
  • Pagina:
  • 1
  • 2

Onderwerp: Plaatjes schalen niet goed mee in mobiele versie

Plaatjes schalen niet goed mee in mobiele versie 4 jaren 10 maanden geleden #1

  • djsynchro
  • djsynchro's Profielfoto Onderwerp Auteur
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • - Do not underestimate the power of stupidity -
  • Berichten: 7
  • Ontvangen bedankjes 0
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?

Gelieve Inloggen of een account aanmaken om deel te nemen aan het gesprek.

Re: Plaatjes schalen niet goed mee in mobiele versie 4 jaren 10 maanden geleden #2

  • Leen
  • Leen's Profielfoto
  • Offline
  • Administrator
  • Administrator
  • Geen zorgen voor de dag van morgen
  • Berichten: 3920
  • Karma: 2
  • Ontvangen bedankjes 106
M.v.g Leen

Gelieve Inloggen of een account aanmaken om deel te nemen aan het gesprek.

Re: Plaatjes schalen niet goed mee in mobiele versie 4 jaren 10 maanden geleden #3

  • Arjan
  • Arjan's Profielfoto
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Berichten: 1459
  • Ontvangen bedankjes 5
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.
Lekker ontspannen mensen helpen met hun website problemen.

Gelieve Inloggen of een account aanmaken om deel te nemen aan het gesprek.

Re: Plaatjes schalen niet goed mee in mobiele versie 4 jaren 10 maanden geleden #4

  • djsynchro
  • djsynchro's Profielfoto Onderwerp Auteur
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • - Do not underestimate the power of stupidity -
  • Berichten: 7
  • Ontvangen bedankjes 0

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

Gelieve Inloggen of een account aanmaken om deel te nemen aan het gesprek.

Re: Plaatjes schalen niet goed mee in mobiele versie 4 jaren 10 maanden geleden #5

  • Arjan
  • Arjan's Profielfoto
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Berichten: 1459
  • Ontvangen bedankjes 5

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.

Gelieve Inloggen of een account aanmaken om deel te nemen aan het gesprek.

Re: Plaatjes schalen niet goed mee in mobiele versie 4 jaren 10 maanden geleden #6

  • djsynchro
  • djsynchro's Profielfoto Onderwerp Auteur
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • - Do not underestimate the power of stupidity -
  • Berichten: 7
  • Ontvangen bedankjes 0

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?

Gelieve Inloggen of een account aanmaken om deel te nemen aan het gesprek.

  • Pagina:
  • 1
  • 2
Tijd voor maken pagina: 0.551 seconden
Gemaakt door Kunena
logo mijnjoomlaforum colored puzzle2

MijnJoomlaForum.nl is niet verbonden aan en is geen onderdeel van Open Source Matters, Inc, of het Joomla! project!

Hosted by Otto
Webdesign by Renata
Sitemap

Donatie Knop