HTML Liste zusammenrücken

Dear visitor, welcome to Aqua Computer Forum. If this is your first visit here, please read the Help. It explains how this page works. You must be registered before you can use all the page's features. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

torsti

Full Member

HTML Liste zusammenrücken

Thursday, March 31st 2005, 1:45am

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

Thursday, March 31st 2005, 1:47am

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

Thursday, March 31st 2005, 1:55am

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

torsti

Full Member

Re: HTML Liste zusammenrücken

Thursday, March 31st 2005, 1:58am

ich dussel... ;D

Quoted

<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

Thursday, March 31st 2005, 2:11am

Source code

<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

Thursday, March 31st 2005, 2:13am

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

Shoggy

Sven - Admin

Re: HTML Liste zusammenrücken

Thursday, March 31st 2005, 2:17am

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

torsti

Full Member

Re: HTML Liste zusammenrücken

Thursday, March 31st 2005, 2:18am

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

Besten Dank.

moede

Senior Member

Re: HTML Liste zusammenrücken

Thursday, March 31st 2005, 11:54am

Machs so, ist sauberer, vorallem ohne

Source code

<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

Thursday, March 31st 2005, 12:07pm

Besten Dank.