afbeelding van Daisy DDL

img-responsive

Ik werk met theme "Color Glass" en zou willen dat mijn foto's responsive getoond worden.
Ik heb geen probleem zolang het niet op een smartphone getoond wordt.
Van zodra ik deze op een smartphone raadpleeg, dan worden ze niet correct getoond.
ik heb de img-responsive class zowel al eens toegevoegd in de main.css als in de responsive.css, maar niets helpt.

Alvast bedankt voor een tip!

Vrg

Drupalversie: 
7.x
Auteur: 
Daisy DDL
afbeelding van be-web
Door be-web op 28 oktober, 2015 - 10:37

Je foto's krijgen inline, dus niet via css, breedte en hoogte mee. Dit kun je overschrijven door in je mobile css het volgende te zetten:

.field-name-body img {
width: 100% !important;
height: auto !important;
}

Dit wordt dan alleen toegepast op foto's die in de body staan.

-----
Met vriendelijke groet,
Hans Kuiters
BE-WEB

afbeelding van nordicmaterial
Door nordicmaterial op 28 oktober, 2015 - 13:02

img {
max-width: 100%;
height: auto;
}

zou voldoende moeten zijn.

Een "img-responsive class" in je stylesheets zetten heeft geen zin wanneer die class niet in je HTML voorkomt.
In je pagina krijgt de image geen enkele class mee, maar wel een font (?!)
Je zou je source code best even opkuisen...


< img src="/sites/default/files/Foto-2.jpg" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; float: left;" height="333" width="500" >

www.nordicmaterial.com

afbeelding van Daisy DDL
Door Daisy DDL op 28 oktober, 2015 - 14:16

Bedankt!
Wordt nu correct weergegeven.
Ik maak werk van de opkuis van de source code!

Bookmark and Share

Drupal is een geregistreerd merk van Dries Buytaert. | Powered by Pantheon.

Drupal.be/Drupal.nl is de website van de Nederlandstalige Drupalgemeenschap.