mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 06.12.2016 15:18 Benutzername: Passwort: Auto-Login

Thema: [CSS] Listenformatierung [solved] vom 18.07.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Listenformatierung [solved]
Autor Nachricht
Anti78
Threadersteller

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 38
Geschlecht: Männlich
Verfasst Di 18.07.2006 15:04
Titel

[CSS] Listenformatierung [solved]

Antworten mit Zitat Zum Seitenanfang

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 15:50, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
baskoralle

Dabei seit: 17.02.2006
Ort: hamburch
Alter: 42
Geschlecht: Männlich
Verfasst Di 18.07.2006 15:16
Titel

Antworten mit Zitat Zum Seitenanfang

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 15:16, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Anti78
Threadersteller

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 38
Geschlecht: Männlich
Verfasst Di 18.07.2006 15:21
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
Spladder

Dabei seit: 26.05.2006
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Di 18.07.2006 15:31
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 18.07.2006 15:31
Titel

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
tacker

Dabei seit: 22.03.2002
Ort: Offenbach am Main
Alter: 36
Geschlecht: Männlich
Verfasst Di 18.07.2006 15:43
Titel

Antworten mit Zitat Zum Seitenanfang

Du bist lang genug dabi um zu wissen:
Wichtig: HTML und CSS sind keine Programmiersprachen!

Verschoben von Programmierung nach Allgemeines - Nonprint
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anti78
Threadersteller

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 38
Geschlecht: Männlich
Verfasst Di 18.07.2006 15:44
Titel

Antworten mit Zitat Zum Seitenanfang

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. Lächel



Danke an alle für die schnelle Hilfe. * Applaus, Applaus *



edit: @tacker: Sorry, ich kann mich nie entscheiden, wo ich CSS-Zeugs rein setzen soll.


Zuletzt bearbeitet von Anti78 am Di 18.07.2006 15:44, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
tacker

Dabei seit: 22.03.2002
Ort: Offenbach am Main
Alter: 36
Geschlecht: Männlich
Verfasst Di 18.07.2006 15:57
Titel

Antworten mit Zitat Zum Seitenanfang

Anti78 hat geschrieben:
edit: @tacker: Sorry, ich kann mich nie entscheiden, wo ich CSS-Zeugs rein setzen soll.

Immer in Allgemeines - Nonprint. Danke.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Indesign Listenformatierung mit Nummerierung und Zeichen
[css] Problem mit Navigation (solved)
Unterschiedliche Linkformatierung mit CSS [solved]
CSS Background Image (solved)
Auflösungs Hack im CSS? [solved]
[CSS] Abstand vor <p> beeinflussen [solved]
Neues Thema eröffnen   Neue Antwort erstellen
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.