Autor |
Nachricht |
Anti78
Threadersteller
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Di 18.07.2006 16:04
Titel [CSS] Listenformatierung [solved] |
|
|
Hi Leuts.
Ich bastel hier gerade an ner Liste rum. Das CSS steht so weit. Nur habe ich noch das Problem, dass die Zeilenabstände innerhalb der Liste unterschiedlich sein sollen.
Also Punkt 1 soll zu seiner 2. Zeile einen ZAB von 18 haben.
Aber der ZAB zu Punkt 2 soll wiederum 23 haben.
Kann man das einstellen. Wie?
Hier mal der Link zur Testseite: http://www.yellow-elephant.com/mgf/liste.html
Bin für jede Hilfe dankbar.
Zuletzt bearbeitet von Anti78 am Di 18.07.2006 16:50, insgesamt 1-mal bearbeitet
|
|
|
|
|
baskoralle
Dabei seit: 17.02.2006
Ort: hamburch
Alter: 49
Geschlecht:
|
Verfasst Di 18.07.2006 16:16
Titel
|
|
|
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Liste</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.copy {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0182C3;
line-height: 18px;
}
.copy_aufzaehlung {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0182C3;
line-height: 23px;
}
ul {
list-style-position:outside;
list-style-image:url(http://www.yellow-elephant.com/mgf/sonne.jpg)
}
-->
</style>
</head>
<body>
<ul>
<span class="copy_aufzaehlung"> <li>Hier die erste Zeile von einem Hauptpunkt.</li>
Hier die 2. Zeile von einem Hauptpunkt. Diese sollte einen ZAB zur ersten Zeile von 18 haben.
<li>Hier die erste Zeile des 2. Hauptpunktes. Der ZAB zu der 2. Zeile des ersten Punktes soll 23 betragen. Und so weiter.</li> </span>
</ul>
</body>
</html>
|
du musst auch schon beide klassen benutzen.
Code: | <span class="copy_aufzaehlung"> <li>Hier die erste Zeile von einem Hauptpunkt.</li>
Hier die 2. Zeile von einem Hauptpunkt. Diese sollte einen ZAB zur ersten Zeile von 18 haben.</span>
<span class="copy"><li>Hier die erste Zeile des 2. Hauptpunktes. Der ZAB zu der 2. Zeile des ersten Punktes soll 23 betragen. Und so weiter.</li> </span>
</ul>
</body>
</html> |
Zuletzt bearbeitet von baskoralle am Di 18.07.2006 16:16, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
Anti78
Threadersteller
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Di 18.07.2006 16:21
Titel
|
|
|
Ne, da haste was falsch verstanden (oder ich steh auf dem Schlauch).
Ich hab mehrere Hauptpunkte. Wenn jetzt z.B. die Hauptpunkte alle einzeilig untereinander stehen würden, hätten sie einen ZAB von 23. Sobald dein z.B. Hauptpunkt 2 zweizeilig wird, soll von diesem Punkt der ZAB zwischen Zeile 1 und Zeile 2 18 betragen.
|
|
|
|
|
Spladder
Dabei seit: 26.05.2006
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Di 18.07.2006 16:31
Titel
|
|
|
kannst in der Liste ja für den Link was angeben: also .navi li a{...}
und der Liste gibste was eigenes. .navi li
Allgemein würde ich sagen lass jeden Navigationpunkt in einer Zeile, da das besser aussieht und den user nicht verwirrt!!!!! Hatte auch das Problem. Musst eventuell den Navipunkt ein wneig umbenennen.
Greez
da Spladda
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 18.07.2006 16:31
Titel
|
|
|
Gibst du dem folgenden li einfach ein entsprechendes margin-top.
Davon mal abgesehen warum umschließt du die li's mit nem span?- wieso formatierst du nicht einfach die li's?
|
|
|
|
|
tacker
Dabei seit: 22.03.2002
Ort: Trondheim, Norwegen
Alter: 43
Geschlecht:
|
|
|
|
|
Anti78
Threadersteller
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Di 18.07.2006 16:44
Titel
|
|
|
Juhu. es klappt.
Danke an m. Hab das mit margin-top gemacht und funzt bestens.
Hab auch die li´s direkt formatiert. Ist jetzt ohne Span. War mal wieder e weng umständlich.
Hier der neue Link: http://www.yellow-elephant.com/mgf/liste2.html
@Spladder: Warum für nen Link? Ist doch gar keiner drin. Aber wenn du damit meinst, dass ich die li formatieren soll. Ist geschehen.
Danke an alle für die schnelle Hilfe.
edit: @tacker: Sorry, ich kann mich nie entscheiden, wo ich CSS-Zeugs rein setzen soll.
Zuletzt bearbeitet von Anti78 am Di 18.07.2006 16:44, insgesamt 1-mal bearbeitet
|
|
|
|
|
tacker
Dabei seit: 22.03.2002
Ort: Trondheim, Norwegen
Alter: 43
Geschlecht:
|
Verfasst Di 18.07.2006 16:57
Titel
|
|
|
Anti78 hat geschrieben: | edit: @tacker: Sorry, ich kann mich nie entscheiden, wo ich CSS-Zeugs rein setzen soll. |
Immer in Allgemeines - Nonprint. Danke.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Indesign Listenformatierung mit Nummerierung und Zeichen
[SOLVED!]
[solved][xml] per php an swf
[SOLVED!]
[SOLVED!]
[SOLVED!]
|
|