HTML Liste zusammenrücken

Lieber Besucher, herzlich willkommen bei: Aqua Computer Forum. Falls dies dein erster Besuch auf dieser Seite ist, lese dir bitte die Hilfe durch. Dort wird dir die Bedienung dieser Seite näher erläutert. Darüber hinaus solltest du dich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutze das Registrierungsformular, um dich zu registrieren oder informiere dich ausführlich über den Registrierungsvorgang. Falls du dich bereits zu einem früheren Zeitpunkt registriert hast, kannst du dich hier anmelden.

torsti

Full Member

HTML Liste zusammenrücken

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

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

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

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

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

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

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

Shoggy

Sven - Admin

Re: HTML Liste zusammenrücken

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

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

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

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

Besten Dank.