XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   (X)HTML (http://xhtmlforum.de/forumdisplay.php?f=72)
-   -   Auflistung mit - ohne Punkt (http://xhtmlforum.de/showthread.php?t=41232)

grazioli 09.08.2006 23:26

Auflistung mit - ohne Punkt
 
Hallo,

wie muss ich die Liste formatieren damit ich einen Strich erhalte. Den Punkt möchte ich nicht!!

Code:

<ul style="list-style-type:disc;">
  <li>Probieren geht &uuml;ber Studieren</li>
  <li>Liebe geht &uuml;ber Triebe</li>
  <li>Tante f&auml;llt &uuml;ber Kante</li>
</ul>

Dnke für eure Hilfe.

Gruss Simon

heiko_rs 09.08.2006 23:55

Einen Strich gibt's nicht (allenfalls per Grafik).
http://www.css4you.de/list-style-type.html

Siegfried 13.08.2006 12:22

geht nicht ...
 
Code:

ul li {
    list-style-type: none;
}
ul li:before {
    content: "-";
}

Vielleicht auch:
Code:

ul li:before {
    display: marker;
    content: "-";
    marker-offset: 1em;
}

Manchal muß man "um die Ecke denken" :D

dementius 13.08.2006 12:35

Weiss hier jemand welche Browser before: unterstützen?

Pablo 13.08.2006 12:50

Netscape 6.0
Opera 7.0
Firefox 1.0
KDE 3.1
Safari 1.0
und später..

heiko_rs 13.08.2006 12:57

Und dem aufmerksamen Leser entging hierbei nicht, daß der IE natürlich fehlt ;) Wie gesagt, Strich nur per Grafik (ggf. nur für den IE).

dementius 13.08.2006 15:05

schade.
(Bitte erweitern die den Text ..)

grazioli 13.08.2006 19:15

Hallo,

nun habe ich das Problem dass ich mit folgendem CSS einen abstand zum Rand bei Opera und Firefox erhalte!

Code:

<ul style="list-style-type:disc;
        margin-left:15px;
        font-size : 12px;
        color : #000000;
        font-family : Arial, Helvetica, sans-serif;
        background-color: #FFFFFF;
        font-weight: normal;
        vertical-align: top;">
  <li>Gesunde Ern&auml;hrung bei Erwachsenen</li>
  <li>Gesunde S&auml;uglings- und Kinderern&auml;hrung</li>
  <li>Ern&auml;hrung in Schwangerschaft und Stillzeit</li>
  <li>Ern&auml;hrung bei leichtem &Uuml;bergewicht (Body-Mass-Index 25-30)</li>
  <li>Seniorenern&auml;hrung</li>
  <li>Sportern&auml;hrung</li>
  <li>Vegetarische Kostformen</li>
</ul>

Wass muss ich ändern oder zufügen?

Danke und Gruss Simon

dementius 13.08.2006 19:44

Is ja auch klar, wenn du das margin-left auf 15 Pixel setzt :roll:

Code:

ul, li { margin: 0; padding: 0; }
EDIT
Warum schreibst du das ganze nicht in eine externe CSS-Datei?

grazioli 13.08.2006 20:04

Hallo,

ich habe bereits ein Menü auf UL und LI

Code:

  <ul id="Navigation">
 
    <li><span class="Navigation">Angebot</span>
          <ul>
        <li><a href="angebotberatung.htm">Ernährungsberatung</a></li>
        <li><a href="angebotkurse.htm">Kurse / Seminare</a></li>
                <li><a href="angebotvortraege.htm">Vorträge</a></li>
                <li><a href="angebotsupervision.htm">Supervision</a></li>
                <li><a href="angebotmedien.htm">Medien</a></li>
                <li><a href="angebotprojekt.htm">Projekte</a></li>
      </ul>
        </li>

    <li><a href="tarife.htm">Tarife / Honorare</a></li>

    <li><a href="person.htm">zur Person</a></li>

    <li><span class="Navigation">Referenzen</span>
      <ul>
        <li><a href="referenzenkurse.htm">Kurse</a></li>
        <li><a href="referenzenmedien.htm">Medien</a></li>
        <li><a href="referenzenprojekt.htm">Projekte</a></li>
      </ul>
    </li>

    <li><span class="Navigation">Kontakt</span>
          <ul>
        <li><a href="kontaktformular.php">Kontaktformular</a></li>
        <li><a href="anfahrtsweg.htm">Anfahrtsweg</a></li>
      </ul>
    </li>
       
            <li><span class="Navigation">Links</span>
          <ul>
        <li><a href="linksernaehrung.htm">Ernährung</a></li>
        <li><a href="linkszeitschriften.htm">Zeitschriften online</a></li>
        <li><a href="linksdiverse.htm">Diverse</a></li>
      </ul>
    </li>
  </ul>

mit diesem CSS
Code:

  #Lmenu{
        vertical-align: 2%;
        padding-top: 2.5em;
  }
  div#Tmenu div {
    clear: left;
        cursor: pointer;
  }
  ul#Navigation {
        margin: 0;
        padding: 0;
        text-align: center;
  }
  ul#Navigation li {
        list-style: none;
        float: left;
        position: relative;
        margin: -0.0495em;
        padding: 0;
  }
  * html ul#Navigation li {
        margin-bottom: -0.4em;
  }
  ul#Navigation li ul {
        margin: 0;
        padding: 0;
        position: absolute;
        list-style: none;
        float: left;
  }
  * html ul#Navigation li ul {
        left: -0em;
    lef\t: -0em;
  }
  ul#Navigation li ul li {
        float: none;
        display: block;
        margin-top: -0.1em;
        margin-bottom: -0.1em;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
  }
  ul#Navigation a, ul#Navigation span {
        display: block;
        width: 11em;
        font-weight: bolder;
        padding-bottom: 0.5em;
        padding-top: 0.5em;
        border: 1px solid #000000;
        background-color: #DBDCDD;
        color: #339933;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 10em;
    w\idth: 11em;  /* IE 6 in standards-compliant mode */
  }
  ul#Navigation a:hover, li a#aktuell:hover {
        padding-bottom: 0.5em;
        padding-top: 0.5em;
        border: 1px solid #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bolder;
        background-color: #CCCCCC;
        color: #339933;
  }
  ul#Navigation span {
        padding-bottom: 0.5em;
        padding-top: 0.5em;
        border: 1px solid #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bolder;
  }
  ul#Navigation li ul a:hover {
        border: 1px solid #000000;
        background-color: #CCCCCC;
        color: #339933;
  }
  li a#aktuell {
        border: 1px solid #000000;
  }
  ul#Navigation li ul span {
        border: black;
  }
  ul#Navigation li a:active, ul#Navigation li:hover a:active {
        color: black;
        background-color: #DBDCDD;
  }
/* dynamisches Ein-/Ausblenden */
  ul#Navigation li ul {
        display: none;       

  }
  ul#Navigation li:hover ul {
    display: block;
  }

Darum kann ich nicht noch ein UL und LI erstellen.

das Problem ist, dass der IE mir einen Teil der Auflistung links abschneidet, wenn ich nicht 15px setzte! Und der Opera und Firefox setzt es halt auf 15px!

Giebt es keine andere Lösung?

Danke und Gruss

Simon


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:13 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023