Zurück   HTML Forum > Programmierung > HTML

HTML In dem Forum bekommst du nützliche Tipps und schnelle Hilfe zu deinen Fragen rund um HTML und XHTML.

Neues Thema erstellen  Antwort
 
Themen-Optionen Thema durchsuchen
Alt 01.10.2011, 07:04   #1
Neuer Benutzer
 
Registriert seit: 16.06.2010
Ort: München
Beiträge: 17
Standard Frage zu einer Liste (<ul>)

Hallo.

Ich habe folgendes Problem:
Ich habe eine Liste (ul), bei der ich ein selbst definiertes Icon als Aufzählungszeichen verwende.
Nur ist das Zeichen etwas größer als die Schriftgröße (diese will ich auch nicht ändern) und die Schrift erscheint deshalb nicht mittig.
Siehe Bild:



HTML sieht so aus:
HTML-Code:
<ul>
  <li>Test1</li>
  <li>Test2</li>
  <li>Test3</li>
  <li>Test4</li>
</ul>
Hab' in CSS schon alles mögliche versucht, aber nichts hat bisher geklappt.
CSS sieht (momentan) so aus:
Code:
#inhalt ul li {
    font-size: 100%;
    list-style-image: url("../images/schere30.png");
    margin-left: 30px;
    vertical-align: middle;
}
Auch das vertical-align hat nichts gebracht.

Was kann ich machen ?

Danke für Eure Hilfe.
Gruß
Martin
MaWe ist offline   Mit Zitat antworten
Alt 03.10.2011, 20:02   #2
Neuer Benutzer
 
Registriert seit: 03.10.2011
Beiträge: 3
Standard AW: Frage zu einer Liste (<ul>)

Hi, ich stand' mal vor dem selben Problem, was ich folgendermaßen gelöst habe:

Icon nicht als "list-style-image" sondern als "background-image" einbinden.
Damit die Schrift nicht Links über dem icon anfängt, das ganze mit "padding-left" beliebig einrücken.

Wenn das Icon noch nicht mittig ist, kannst du das "background-image" mit verschiedenen Eigenschaften versehen.

Beispiel:

Code:
#inhalt ul li { 
   font-size: 100%;     
   background-image: url("../images/schere30.png") no-repeat left 1px; 
   margin-left: 30px;
   padding-left: 20px;
   list-style-type: none;
}

Geändert von JoRu1407 (03.10.2011 um 20:05 Uhr)
JoRu1407 ist offline   Mit Zitat antworten
Alt 14.10.2011, 19:12   #3
Neuer Benutzer
 
Registriert seit: 16.06.2010
Ort: München
Beiträge: 17
Standard AW: Frage zu einer Liste (<ul>)

Hallo JoRu1407,

sorry für meine späte Antwort. Hatte jetzt leider länger keine Zeit das Thema weiter zu verfolgen.
Hab' Dein Ansatz mal ausprobiert und es funktioniert.
Muss jetzt nur das mit dem Einrücken machen und dann passt es.

Danke für den Tipp.
MaWe ist offline   Mit Zitat antworten
Alt 11.11.2011, 19:18   #4
Neuer Benutzer
 
Registriert seit: 11.11.2011
Ort: Mannheim
Beiträge: 4
Standard AW: Frage zu einer Liste (<ul>)

bei CSS reicht vermutlich schon ein einfaches line-height
pidd ist offline   Mit Zitat antworten
Neues Thema erstellen  Antwort
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are aus
Pingbacks are aus
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fehlermeldung beim Validieren: <ul> WGz HTML 4 27.07.2011 17:22
Problem: Ansicht der Liste im IE6 HansP CSS 0 25.03.2010 18:24
Frage Bildschirmbreite Anne88 HTML 2 10.09.2009 14:39