Datenschutzerklärung

Listenpunkte formatieren

Validome - Forum

Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / Javascript-Forum /

Listenpunkte formatieren

  Beitrag schreiben
Autor
Beitrag Seiten: 1
easymoments
Mitglied

Ort: Agadir
Registriert: 17.05.2008
Beiträge: 3
hallo zusammen,

ich möchte die zahlen einer liste formatieren.

z.b.
1. xxxx
2. xxx
3. xxxxx

wie kann ich z.B. den zahlen eine extra farbe zuweisen und nen hintergrund?


_______________________________________
lg easymoments
wer nicht fragt, der kommt nicht weiter ;o)

17.05.2008 16:38:58
http://www.easymoments.de Zitieren
dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 616
Hi

Was soll das mit JavaScript zu tun haben?
Außerdem mögen wir es hier, wenn man Groß- und Kleinschreibung berücksichtigt.
Als X-Poster solltest Du zudem wissen, das Du eine ähnliche Antwort schon woanders bekommen hast.
Schau Dir einfach mal SelfHTML an und Du findest die Antwort mit etwas Eigeninitiative.

Viel Spaß noch...


_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080625 Ubuntu/dapper-security Firefox/1.5.0.12eol

17.05.2008 21:05:57
http://dkmd.de | http://dkdenz.de Zitieren
easymoments
Mitglied

Ort: Agadir
Registriert: 17.05.2008
Beiträge: 3
Danke für deine Antwort. Aber ich habe leider bisher noch keine Lösung gefunden, die funktioniert. Und auch über Mr. Google und diversen anderen Foren habe ich keine Lösung zu meinem Problem gefunden. Es wäre lieb, wenn du mir nen Link posten könntest, wenn du was gefunden hast.

Ich möchte die automatisch generierten Zahlen einer Liste formatieren, dass man einem <li> nen Background geben kann usw. , das weiß ich...
Ich glaube dass es mit reinem Css nicht möglich ist und man JavaScript zu Unterstützung benötigen tut.

lg sandra


_______________________________________
lg easymoments
wer nicht fragt, der kommt nicht weiter ;o)

18.05.2008 12:51:12
http://www.easymoments.de Zitieren
dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 616
Hi
Ok, nachdem ich Deine Frage nochmals durchgelesen habe, bin ich wie Du auf den Standpunkt gekommen, das Dein Problem nicht mit purem CSS zu lösen sein wird.
Mir schwirrte im Kopf herum, eigene Listensymbole zu verwenden, aber dann fehlt Dir ja die Nummerierung.
Also sorry für meine vorschnelle Aussage.
Aber so könntest Du zumindest die Schriftfarbe beeinflussen:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
        <title>xxx</title>
    </head>
    <body>
        <ol style="color:#ff0000;">
            <li><b style="color:#0000ff;font-weight:normal;">xxx</b>
            <li>
            <li>
            <li>
        </ol>
    </body>
</html>

Viel Spaß noch...


_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080625 Ubuntu/dapper-security Firefox/1.5.0.12eol

18.05.2008 19:25:25
http://dkmd.de | http://dkdenz.de Zitieren
easymoments
Mitglied

Ort: Agadir
Registriert: 17.05.2008
Beiträge: 3
ja danke,

die schriftfarbe ist das kleinste problem... mein problem ist der hintergrund.


_______________________________________
lg easymoments
wer nicht fragt, der kommt nicht weiter ;o)

18.05.2008 23:45:37
http://www.easymoments.de Zitieren
Chiaki
Mitglied

Ort: Confoederatio Helvetica
Registriert: 23.12.2007
Beiträge: 115
Hallo,

mit CSS wird das nicht funktionieren, da kannst du nur das komplette LI mit
Listenpunkt und Listeninhalt gleichzeitig formatieren. Auch mit JS dürfte es keine
sinnvolle bzw. effektive Lösung geben.

Als "Workaround" könntest du per CSS die Listennummerierung auf 'none' stellen
und anschliessend mit zwei DIVs arbeiten - da die Liste automatisch generiert wird,
müssen vom Script eben auch die Listennummern generiert werden.
Den Hintergrund kannst des ersten DIVs kannst du dann ja separat formatieren.

Oder du schreibst die Liste einfach als blinde Tabelle, auch wenn dieses Vorgehen
den Sinn der Liste vernichtet und zusätzlichen Quellcode/Struktur-Outlet bedeutet.

Greetings, Chiaki

Beitrag geändert von Chiaki (24.05.2008 19:15:54)


_______________________________________
Make sure You've read RFC 1855, before sending electronic mail,
start Chats, posting on Newsgroups or leave any Comments.
RFC 1855: Netiquette Guidelines <http://www.rfc1855.net/>

24.05.2008 19:15:20
http://www.rfc1855.net/ Zitieren
Seiten: 1   Beitrag schreiben
Wechsel zu

Die letzten Beiträge aus diesen Forum

Valid HTML 4.01