HTML Liste zusammenrücken

torsti

Full Member

Donnerstag, 31. März 2005, 01:45

1

Hallo,

wie bekomme ich die Zeilen dieser Liste, mittels Html, "enger zusammen" ?
Also das der Abstand zwischen den einzelnen Auflistungen nicht so groß ist.

Bei einer normalen Zeile kann ich dieses ja mit machen.

Gruß
Thorsten

derJoe

Senior Member

Re: HTML Liste zusammenrücken

Donnerstag, 31. März 2005, 01:47

2

Vielleicht damit: http://de.selfhtml.org/css/eigenschaften…htm#line_height

Kann auch sein, dass es noch andere Möglichkeiten gibt.

Gruß

derJoe

TrOuble

God

Re: HTML Liste zusammenrücken

Donnerstag, 31. März 2005, 01:55

3

Wie wärs wenn du uns dazu den Quellcode gibst ... ?

torsti

Full Member

Re: HTML Liste zusammenrücken

Donnerstag, 31. März 2005, 01:58

4

ich dussel... ;D

Zitat

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 2</title>
</head>

<body>

<ul>
<li>Sie zahlen innerhalb Deutschlands pauschal
nur
faire 6,50 Euro, unabhängig von der Anzahl der
von Ihnen gekauften Artikel.</li>
<li>Versandkosten in
andere EU-Länder bitte vor dem Kauf erfragen. Diese
weichen je nach EU-Land ab.</li>
<li>Der Versand erfolgt
nach Zahlungseingang auf unserem Konto, spätestens
jedoch nach 1-3 Werktagen.</li>
<li>Die Zustellung
erfolgt mit unserem Logistik Partner GLS (General Logistics Systems).</li>
<li>Die Regellaufzeit der Pakete beträgt 1-2
Werktage, meistens ist Ihre Sendung schon am nächsten Tag bei
Ihnen.</li>
<li>Alle Artikel
werden versichert versendet.</li>
<li>Mehrere Artikel
werden automatisch zusammengelegt.</li>
</ul>

</body>

</html>

Mit dem oben genannten Link hat es nicht geklappt, oder ich habs nicht richtig gemacht.

Shoggy

Sven - Admin

Re: HTML Liste zusammenrücken

Donnerstag, 31. März 2005, 02:11

5

Quellcode

<html> 
 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
<title>Neue Seite 2</title> 
<style type="text/css">
<!--
.stil1 {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      line-height: 12px;
}
-->
</style>
</head> 
 
<body> 
 
      <ul class="stil1"> 
       <li><font size="1">Sie zahlen innerhalb Deutschlands pauschal 
           <b>nur  
      faire 6,50 Euro,</b> <b>unabhängig von der Anzahl der  
      von Ihnen gekauften Artikel.</b></font></li> 
       <li><font size="1">Versandkosten in  
       andere EU-Länder bitte vor dem Kauf erfragen. Diese  
       weichen je nach EU-Land ab.</font></li> 
       <li><font size="1"><b>Der Versand erfolgt  
      nach Zahlungseingang</b> auf unserem Konto, spätestens  
      jedoch nach 1-3 Werktagen.</font></li> 
       <li><font size="1">Die Zustellung  
       erfolgt mit unserem <b>Logistik Partner GLS</b> (General Logistics Systems).</font></li> 
       <li><font size="1">Die <b>Regellaufzeit der Pakete beträgt 1-2  
       Werktage</b>,<b> meistens ist Ihre Sendung schon am nächsten Tag bei  
      Ihnen.</b></font></li> 
       <li><font size="1">Alle Artikel  
       werden <b>versichert versendet</b>.</font></li> 
       <li><font size="1">Mehrere Artikel  
       werden automatisch zusammengelegt.</font></li> 
</ul> 
</body> 
</html>

torsti

Full Member

Re: HTML Liste zusammenrücken

Donnerstag, 31. März 2005, 02:13

6

Durch das "line-height: 12px;" also ?

Shoggy

Sven - Admin

Re: HTML Liste zusammenrücken

Donnerstag, 31. März 2005, 02:17

7

Richtig, oben wird der Stil definiert und unten beim Text wird er mittels einem Aufruf angewandt.

torsti

Full Member

Re: HTML Liste zusammenrücken

Donnerstag, 31. März 2005, 02:18

8

Hab es gerade mal auf die ganze Seite angewendet und hat geklappt.

Besten Dank.

moede

Senior Member

Re: HTML Liste zusammenrücken

Donnerstag, 31. März 2005, 11:54

9

Machs so, ist sauberer, vorallem ohne

Quellcode

<html>
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">  
<title>Neue Seite 2</title>  
<style type="text/css">
<!--
ul.stil1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
}

.stil1 li {
      margin: 0px;
      padding: 0px;
}
-->
</style>
</head>  
<body>  
<ul class="stil1">
      <li>Sie zahlen innerhalb Deutschlands pauschal <b>nur faire 6,50 Euro,</b> <b>unabhängig von der Anzahl der von Ihnen gekauften Artikel.</b></li>  
      <li>Versandkosten in andere EU-Länder bitte vor dem Kauf erfragen. Diese weichen je nach EU-Land ab.</li>  
      <li><b>Der Versand erfolgt nach Zahlungseingang</b> auf unserem Konto, spätestens jedoch nach 1-3 Werktagen.</li>  
      <li>Die Zustellung erfolgt mit unserem <b>Logistik Partner GLS</b> (General Logistics Systems).</li>  
      <li>Die <b>Regellaufzeit der Pakete beträgt 1-2 Werktage</b>,<b> meistens ist Ihre Sendung schon am nächsten Tag bei Ihnen.</b></li>  
      <li>Alle Artikel werden <b>versichert versendet</b>.</li>  
      <li>Mehrere Artikel werden automatisch zusammengelegt.</li>  
</ul>
</body>  
</html>

Mit dem padding kannst du die Einrückung und den Abstand definieren.

"padding: 5px 0 4px 3px;" würde pro zeile oben einen Abstand von 5px, unten 4px und links 3px bedeuten.

Hier http://www.selfhtml.net/navigation/css.htm#listen ist ausserdem noch der Link für die Listenformatierung.

peace
moede

torsti

Full Member

Re: HTML Liste zusammenrücken

Donnerstag, 31. März 2005, 12:07

10

Besten Dank.