Ergebnis 1 bis 3 von 3

Thema: Liste wird nicht an richtiger Stelle dargestellt

  1. #1
    Azubi(ne)
    Registriert seit
    22.01.2007
    Beiträge
    74
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Liste wird nicht an richtiger Stelle dargestellt

    Hallo allerseits,

    irgendwie steh ich gerade auf dem Schlauch und finde einfach nicht den Grund, warum eine Liste bei mir immer links irgendwelchen Platz noch reserviert hat. Die Liste wird über PHP generiert und hat zum Beispiel dann folgende Struktur:
    HTML-Code:
    <div class="pageNavi_bottom">
       <ul>
          <li class="aktPage"><a class="link_pageNavi" href="index.php?page=1">[ 1 ]</a>
          </li>
          <li><a class="link_pageNavi" href="index.php?page=2">[ 2 ]</a></li>
          <li><a class="link_pageNavi" href="index.php?page=3">[ 3 ]</a></li>
          <li><a class="link_pageNavi" href="index.php?page=4">[ 4 ]</a></li>
          <li><a class="link_pageNavi" href="index.php?page=5">[ 5 ]</a></li>
          <li><a class="link_pageNavi" href="index.php?page=6">[ 6 ]</a></li>
       </ul>
    </div>
    Das CSS davon sieht wie folgt aus:
    Code:
    .pageNavi_bottom, .pageNavi_top{
        clear: both;
        margin: 0px auto;
        padding-top: 10px;
        text-align: left; 
    }
    
    .pageNavi_bottom ul{
        list-style-type: none;
        list-style-position: inside;
        border-top: 2px rgb(153,204,255) ridge;
        padding-top: 3px;
        text-align: left;
        background-color:#FF0000;
    }
    
    .pageNavi_top ul{
        list-style-type: none;
        list-style-position: inside;
        border-bottom: 2px rgb(153,204,255) ridge;
        padding-bottom: 3px;
        text-align: left;
    }
    
    .pageNavi_bottom li, .pageNavi_top li{
        display:inline;
        margin-left: 5px;
        margin-right: 5px;
        font-size: 10px;
    }
    
    li.aktPage{
        font-weight: bold;
    }
    Den Hintergrund bei "pageNavi_bottom ul" habe ich nur definiert um zu sehen wie weit sich die Liste erstreckt. Dadurch sehe ich, dass die Liste den gesamten div-Container ausfüllt. Allerdings beginnen die ersten Einträge der Liste ca. 50px rechts versetzt und nicht gleich am linken Rand. Kann mir jemand sagen, wie das zustande kommt?

    gruss chuqa
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Azubi(ne)
    Themenstarter

    Registriert seit
    22.01.2007
    Beiträge
    74
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Liste wird nicht an richtiger Stelle dargestellt

    Ok hat sich schon erledigt. Im CSS bei den Listen einfach ein padding:0px ergänzt und schon wird es ordentlich angezeigt

  3. #3
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Liste wird nicht an richtiger Stelle dargestellt

    generell solltest du dir angewöhnen, an den Anfang jeder CSS-Datei folgendes zu schreiben:
    Code:
     *{ padding:0; margin:0; }
    Damit setzt du die Standardwerte der Browser zurück. Gruß, Jojo

Ähnliche Themen

  1. css Buttons nicht an richtiger stelle
    Von SpeedFire im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 24.07.2008, 19:47
  2. Website wird online nicht dargestellt
    Von 00eraser00 im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 13.08.2007, 13:04
  3. Homepage wird im iE nicht richtig dargestellt
    Von Thommes im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 02.03.2007, 00:35
  4. Bild nicht an richtiger Stelle
    Von Buffy_Summers im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 0
    Letzter Beitrag: 19.09.2004, 14:30
  5. HIIILLLLFFFEEEE!!! HP wird nicht richtig dargestellt!
    Von Toschi. im Forum HTML & CSS Forum
    Antworten: 15
    Letzter Beitrag: 29.02.2004, 17:37

Stichworte

Berechtigungen

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