[CSS] <p> und <ul> formatierung klappt nicht

Dieses Thema im Forum "Webdesign" wurde erstellt von juppwatis, 1. September 2013 .

Schlagworte:
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 1. September 2013
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Hallo zusammen,

    ich habe das problem, dass meine <p> und <ul> formatierung irgendwie nicht greifen will. Ich habe folgenden Quelltext:
    Code:
    <div id="event-details">
    <div class="detail">Wann</div>
    <p>Samstag, 26. Oktober 2013 ab 14:00 Uhr</p>
    <div class="detail">Wo</div>
    <p>Disco Fame, Zimmern ob Rottweil</p>
    <div class="detail">Was</div>
    <ul class="info">
    <li>Großes Beer Pong Turnier mit anschließender After-Show Party</li>
    <li>Mindestens 5 Spiele pro Team</li>
    <li>Eintritt zur After-Show Party im Preis enthalten</li>
    </ul>
    <div class="detail">Preise</div>
    <p>1. Platz: 500EUR [&amp;] Beer Pong Tisch des Finalspieles<br>2. Platz: 250EUR [&amp;] Beer Pong Luftmatratze<br>3. Platz: 100EUR [&amp;] 100 Red Cups<br> Weitere Sachpreise für nachfolgende Plätze je nach Teilnehmeranzahl</p>
    <div class="detail">Startgeld</div>
    <p>25EUR pro Spieler (2 Spieler je Team)</p>
    <div class="detail">Anmeldefrist</div>
    <p>13. Oktober 2013</p>
    </div>
    dazu habe ich folgenden code:
    Code:
    .mod_eventreader .layout_full #event-details div {/*design detail page with information for event*/
     color: #c31421;
     float: left; 
     /*font-weight: bold;*/
     margin-bottom:0.5em;
     position:relative;
     text-transform:uppercase;
    }
    .mod_eventreader .layout_full #event-details p {/*design detail page with information for event details*/
     border-left:1px solid #aaa;
     margin-bottom: 0.5em;
     margin-left:2em;
     padding-left:0.5em;
    }
    .mod_eventreader .layout_full #event-details ul {/*design detail page with information for event details - ilst*/
     border-left:1px solid #aaa;
     margin-left:55px;
     padding-left:10px;
    }
    die DIVs kann ich einwandfrei formatieren und die regeln greifen. nur für die <p> und <ul> klappt es leider absolut gar nichts. es passiert nichts mit den margin-lefts, padding-lefts, etc. woran kann das liegen? ich würde gerne, dass das ganze so aussieht wie im angehängten screenshot (Masters of Beer Pong | BPONG)

    wer das ganze live sehen will, kann gerne die seite aufrufen:
    http://www.esobp.de/de/turniere/beer-pong-masters/bpm-turnierinformationen/events/beer-pong-masters-rottweil.html
    user: admin
    passwort: beerpong

    ich freue mich über jede hilfe!!!

    [​IMG]
     

  2. Anzeige
  3. #2 1. September 2013
    AW: [CSS] <p> und <ul> formatierung klappt nicht

    Doch, die Regeln greifen alle.
    Das Problem ist nur dein restlicher CSS-Code - ohne ins Detail gehen zu wollen, dann das wäre einfach zu viel!

    Nutze am besten eine Tabelle für die Auflistung (dafür sind die da!).
     

  4. Videos zum Thema
Die Seite wird geladen...
Similar Threads - CSS <p> <ul>
  1. Antworten:
    0
    Aufrufe:
    1.396
  2. Antworten:
    3
    Aufrufe:
    1.336
  3. Antworten:
    1
    Aufrufe:
    956
  4. Antworten:
    2
    Aufrufe:
    1.253
  5. Antworten:
    2
    Aufrufe:
    1.359