Ergebnis 1 bis 6 von 6

Thema: Bild Untertitel

  1. #1
    Insider Avatar von Reisebär
    Registriert seit
    01.01.2019
    Beiträge
    848

    Bild Untertitel

    Habe mal wieder ein Problem, bei dem Google bei der Lösung nicht hilft.
    Ich habe ein Bild auf der Seite eingebunden, das mit ein Pixel Abstand vom Text umflossen wird.
    So wie man gut auf der Startseite ganz oben sehen kann.
    https://spanien-blog.info/

    Hier mal der Code aus einem anderen Artikel:
    <p align="justify">
    <img src="https://www3.gobiernodecanarias.org/noticias/wp-content/uploads/2021/11/Momento-de-la-visita-3000.jpeg" width="210" height="148" align=left style="float:right; margin-left: 15px;" />Bei der Besichtigung der neuen Einrichtung hob die Stadträtin für soziale Rechte, Noemí Santana, die vom Generaldirektor für soziale Rechte und Einwanderung, Javier Bermúdez, begleitet wurde, die Bedeutung dieser neuen Einrichtung für die Betreuung von Obdachlosen im Südosten und Süden der Insel hervor. Es wird den Begünstigten ein Zentrum bieten, in dem sie neben der Deckung ihres Grundbedarfs an Lebensmitteln und Hygieneartikeln auch persönliche Angebote erhalten, die ihnen helfen sollen, ihre Autonomie wiederzuerlangen, sich sozial und beruflich zu integrieren oder die durch die chronische Obdachlosigkeit verursachten Schäden zu verringern.</p>
    Jetzt möchte ich aber hin und wieder unter genau dieses Bild noch einen Untertext, auf das Bild bezogen, hinzufügen.
    Aber das klappt zum verrecken nicht.
    Ich habe es mit <figure> und <figcaption> versucht, aber ich bekomme die Bildunterschrift nicht dahin, wohin sie soll.
    Wir und wo sollte ich es in den Code einfügen, dass es klappt?
    Danke

  2. #2
    Admin Avatar von felin
    Registriert seit
    02.05.2008
    Beiträge
    8.714
    ( <figure>
    <img src="xyz.jpg" width="800" height="600" alt="...." />
    <figcaption>Bildunterschrift</figcaption>
    </figure> )

    Zusätzliche Befehle wären:
    figure {

    padding: 5px;

    float: left;
    border: 1px solid #cccccc;
    border-radius: 5px;
    }

    figure img {
    border-radius: 3px 3px 0 0;
    }

    figure figcaption {
    padding: 2px 4px 2px 4px;
    background-color: #636363;
    color: #cccccc;
    font-style: italic;
    border-radius: 0 0 3px 3px;
    }
    (geschwungene Klammern weglassen)
    Eine andere Möglichkeit habe ich Dir per WhatsApp geschickt

  3. #3
    Insider Avatar von Reisebär
    Registriert seit
    01.01.2019
    Beiträge
    848
    @ felin,
    Danke, werde mal damit experimentieren.

    Nachtrag:
    Wenn ich nur den ersten Codeteil teste, also

    ( <figure>
    <img src="xyz.jpg" width="800" height="600" alt="...." />
    <figcaption>Bildunterschrift</figcaption>
    </figure> )

    müsste es doch theoretisch schon ohne CSS Eintrag klappen, oder?
    Allerdings setzt er mir dabei die "Bildunterschrift neben das Bild.

    Bei diesem Codeschnipsel (ohne runde Klammern)
    ( <figure>
    <img src="img/maspalomas-strand.jpg" width="197" height="148" alt="strand_maspalomas" />
    <figcaption>Bildunterschrift</figcaption>
    </figure> )

  4. #4
    Admin Avatar von felin
    Registriert seit
    02.05.2008
    Beiträge
    8.714
    Setze mal die Bildunterschrift ohne den Befehl <figcaption></figcaption> ein, bei mir ist der Text dann genau darunter.

    Frage: Hat Dein Programm Dreamweaver die Funktion WYSIWYG, also die Ansichtfunktion?
    Bei Rechtsklick könnte es evtl. im Bearbeitenmodus die Option "Bildunterschrift" anbieten.

  5. #5
    Insider Avatar von Reisebär
    Registriert seit
    01.01.2019
    Beiträge
    848
    Zitat Zitat von felin Beitrag anzeigen
    Setze mal die Bildunterschrift ohne den Befehl <figcaption></figcaption> ein, bei mir ist der Text dann genau darunter.

    Frage: Hat Dein Programm Dreamweaver die Funktion WYSIWYG, also die Ansichtfunktion?
    Bei Rechtsklick könnte es evtl. im Bearbeitenmodus die Option "Bildunterschrift" anbieten.
    Ja, Dreamweaver hat WYSIWYG.
    Ich habe sogar ein geteiltes Bild, wenn ich will, also entweder Code, oder Entwurd, oder geteilt. Ist eigentlich sehr komfortabel.
    Mit welchem Editor arbeitest du denn?
    Denn ich habe mit Dreamweaver gerade ein Problem

  6. #6
    Admin Avatar von felin
    Registriert seit
    02.05.2008
    Beiträge
    8.714
    Der Editor ist bei Wordpress im Paket enthalten.
    Wenn ich etwas spezielles brauchen sollte, ist das meine Anlaufstelle: https://selfhtml.org/

Ähnliche Themen

  1. Leinwand (Bild) auf Rahmen ziehen lassen - wo?
    Von Wolfgang K im Forum Geschäfte, Handwerker und Dienstleister
    Antworten: 5
    Letzter Beitrag: 04.02.2020, 09:44
  2. Google Earth Bild
    Von canariafantastica im Forum Fotos, Fotos, Fotos !
    Antworten: 8
    Letzter Beitrag: 20.03.2012, 13:45
  3. Mehrsprachige Untertitel für Filme
    Von Ex-User im Forum Spanische Sprache
    Antworten: 0
    Letzter Beitrag: 13.07.2011, 02:17
  4. Wieder in der BILD gelesen
    Von thomas im Forum Die Witzeabteilung
    Antworten: 0
    Letzter Beitrag: 09.06.2011, 13:48
  5. TV-Canaria kein Bild
    Von europa2011 im Forum Smalltalk
    Antworten: 10
    Letzter Beitrag: 22.05.2011, 21:58

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •