css - text-align auf mobilen geräten

    hallo
    nun bin ich doch noch einmal da. ich dachte, ihr hättet mich schon los ;-)

    auf mobilen geräten zeigen sich seiten mit textangaben neben fotos sehr zerrissen.
    tussy-frage: gibt es da eine lösung? oder muss man das einfach dem responsiven theme schulden?


    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Das kannst du per CSS mit media-queries lösen. Einfach für mobile Geräte entsprechend "umstylen".

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Der Doktor Dom ist ein Packmeister, da wird kein Platz verschwendet :-)
    Dein Bild füllt einfach nicht die maximale Breite des mobilen Screens aus! Ergo ist etwas Platz daneben und diese Lücke wird verwendet.

    Ergo, deine Bilder sind im falschen Format und können, füllen es nicht mit 100% aus. Zwei Möglichkeiten: Änder das Bildformat auf 100%, dann rutscht der Text automatisch runter ... Ansonsten musst du den Text nach unten bringen,- also dort die Breite anpassen.

    Das sind eigentlich absolute Anfängerprobleme. Ich empfehle dir einfach ein Anfängertutorial zum Responsive Webdesign anzuschauen oder durchzulesen. Ich wette, innerhalb von einer Stunde wirst du das Problem alleine lösen können und dann gerüstet für ähnliche Probleme sein.

    vielen herzlichen dank euch beiden.
    ja, ich bin ein typischer anfänger ;-)
    also schau ich jetzt mal, ob ich mich irgendwie schlau machen kann.

    oder habt ihr gar einen tipp für mich?
    ich möchte schon den text an sich daneben haben. halt nicht auf kleinen schirmen ...

    Wie sollen wir dir helfen, so ohne Link? Man muss sich das schon anschauen können.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Code
    @media only screen and (max-width: 560px) {
#pp-afterslider img,
#content img {width: 100%; }  
}

    Du musst die Bildgröße ab der Ausflösung, wo es dir nicht mehr gefällt (Beispiiel 560px), auf 100% breite ziehen. Du hast aktuell lediglich max-width angegeben. Der Aufbau ansich ist nicht so super, aber naja. So wärs aufjedenfall am einfachsten für dich.

    Einmal editiert, zuletzt von rantanplan2000 (19. Januar 2017 um 23:16)

    oh! für mich ist das sogar sehr super! 8-)
    und ich bedanke mich sehr sehr herzlich!

    ich hab das jetzt am ende meiner css für das child-theme angefügt. das ist ja wohl richtig so, oder?

    sorry, ich meinte den code-aufbau. naja, da soviel code durcheinander also ist es mehr oder weniger egal wohin damit. :-) zwecks übersicht für dich, würd ich es zu #pp-afterslider img, #content img schreiben, die klasse gibt es ja schon. gehts denn jetzt?

    zuallerst noch einmal danke. ja, es klappt jetzt.

    mit dem code-aufbau habe ich so gut wie nichts zu tun. dummy wie ich bin, habe ich mir natürlich ein wp-theme genommen. und da nur sehr wenig verändert (weil können ;-) )
    ich habs jetzt unten bei meinen mini-änderungen im child-editor dazugehängt und es funzt.

    sonne vom neusiedlersee aus der heimat der pimpernell für dich ;-)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden