zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Abstände in :before Listen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.06.2014, 11:56
Benutzerbild von Dylan
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.10.2007
Beiträge: 68
Dylan befindet sich auf einem aufstrebenden Ast
Standard Abstände in :before Listen

Ich habe ein Problem mit dem einrücken von Listeinträgen bei einer :before Liste

Code:
ul.liste {
    clear: both;
    list-style: none outside none;
}

ul.liste li:before {
	content: '\e610 ';
	color: #0d6f3d;
	font-family: 'icomoon';
	display: inline-block;
	line-height: 1;
}
Das Icon sitzt direkt am Listeintrag. Wie kann bei Font :before Listen der Abstand zwischen Icon und Listeintrag definiert werden?
Der Font enthält leider kein Leerzeichen, sonst würde ich es einfach nach diesem Muster setzen: „content: '\e610  ';“
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.06.2014, 12:00
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Da gibt es viele Möglichkeiten. Before setzt im Prinzip ein Element direkt vor dein Element, mit margin/padding kannst du dann Abstände definieren.
.liste li{margin-left:30px}
.liste li:before{margin-right:300px}
Eventuell musst du natürlich noch die display-Eigenschaften auf block, oder inline-block setzen.
Alternativ kannst du auch mit floats oder absolut positionierten Elementen arbeiten, je nachdem, was deinem Wunschergebnis am nächsten kommt.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.06.2014, 13:03
Benutzerbild von Dylan
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.10.2007
Beiträge: 68
Dylan befindet sich auf einem aufstrebenden Ast
Standard

Danke!

Mir fehlte der
ul.liste li {
margin-left: 0;
}

Eintrag plus das margin-right. Funktioniert das auch im IE, arbeite leider am Mac und kann das nicht testen?
Mit Zitat antworten
  #4 (permalink)  
Alt 24.06.2014, 13:20
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Dein ausgewähltes Zeichnen wird bei mir nicht dargestellt. Weder im Firefox noch im Chrome. Bitte beachte das du ein Zeichen auswählst das auch in der Schriftfamilie vorkommt. Arial zum Beispiel kennt das Zeichen nicht.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
  #5 (permalink)  
Alt 24.06.2014, 14:17
Benutzerbild von etux
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Ort: Berlin
Beiträge: 643
etux wird schon bald berühmt werden
Standard

Zitat:
Zitat von cloned Beitrag anzeigen
... Before setzt ... ein Element direkt vor dein Element ...
... vor dem Inhalt des Elements:
https://developer.mozilla.org/de/docs/Web/CSS/::before
__________________
Grüße: Emil
--------------------------------------
https://emil-webdesign.net/
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

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

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


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Listen Abstände für Menü in IE butterbreeze CSS 3 28.07.2008 14:53
Problem mit Listen in Eltern mit Padding: Punkte werden im verbotenen Bereich angezei braindead (X)HTML 5 13.09.2007 17:43
Abstände in den Listen entfernen Maik1985HH CSS 6 28.12.2006 14:58
listen interen abstände Holger (HMR) CSS 10 08.01.2005 18:10
Listen: IE6 macht grosse Abstände Retrax CSS 2 02.12.2004 19:30


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:00 Uhr.