HTML/CSS - zeilenabstand ändern vertikal

Dieses Thema im Forum "Webentwicklung" wurde erstellt von reQ, 29. Oktober 2013 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 29. Oktober 2013
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    <div id="menu">


    <p><a href="1.html">1</a></p>
    <p><a href="2.html">2</a></p>
    <p><a href="3.html">3</a> </p>

    </div>

    würde gerne den abstand zueinander verändern..

    im klartext, den abstand vertikal, sodass es näher zusammenrückt. - Download: asdasdasd.jpg | www.xup.in
     
  2. 29. Oktober 2013
    AW: HTML/CSS - zeilenabstand ändern vertikal

    Ehm meinst du folgendes ?

    Code:
     
    <p style="line-height: 150%">Lorem Ipsum</p>
     
     
  3. 29. Oktober 2013
    AW: HTML/CSS - zeilenabstand ändern vertikal

    ich möchte das die einzelnen menüpunkte zueinander vertikal enger zusammenrücken...
     
  4. 29. Oktober 2013
    Zuletzt bearbeitet: 29. Oktober 2013
    AW: HTML/CSS - zeilenabstand ändern vertikal

    Auch auf die Gefahr hin, dass sich die Elemente überlappen, nimm ein negatives margin.

    Code:
    #menu p:not(:first-child) { margin-top: -10px; }
     
    1 Person gefällt das.
  5. 30. Oktober 2013
    AW: HTML/CSS - zeilenabstand ändern vertikal

    P = Paragraph = Absatz

    Warum packst du jeden Menüpunkt in einen Absatz?

    Code:
    #menu a {
     display: block;
    }
    HTML:
    <div id="menu">
    <a href="1.html">1</a>
    <a href="2.html">2</a>
    <a href="3.html">3</a>
    </div>

    Besser wäre es so:
    HTML:
    <nav id="menu">
    <a href="1.html">1</a>
    <a href="2.html">2</a>
    <a href="3.html">3</a>
    </nav>
     
    1 Person gefällt das.
  6. 30. Oktober 2013
    AW: HTML/CSS - zeilenabstand ändern vertikal

    super, danke! funzt! der abstand kann mit line-height angepasst werden, danköööö!!
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.