Ergebnis 1 bis 6 von 6

Thema: Die Punkte in der ul gehen nicht weg!?

  1. #1
    Youngster
    Registriert seit
    05.03.2010
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Die Punkte in der ul gehen nicht weg!?

    Guten Tag Forumuser,

    ich bin neu hier und brauche eure freundliche Hilfe.
    Ich arbeite mit Dreamweaver, bin ziemlicher Anfänger, und habe da eine Navi mit CSS vor.
    Die Seite habe ich mit divs gemacht, in welche ich die geslicten Bilder aus dem Layout als Hintergrundbilder eingefügt habe.
    Auf dem Bereich Navi habe ich direkt mit Text die Menüpunkte geschrieben und eine ungeordnete Liste daraus gemacht. Ich bekomme aber einfach nicht die Listenpunkte weg mit "list-style-type:none; siehe Anhang!

    Ich weiß nicht mehr weiter!

    Hier mal der Quellcode:
    </style>
    <link href="css_style.css" rel="stylesheet" type="text/css" />
    <body>
    <div class="wrap" id="wrapper">
    <div class="header" id="header">header</div>
    <div class="navi" id="navi">
    <ul>
    <li>Home </li>
    <li>Osteopathie</li>
    <li>Anwendungen</li>
    <li>über mich<br />
    </li>
    <li>Kontakt<br />
    </li>
    <li>Links<br />
    </li>
    <li>Impressum</li>
    </ul>
    </div>
    <div class="container" id="container">Raum für den Inhalt von class "container" id "container"</div>
    <div class="footer" id="footer">Raum für den Inhalt von class "footer" id "footer"</div>
    </div>
    </body>
    </html>

    Hier der CSS-Code:

    body {
    background-color:#D2EFDF;
    color:#000000;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:100.01%;
    }
    body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {
    margin:0;
    padding:0;
    }
    h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
    }

    }
    #wrapper {
    background-color:#D2EFDF;
    height:593px;
    margin:35px auto 20px;
    width:817px;
    }
    #header {
    background-image:url("Bilder/header.jpg");
    background-repeat:no-repeat;
    height:128px;
    width:820px;
    }
    #navi {
    background-image:url("Bilder/navi.jpg");
    background-repeat:no-repeat;
    float:left;
    font-size:0.9em;
    height:426px;
    line-height:1.8em;
    list-style-type:none;
    width:114px;
    }
    #container {
    background-image:url("Bilder/main.jpg");
    background-repeat:no-repeat;
    float:right;
    height:426px;
    width:699px;
    }
    #footer {
    background-image:url("Bilder/footer.jpg");
    clear:both;
    float:left;
    height:45px;
    width:817px;
    }

    body {
    background-color: #d2efdf;
    }
    #wrapper {
    height: 593px;
    width: 817px;
    margin-top: 35px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    background-color: #d2efdf;
    }
    #header {
    height: 128px;
    width: 820px;
    background-image: url(Bilder/header.jpg);
    background-repeat: no-repeat;
    }
    #navi {
    background-image: url(Bilder/navi.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 426px;
    width: 114px;
    font-size: 0.9em;
    line-height: 1.8em;
    list-style-type: none;
    }
    #container {
    height: 426px;
    width: 699px;
    float: right;
    background-image: url(Bilder/main.jpg);
    background-repeat: no-repeat;
    }
    #footer {
    clear: both;
    height: 45px;
    width: 817px;
    float: left;
    background-image: url(Bilder/footer.jpg);
    }
    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 !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Meister(in) Avatar von lukasn
    Registriert seit
    23.02.2008
    Ort
    Schweiz
    Alter
    27
    Beiträge
    491
    Danke
    2
    Bekam 12 mal "Danke" in 11 Postings

    Standard AW: Die Punkte in der ul gehen nicht weg!?

    Code:
    #navi ul {
         list-style: none;
    }
    sollte dein Problem lösen. Allerdings noch was anderes: Warum definierst du immer id und class? eins davon wäre genug

    -Lukas

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    05.03.2010
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Die Punkte in der ul gehen nicht weg!?

    Jo, das hat funktioniert! Die class habe ich auch gelöscht.
    Ich habe das mit den Selektoren noch nicht verstanden.
    Da habe ich jetzt fünf Stunden mit rumprobiert! Also muss ich für eine ul eine neue CSS-Anweisung anlegen, ...natürlich

    Danke
    Premker

  4. #4
    Thonixx
    Gast

    Standard AW: Die Punkte in der ul gehen nicht weg!?

    Für folgendes:
    HTML-Code:
    body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl,  blockquote, address, hr, pre {
    margin:0;
    padding:0;
    }
    empfehle ich eher das:
    HTML-Code:
    * {
    margin: 0;
    padding: 0;
    }
    Der Stern ist ein Platzhalter, welcher alle Elemente des ganzen Codes anspricht.
    Aber das finde ich nicht sehr sinnvoll, da ein margin bei einem P (Absatz) sinnvoll ist, da dann der P-Tag den Zweck ein wenig verfehlt, und es dann kein Absatz mehr wäre.

  5. #5
    Youngster
    Themenstarter

    Registriert seit
    05.03.2010
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Die Punkte in der ul gehen nicht weg!?

    Ich glaub, das ist ein Eric Meyer Code. Der rigide Stil soll erzwingen, das man sich um jedes Element bewusst kümmert und einen eigenen CSS-Stil deklariert. Ich habe es jetzt erst mal in der von Dir empfohlenen Art gemacht. Muss erst mal mehr durchblicken.

    Dir auch ein Danke für die schnelle Antwort

  6. #6
    Thonixx
    Gast

    Standard AW: Die Punkte in der ul gehen nicht weg!?

    Du musst halt einfach jetzt bei jedem einzelnen Element das margin setzen, auch bei den Überschriften.
    Aber so hat man scho so seine eigene Kontrolle über das Margin/Padding-Verhalten aller Elemente.

Ähnliche Themen

  1. Umlaute gehen nicht!
    Von Der Nappel im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 8
    Letzter Beitrag: 24.05.2008, 18:57
  2. Menu und bilder gehen bei IE nicht
    Von Schiedsrichter-nms im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 29.09.2007, 21:18
  3. frames gehen sie nun mit transparenz oder nicht
    Von holzapfel im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 12.07.2007, 12:27
  4. PHP extensions gehen nicht
    Von DarkSyranus im Forum Computer - Internet Forum
    Antworten: 2
    Letzter Beitrag: 11.04.2007, 10:47
  5. ICQ Devils gehen nicht
    Von Marco001 im Forum Computer - Internet Forum
    Antworten: 0
    Letzter Beitrag: 04.03.2007, 21:37

Stichworte

Berechtigungen

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