Absatz nach <p> Tag = Bold

  • Liebes Forum, ich stehe vor folgendem Problem:


    Ich möchte zu einem Importierten Image einen Text zentriert rechts neben dem Bild einbetten/einbinden.


    -> siehe folgende Grafik:

    [Blockierte Grafik: https://www.bilder-upload.eu/bild-a61912-1570091195.png.html]

    Das habe ich mit folgendem Code gemacht -


    <div> <img src="https:///s/files/1/0262/3445/4119/files/FRAU-01.png?802" align="left" height="42" width="42"> <p style="margin-left: 47px; height: 0; padding: 10px;"> <font size="2"> Products are tested and approved by Susan </font></b> </p ></</div><br>


    Nun steh ich vor folgendem Problem;

    Alles was darauffolgenden kommt (Text etc.) ist FETT obwohl nachstehend kein <b> oder ähnliches im Code steht.


    Note: Sobald ich oben den <P> Tag rausnehme, passt unten die Formatierung der nachfolgenden Texte wieder.

    (ohne <P> Tag bekomme ich aber leider den Text nicht zentral neben das Bild - wie in der Grafik oben)



    Bitte bedenkt dass ich ein Laie hinsichtlich CSS/HTML bin und hoffe, dass richtige Unterforum gewählt zu haben.

    Vielen dank im Voraus und Liebe Grüße Stefan :)

  • Dass die Schrift im Absatz fett ist, liegt wahrscheinlich daran, dass anderswo für das p-Element die Fett-Formatierung eingestellt ist. Am besten postest Du mal einen Link zu der Seite, dann kann man es mit dem HTML-Inspektor leicht heraus finden.

    Davon abgesehen ist dein Code leicht veraltet. Informiere dich am besten über CSS:

    https://wiki.selfhtml.org/wiki…ieg/Stylesheets_einbinden

    Und für ein Bild mit einer Beschriftung gibt es heute das figure-Tag:

    https://wiki.selfhtml.org/wiki…Textstrukturierung/figure

    Zentrierung und andere Gestaltung lassen sich am besten und einfachsten mit Flex machen:

    https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Flexbox


    Damit könnte dein Bild mit der Beschriftung dann so aussehen:

  • <div> <img src="https:///s/files/1/0262/3445/4119/files/FRAU-01.png?802" align="left" height="42" width="42"> <p style="margin-left: 47px; height: 0; padding: 10px;"> <font size="2"> Products are tested and approved by Susan </font></b> </p ></</div><br>

    Das ist ein seltsames, veraltetes und fehlerhaftes Stück Code... vielleicht, wenn du es korrekt schreibst, ist dein Problem behoben.

    Code
    <div> 
       <img src="https:///s/files/1/0262/3445/4119/files/FRAU-01.png?802" style="height: 42px; width: 42px; border: 0;" align="left" alt=""> 
       <p style="margin-left: 47px; height: 0; padding: 10px; font-size: 1.2em;">
          Products are tested and approved by Susan
       </p>
    </div>
    <br>
  • Vielen lieben dank für eure rasche Hilfe.


    Habe beide Codes probiert - funktionieren hinsichtlich der Bild + Text formatierung hervorragend.


    Allerdings ist der darauffolgende Text immernoch Fett.


    Verstehe aber nicht, dass wenn ich den <P> entferne die Formatierung (Fett) raus war.. ?

    Jetzt ist das <P> Tag durch durch eines der oben genannten Formatierungen ersetzt und trotzdem ist es bold? Mh.


    Lg

  • Jetzt ist das <P> Tag durch durch eines der oben genannten Formatierungen ersetzt und trotzdem ist es bold? Mh.

    Mal ganz vom Crossposting abgesehen, liest du die Antworten auch, die du bekommst?

    Zitat

    Dass die Schrift im Absatz fett ist, liegt wahrscheinlich daran, dass anderswo für das p-Element die Fett-Formatierung eingestellt ist. Am besten postest Du mal einen Link zu der Seite, dann kann man es mit dem HTML-Inspektor leicht heraus finden.

  • In beinahe allen Foren sind Crosspostings nicht erlaubt (siehe dazu die Forenregeln, denen du ja mit deiner Anmeldung zugestimmt hast).

    Aber Crossposting hin und her - das bringt dich nicht weiter! Gib uns den kompletten Code (besser noch einen Link zur Seite) und dein Problem wird gelöst werden... Rätselraten mag hier keiner.

Jetzt mitmachen!

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