Wie kann ich eine Grafik mit Scrollbalken veröffentlichen...?

  • Hallo liebe Freunde, guten Abend!

    Ich probier schon wieder den ganzen Abend Sachen aus und komm da einfach nicht weiter. Ich würde da höflich um Rat fragen wollen, bitte. Ich hoffe, ich kann das jetzt verständlich erklärn, was ich eigentlich möchte :)

    Ich möchte hin und wieder DINA4-Seiten als Grafik in einem Post veröffentlichen. Ich möchte aber aus optischen Gründen, dass ich zum Beispiel im Eintragsfeld eine Höhe von 250px vorgebe und dass rechts ein vertikaler Scrollbalken erscheint, mit dem Leser den Rest sehen können.

    Also das betrifft zum Beispiel diesen Beitrag hier.

    Momentan wird die Grafik in gesamter Höhe gezeigt. Ich möchte aber, dass, sagen wir, nur die ersten 250 pixel zu sehen sind und der Rest gescrollt wird. Wie könnte ich das nur hinbekommen?

    Bis jetzt habe ich an diesem Codeversuch rumgedoktert, klappt aber nicht:

    Code
    <div style="position:relative; border:0px; overflow:scroll; height:250px;
     width:706px;">
      <img width="681" height="1084" border="0"
     src="http://www.nackonet.de/media/bilder/140507B.jpg" style="float:left;
     border:0px solid #333333; margin: 0px 0px 0px 0px; "></div>

    Bitte, hat mir jemand eine Idee, wie ich das realisieren könnte...?

    Herzlichen Grüße!
    Herr Nack

    • 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

  • Ok, ich glaub, ich bin einen Schritt weiter :)

    Jetzt habe ich einen Eintrag mit Scrollbalken hingekriegt, der sieht so aus.

    Allerdings kriege ich diesen dummen, horizontalen Balken nicht weg, den kein Mensch braucht. Egal, wie breit oder schmal ich die eingebettete Grafik mache, der horizontale Balken am unteren Rand bleibt immer da.

    Der Code sieht folgendermaßen aus:

    Code
    <div style="float: left; overflow:scroll; height:250px; width:706px;">
    <img width="683" height="1084" border="0" src="http://www.nackonet.de/media/bilder/140507B.jpg" style="float:left; border:0px solid #333333; margin: 0px 0px 0px 0px; "></div>

    Aber trotzdem bekomme ich immer einen horizontalen Balken angezeigt. Der is zwar nicht aktiv und nicht notwendig, aber warum wird der da gezeigt, Himmel?! Kann ich den irgendwie unterdrücken...?

    Ah, kumma! Paddya! Vielen Dank! Der Tipp mit dem "auto", das wars!
    ICH DANKE DIR SEHR!! :-D:-D:-D

    Alles Gute
    Herr Nack

Jetzt mitmachen!

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