Img ausblenden mobil

    Wir wollten kein externes iFrame nutzen, da es sonst als unsichere Verbindung dargestellt wird.

    Haben jetzt probeweise ein Bild eingebaut, ist es möglich das mit html auszublenden auf mobilen Endgeräten? Steht sonst immer ziemlich über.

    Link: http://www.schueler-forum.com/informations/
    ist eine Custompage. Html könnte man direkt dort verwenden, ansonsten eine Templateänderung oder CSS-Änderung, die die Page anspricht (sollen ja nicht global alle Bilder mobil entfernt werden).
    Verkleinern wäre auch gut. :)

    Danke. Demnach muss ich die CSS-Klasse im Stileditor ansprechen und es dann mobil ausblenden lassen wie z.B.


    [TABLE='width: 896']

    [tr]


    [TD='class: codeLineNumbers container-3, bgcolor: #F7F7F7, align: right']1
    2
    3
    4
    5[/TD]
    [TD='class: codeLines container-4']@media (max-width: 800px) {
    .xyz {
    display: none;
    }
    }[/TD]

    [/tr]


    [/TABLE]


    Ist nur noch die Frage was genau ich damit ansprechen muss. Finde ich das mit Firebug raus? :)

    Wie wär's mit

    Code
    [COLOR=#87154F]@media[/COLOR] ([COLOR=#87154F]max-width[/COLOR]: [COLOR=#1906FD]800px[/COLOR]) {
img      {
        [COLOR=#87154F]display[/COLOR]: [COLOR=#994509]none[/COLOR];
    }
}


    oder

    Code
    [COLOR=#87154F]@media[/COLOR] ([COLOR=#87154F]max-width[/COLOR]: [COLOR=#1906FD]800px[/COLOR]) {
.img-no-mobil      {
        [COLOR=#87154F]display[/COLOR]: [COLOR=#994509]none[/COLOR];
    }
}

    Bei der ersten Version werden alle Bilder ausgeblendet. Bei der zweiten nur die mit der Klasse img-no-mobil.