mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 04.02.2023 10:10 Benutzername: Passwort: Auto-Login

Thema: ul / li style vom 07.09.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> ul / li style
Seite: 1, 2  Weiter
Autor Nachricht
pidigi
Threadersteller

Dabei seit: 24.08.2006
Ort: Köln
Alter: 42
Geschlecht: Männlich
Verfasst Di 07.09.2010 20:04
Titel

ul / li style

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen,

ich versuche seit Stunden dieses zu realisieren. Eine li-Aufzählung aber mit bitte einer Klammer am ende.
Kann man das mit HTML & CSS irgendwie hinbekommen?

Vielen Dank im voraus

  View user's profile Private Nachricht senden
nullhorn

Dabei seit: 22.02.2006
Ort: Brend-City
Alter: 38
Geschlecht: Männlich
Verfasst Mi 08.09.2010 07:55
Titel

Antworten mit Zitat Zum Seitenanfang

Im CSS sind Aufzählungstypen vordefiniert...

http://www.brinkmann-du.de/html4/html01_08_02_04.htm

http://www.mediaevent.de/css/listmarker-type.html

Ich sehe hier jetzt kein Möglichkeit eine ")" also eine Sonderformatierung mit einständigem Zählmechanismus zu coden. Bei selbstgetippter 1.) , 2.) , 3.) , ... sieht die Sache natürlich schon wieder ganz anders aus.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
_eris_

Dabei seit: 19.09.2007
Ort: -> · <-
Alter: 37
Geschlecht: Weiblich
Verfasst Mi 08.09.2010 08:50
Titel

Antworten mit Zitat Zum Seitenanfang

Du könntest mit dem Pseudoelement :before eine ähnliche Aufzählung hinbekommen

Code:

li:before {
    content: ")";
    margin-left: -10px;
    margin-right: 5px;
}


Dabei setzt :before immer ein Zeichen vor den Listeneintrag.
content legt das Zeichen ")" fest
und beim margin müsstest du dann evtl. ein bisschen rumspielen, so das die Klammer näher an der Zahl als am Listeneintrag ist.

Aber damit bekommst du auch nur
1.)
2.)
3.)

hin.
also der Punkt wäre schon mit drin.


Zuletzt bearbeitet von _eris_ am Mi 08.09.2010 08:50, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pRiMUS

Dabei seit: 09.09.2003
Ort: Vienna
Alter: 47
Geschlecht: Männlich
Verfasst Mi 08.09.2010 08:57
Titel

Antworten mit Zitat Zum Seitenanfang

ganz wild würde das auch mit nem background image gehen, das du dem li tag mitschickst.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 08.09.2010 09:05
Titel

Antworten mit Zitat Zum Seitenanfang

Huh, ich habs nicht ausrobiert, aber theoretisch könnte man ja die Klammer auf den Punkt rüberpositionieren... muahaha
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
emorikaner

Dabei seit: 23.06.2009
Ort: Augsburg
Alter: 32
Geschlecht: Männlich
Verfasst Mi 08.09.2010 09:16
Titel

Antworten mit Zitat Zum Seitenanfang

in etwa so? http://jsfiddle.net/X68Mz/1/

Wird halt nicht in IE 6/7 funktioniert - ob IE8 "counter" kennt, weiß ich nicht.
  View user's profile Private Nachricht senden
pRiMUS

Dabei seit: 09.09.2003
Ort: Vienna
Alter: 47
Geschlecht: Männlich
Verfasst Mi 08.09.2010 10:02
Titel

Antworten mit Zitat Zum Seitenanfang

emorikaner hat geschrieben:
in etwa so? http://jsfiddle.net/X68Mz/1/

Wird halt nicht in IE 6/7 funktioniert - ob IE8 "counter" kennt, weiß ich nicht.


krasser scheiss. was es alles gibt *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
emorikaner

Dabei seit: 23.06.2009
Ort: Augsburg
Alter: 32
Geschlecht: Männlich
Verfasst Mi 08.09.2010 10:11
Titel

Antworten mit Zitat Zum Seitenanfang

pRiMUS hat geschrieben:
krasser scheiss. was es alles gibt *zwinker*

Allerdings *ha ha* Wenn der IE nicht wäre, würde ich das vermutlich auch öfters verwenden.


( und googlesuche benützen kann alles: http://www.css4you.de/contentproperty.html * Ich bin ja schon still... * )
  View user's profile Private Nachricht senden
 
Ähnliche Themen HTML element Style ohne Parentelement Style
Tipps für verwaschenen Style bzw. Splash Style
Hilfe: CSS Style
CSS.Style für Hyperlinks
Adressbuch im OWA Style
Welcher Style
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.