+ Antworten
Ergebnis 1 bis 6 von 6

Thema: "li" Zeilenumbruch löschen

  1. #1
    War schon öfter hier
    Registriert seit
    21.02.2008
    Ort
    München
    Beiträge
    123
    Bedankte sich
    16
    Erhielt 3 Danksagungen
    in 3 Beiträgen

    Standard "li" Zeilenumbruch löschen

    Ich möchte bei li-Aufzählungen komplett den Zeilenumbruch löschen. Bis jetzt habe ich die Punkte schon in eine Zeile gepackt:
    PHP-Code:
    li{
        
    displayinline;
        
    white-space:pre;
        
    padding-right:10px;

    Allerdings habe ich noch vor und nach den Punkten einen Zeilenumbruch. Was fehlt mir noch?

    Noch ne Frage: Momentan habe ich die einzelnen Punkte durch ein Padding voneinander getrennt, allerdings will ich eigentlich nur ein Komma mit einem Leerzeichen danach...

    Merci!

  2. #2
    Ex-Über-Mod Avatar von rico
    Registriert seit
    04.12.2005
    Ort
    Potsdam
    Alter
    47
    Beiträge
    1.699
    Bedankte sich
    237
    Erhielt 466 Danksagungen
    in 383 Beiträgen

    Standard

    Ich habe das mal so gemacht (wenn ich dich jetzt richtig verstehe sollen die li's nebeneinander angezeigt werden)

    <ul id="icons"> und die css:

    Code:
    ul#icons li {
    background-image:none;
    display:block;
    float:left;
    margin-right:5px;
    padding:0.3em;
    }
    MFG. Ricola
    Kleines Tutorial zum Objektorientierten Programmieren mit PHP

  3. Erhielt Danksagungen von:


  4. #3
    Kommt häufiger vorbei Avatar von HEOS Germany
    Registriert seit
    21.11.2008
    Ort
    Mitten in Deutschland
    Beiträge
    254
    Bedankte sich
    2
    Erhielt 91 Danksagungen
    in 86 Beiträgen

    Standard

    Üblicherweise macht man das mit float:left oder display:inline
    white-space:pre hat nix mit Block-Elementen zu tun

    Um die Punkte wegzubekommen gibst du dem ul ein list-style-type:none;
    Wenn ich helfen konnte freue ich mich über einen Klick auf "Danke" - Gelöste Threads bitte markieren.
    Meine Lieblingstiere: Der Weberknecht und der Feuerkäfer
    http://heos-germany.de

  5. Erhielt Danksagungen von:


  6. #4
    War schon öfter hier
    Registriert seit
    21.02.2008
    Ort
    München
    Beiträge
    123
    Bedankte sich
    16
    Erhielt 3 Danksagungen
    in 3 Beiträgen

    Standard

    Das nähert sich schon langsam dem was ich mir wünsche:

    Allerdings hätte ich gerne "Plattdeutsch" und "Ostdeutsch" in der gleichen Zeile wie "Dialekte"...

  7. #5
    Ex-Über-Mod Avatar von rico
    Registriert seit
    04.12.2005
    Ort
    Potsdam
    Alter
    47
    Beiträge
    1.699
    Bedankte sich
    237
    Erhielt 466 Danksagungen
    in 383 Beiträgen

    Standard

    was passiert, wenn du dem li oder ul li in der css noch einen width:100px; hinzugibst?
    Kleines Tutorial zum Objektorientierten Programmieren mit PHP

  8. Erhielt Danksagungen von:


  9. #6
    War schon öfter hier
    Registriert seit
    21.02.2008
    Ort
    München
    Beiträge
    123
    Bedankte sich
    16
    Erhielt 3 Danksagungen
    in 3 Beiträgen

    Standard

    Perfekt! Hat alles super geklappt! Merci!

+ Antworten

Lesezeichen

Berechtigungen

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