hilfdirselbst.ch
Facebook Twitter gamper-media
Tipps und Tricks zu Adobe GoLive von Dirk Levy, GoLive FAQ's von Randolph Sterna
ruebe
Beiträge: 1024
20. Dez 2002, 09:23
Beitrag #1 von 11
Bewertung:
(1538 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

andere Listenpunkte via CSS


Hallo,

ich hab in GL6 die Listenpunkte durch eine Grafik ersetzt... mit CSS. Jetzt hätte ich aber gerne, dass die Unterpunkte der Listenpunkte eine andere Grafik bzw. den normalen Punkt haben - komm da aber leider nicht weiter. Geht das überhaupt?

Danke und liebe Grüße
René
---------------------
Es gibt nichts Schöneres, als dem Schweigen eines Dummkopfes zuzuhören.
(Helmut Qualtinger) Top
 
X
SabineP  M 
Beiträge: 7586
20. Dez 2002, 10:05
Beitrag #2 von 11
Beitrag ID: #19925
Bewertung:
(1538 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

andere Listenpunkte via CSS


Hallo Rübe, natürlich geht das.
Verwende einfach verschiedene Klassen:

<HTML>
<HEAD>
<TITLE> Liste </TITLE>
<STYLE type="text/css">
.bild {list-style-image: url(images/bild.gif)}
.normal {list-style-image: none;}
</style>
</HEAD>

<BODY>
<UL class="bild">
<LI>erster Punkt
<LI>zweiter Punkt


<UL class="normal">
<LI>dritter Punkt
<LI>vierter Punkt

</UL>
</UL>

</BODY>
</HTML>

Mit "list-style-type" kannst Du das Aussehen der Listenpunkte selbst bestimmen:
http://www.w3.org/.../current/test563.htm

Grüße von Sabine
als Antwort auf: [#19920] Top
 
ruebe
Beiträge: 1024
20. Dez 2002, 10:34
Beitrag #3 von 11
Beitrag ID: #19931
Bewertung:
(1538 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

andere Listenpunkte via CSS


Ach wäre die Welt doch schön gäbe es den Netscape nicht!

1. mal danke für Deine Hilfe... aber:

ich hab einen Stil für td (das macht meiner Meinung nach Sinn) dann hab ich jetzt einen für Listenpunkte der 1. Ebene und einen für die 2. Ebene. Der IE6 versteht auch was ich will nur im Netscape7 gehts wiedermal nicht :(

Wenn ich dem td keine CSS-Anweisung für Listenpunkte gebe ignoriert der NN7 meine .class Angaben und malt die Standardpunkte hin... gebe ich im td die Grafik an wirds mir zwar angezeigt aber leider für beide Ebenen...

Es ist zum Verzweifeln - heißt das jetzt, dass ich auf meine CSS Angaben beim td verzichten muss?

Grüße
René
---------------------
Es gibt nichts Schöneres, als dem Schweigen eines Dummkopfes zuzuhören.
(Helmut Qualtinger)
als Antwort auf: [#19920]
(Dieser Beitrag wurde von ruebe am 20. Dez 2002, 10:36 geändert)
Top
 
ruebe
Beiträge: 1024
20. Dez 2002, 10:50
Beitrag #4 von 11
Beitrag ID: #19933
Bewertung:
(1538 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

andere Listenpunkte via CSS


Okay alles zurück!!!
es geht doch auch im 7er Navigator... der Unterschied ist, dass man auch <Par> anhaken muss; der IE hat sich schon mit <Span> zufrieden gegeben...

Danke nochmal für die Hilfe
Grüße
René
---------------------
Es gibt nichts Schöneres, als dem Schweigen eines Dummkopfes zuzuhören.
(Helmut Qualtinger)
als Antwort auf: [#19920] Top
 
SabineP  M 
Beiträge: 7586
20. Dez 2002, 11:02
Beitrag #5 von 11
Beitrag ID: #19934
Bewertung:
(1538 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

andere Listenpunkte via CSS


>>der IE hat sich schon mit <Span> zufrieden gegeben...

An dieser Stelle akzeptiert der IE wieder mal einen Fehler (das macht der ja so gern :-))

<ul> gehört nicht innerhalb eines <span>, weil <ul> ein Block-Element ist.

Deshalb hat es im Netscape 7 nicht geklappt.

Beispiel

falsch:
<span>
<ul>
<li>
<li>
</ul>
</span>

richtig:
<ul>
<li><span>Listenpunkt</span>
<li>
</ul>

Grüße von Sabine
als Antwort auf: [#19920]
(Dieser Beitrag wurde von SabineP am 20. Dez 2002, 11:07 geändert)
Top
 
ruebe
Beiträge: 1024
20. Dez 2002, 11:21
Beitrag #6 von 11
Beitrag ID: #19937
Bewertung:
(1538 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

andere Listenpunkte via CSS


Aha - nochmal vielen Dank für Deine Hilfe

Grüße
René
---------------------
Es gibt nichts Schöneres, als dem Schweigen eines Dummkopfes zuzuhören.
(Helmut Qualtinger)
als Antwort auf: [#19920] Top
 
Josef
Beiträge: 216
25. Nov 2003, 16:44
Beitrag #7 von 11
Beitrag ID: #60138
Bewertung:
(1538 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

andere Listenpunkte via CSS


wie kann ich die listen Ziffern mit dem ersten wort fett machen und den restlichen Text normal in der gewichtung: siehe hier http://www.easy-treff.de/html/agbs.html
Gruß Josef
als Antwort auf: [#19920] Top
 
SabineP  M 
Beiträge: 7586
25. Nov 2003, 18:05
Beitrag #8 von 11
Beitrag ID: #60153
Bewertung:
(1538 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

andere Listenpunkte via CSS


Hallo Josef, so kannst Du das machen:

<HTML>
<HEAD>
<style type="text/css" media="screen"><!--
.fett {font-weight:bold}
.normal {font-weight:normal}
--></style>
</HEAD>
<BODY>
<OL class="fett">
<LI>erstes Wort <span class="normal">bla bla</span>
<LI>erstes Wort <span class="normal">bla bla</span>
<LI>erstes Wort <span class="normal">bla bla</span>
</OL>
</BODY>
</HTML>

Gruß Sabine
als Antwort auf: [#19920] Top
 
Josef
Beiträge: 216
25. Nov 2003, 19:16
Beitrag #9 von 11
Beitrag ID: #60159
Bewertung:
(1538 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

andere Listenpunkte via CSS


Hallo Sabine,

:-) und wie geht das extern, ich nerve gel

Gruß Josef
als Antwort auf: [#19920] Top
 
SabineP  M 
Beiträge: 7586
25. Nov 2003, 19:46
Beitrag #10 von 11
Beitrag ID: #60162
Bewertung:
(1538 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

andere Listenpunkte via CSS


Ganz einfach so wie Du das sonnst auch machst.

Auszug aus Deinem Quellcode:
<link href="../css/styles.css" rel="stylesheet" media="screen">

Du schreibst also in die Datei styles.css

.fett {font-weight:bold}
.normal {font-weight:normal}

Im HTML-Code werden die Klassen zugewiesen:

<OL class="fett">
<LI>erstes Wort <span class="normal">bla bla</span>
<LI>erstes Wort <span class="normal">bla bla</span>
<LI>erstes Wort <span class="normal">bla bla</span>
</OL>

Gruß Sabine
als Antwort auf: [#19920] Top
 
Josef
Beiträge: 216
26. Nov 2003, 08:37
Beitrag #11 von 11
Beitrag ID: #60191
Bewertung:
(1538 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

andere Listenpunkte via CSS


Hi Sabine

danke, hat geklappt. :-)


Gruß Josef
als Antwort auf: [#19920] Top
 
X