Ankündigung

Einklappen
Keine Ankündigung bisher.

Raum zwischen Bild und Text mit <ul>

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Raum zwischen Bild und Text mit <ul>

    Hallo, möchte Hilfe - einfache Layout, aber verstehe nicht...
    Es gibt Text und dazwischen Bilder.
    Alles OK, aber wenn kommt Tag <ul>, gibt es keinen freien Platz zwischen Bild und Punkt ( Tag <li>)
    Man kann da schauen - https://www.ockham.xyz/ockham/illation/de ( zweite Bild unten).
    HTML
    HTML-Code:
    <img src=<?= $picture[1] ?> class="fleft"/>
        <tk3>Diese Aussage sieht zu akademisch, wissenschaftlich und extravagant aus.<br>
            Tatsächlich ist dies ein nützlicher praktischer Leitfaden,
            was im wirklichen, "einfachen" Leben sehr hilft:</tk3>
    
        <ul style="font-size:1.2em;">
            <li><b>Die einfachste Annahme ist
                    wahrscheinlich richtig</b></li>
            <li><b>Komplexe und/oder ungewöhnliche Annahmen sollten sein
                    <ins>durch ihre Anhänger absolut bewährt</ins></b> </li>
            <li><b>Mit den Bewertungen der Vergangenheit muss man sehr vorsichtig sein,
          wenn diese Schätzungen auf der Grundlage heutiger Tatsachen vorgenommen werden</b></li>
            <li><b>Man sollte der Bosheit nicht vorab zuschreiben,
                    was sich leicht durch Irrtum, Dummheit oder Zufall erklären lässt.</b>
            </li>
        </ul>
    Habe versucht mit
    äußere Div -
    HTML-Code:
    <div style="margin-left:8px;">
     <ul>
    ..........
    </ul>
    </div>
    - es geht nicht.
    CSS -
    Code:
    img { 
      border: solid 1px #aaa;
      padding: 2px;
    }
    
    .fleft {
      float: left;
      margin: 0 1em 0.2em 0; 
      width: 40%;
    }
    .fright {
      float: right;
      margin: 0 0 0.2em 1em;
      width: 40%
    }
    ul {
         margin-bottom: 0.4em;
         padding-bottom: 0.4em;
    }
    ul li {
     list-style-type: disc;
     color : #8F5902; 
     font-weight: 600;
     font-size: 1.2em; 
     margin-bottom: 0.4em;
     padding-bottom: 0.4em;
    }
    Was soll man hier tun?
    Vielen Dank.

  • #2
    HTML-Code:
    ul {
          list-style-position: inside;
    }
    ist ganz nützlich, jag das Teil mal durch einen HTML Validator....

    Kommentar


    • #3
      VIELEN DANK,
      e funktioniert !!!

      Kommentar

      Lädt...
      X