ilch Forum » Allgemein » HTML, PHP, SQL,... » Problem mit verschachtelten Listen

Geschlossen
  1. Di. 22.05.2007 20:24 Uhr #1
    User Pic
    mkellenberger gelöschter User
    Habe ein Problem mit verschachtelten Listen:

    Der HTML-Code sieht folgendermassen aus: 
    <ol>
      <li>Ueber uns</li>
        <ol>
          <li>Firmenprofil</li>
          <li>Unsere Labors</li>
          <li>Referenzprojekte</li>
          <li>Kontakt</li>
          <li>So finden Sie uns</li>
        </ol>
      </li>
</ol>


    Jetzt soll das erste Element, also "Ueber uns" mit einer Grafik als Aufzählungszeichen dargestellt werden.
    Die Elemente in der unteren Liste sollen mit Buchtsbaen A-... angezeigt werden. Habe das nun in der CSS so definiert: 

    li {
	list-style-image:url(kugel.png);
}

ol,li,ol {
	list-style-type:upper-alpha;
}


    Ich hoffe, ihr könnt mir helfen, habe es schon au fast alle möglichen Arten versucht.
    0 Mitglieder finden den Beitrag gut.
  2. Di. 22.05.2007 20:51 Uhr #2
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Wenn das für ein Design sein soll, dann muss das so aussehen: 

    li { 
    list-style-image:url(include/designs/DESIGNNAME/kugel.png); 
}
    0 Mitglieder finden den Beitrag gut.
  3. Di. 22.05.2007 20:58 Uhr #3
    User Pic
    mkellenberger gelöschter User
    Nein, ist nicht für ilch...
    Allgemein HTML und nur auf dieder Seite

    Das Problem ist, das einfach alle <li> Elemente Mit Grafik sind.
    0 Mitglieder finden den Beitrag gut.
  4. Di. 22.05.2007 21:02 Uhr #4
    User Pic
    dastiii Mitglied
    Registriert seit
    27.12.2005
    Beiträge
    2.354
    Beitragswertungen
    84 Beitragspunkte
    Also du willst nur die Überschrift mit ner Grafik und nicht auch die Links, oder wie soll man das verstehen?
    externer Link
    0 Mitglieder finden den Beitrag gut.
  5. Mi. 23.05.2007 06:37 Uhr #5
    User Pic
    mkellenberger gelöschter User
    Genau, wie im ersten Post beschrieben soll nur das "Über uns" mit Grafik sein.
    0 Mitglieder finden den Beitrag gut.
  6. Mi. 23.05.2007 08:13 Uhr #6
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Ja dann fügst du das CSS genau in diesen tag ein
    <li style="list-style...
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  7. Mi. 23.05.2007 12:02 Uhr #7
    User Pic
    boze Mitglied
    Registriert seit
    05.01.2007
    Beiträge
    133
    Beitragswertungen
    0 Beitragspunkte
    Ich kann es zwar jetzt gerade nicht testen, aber versuch mal
    <li class="blabla">
    und im CSS dann definieren mit .blabla {} zwinker

    So long ...
    0 Mitglieder finden den Beitrag gut.
  8. Mi. 23.05.2007 12:24 Uhr #8
    User Pic
    mkellenberger gelöschter User
    Das ganze ist eine Aufgabe für die Schule (Wer sonst würde so was besch**** machen ;))
    Das Ganze soll ohne Klassen und ID's in der CSS-Datei gemacht werden nur mit Selektoren (" ",".", usw.)...

    Hab da schon vieles ausprobiert, klappt aber nicht so ganz!
    0 Mitglieder finden den Beitrag gut.
  9. Mi. 23.05.2007 12:28 Uhr #9
    User Pic
    PacificStorm Mitglied
    Registriert seit
    30.04.2007
    Beiträge
    490
    Beitragswertungen
    0 Beitragspunkte
    würd generell nur mit <table> arbeiten
    0 Mitglieder finden den Beitrag gut.
  10. Mi. 23.05.2007 12:34 Uhr #10
    User Pic
    mkellenberger gelöschter User
    Nur mit <table>???:Sgrummlgrumml

    Ich glaub, da werden einige Leute im Forum gaanz gaanz sauer, denn für sowas ist eine Tabelle nun wirklich nicht gemacht...:@

    Tabellen sollte man ja nur noch da verwenden, wo sie auch hingehören. Ansonsten verwende ich <div>, aber das muss jeder selber entscheiden!
    0 Mitglieder finden den Beitrag gut.
  11. Mi. 23.05.2007 12:57 Uhr #11
    User Pic
    assault Hall Of Fame
    Registriert seit
    03.11.2006
    Beiträge
    2.925
    Beitragswertungen
    1 Beitragspunkte
    div ist auch eine art Tabelle *hust*
    nur was ich blöd find, dass align darin deprecated ist -.-
    ich benutzte aber eigentlich auch keine li's mehr, das regel ich lieber über &bull; &emsp; &ensp; und nem div zunge
    0 Mitglieder finden den Beitrag gut.
  12. Mi. 23.05.2007 13:00 Uhr #12
    User Pic
    boze Mitglied
    Registriert seit
    05.01.2007
    Beiträge
    133
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Mairu

    Ja dann fügst du das CSS genau in diesen tag ein
    <li style="list-style...


    Das müsste auc funktionieren! zwinker (muss) lachen
    0 Mitglieder finden den Beitrag gut.
  13. Mi. 23.05.2007 14:56 Uhr #13
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Dann sollte es so gehen 

    li {
erste Liste
}

li li {
Liste innerhalb der ersten Liste
}
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  14. Mi. 23.05.2007 16:34 Uhr #14
    User Pic
    mkellenberger gelöschter User
    Werds mal versuchen, sobald ich zuhause bin zwinker

    Aber vielen Dank für den Lösungsvorschlag
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten