ERLEDIGT
NEIN
ANTWORTEN
5
ZUGRIFFE
1151
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
  1. #1
    intercorni ist offline Mitglied Gold
    Registriert seit
    Mar 2004
    Beiträge
    152
    Hallo,

    ich habe leider unter SelfHTML nichts finden können, wie ich die Höhe eines
    Absatzes
    Code :
    1
    
    <p>&nbsp; </p>
    definieren kann.
    Das lässt sich doch bestimmt auch exakt einstellen, oder?

    Desweiteren möchte ich den Abstand zwischen dem Text und Beginn einer
    Auflistung definieren. Wenn ich eine Liste definieren, dann habe ich
    zwischen den normalen Text und dem eigentlichen Beginn der Liste einen
    ziemlich großen Absatz. Und diese Absatzhöhe würde ich auch gerne exakt definieren.
    Wie läßt sich das machen?

    Gruss,

    Cornel
     

  2. #2
    Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.559
    Hi,

    zum Formatieren von Elementen wird CSS verwendet. Hierzu existiert ein spezielles Kapitel bei SelfHTML.

    Die Abstände zwischen einer Liste und anderem Text könntest du zum Beispiel über die Aussenabstände
    (margin) definieren.
    Code :
    1
    
    ul{ margin: 12px 0;}
    Im Beispiel würde vor und nach der Liste ein Abstand von 12 Pixeln eingehalten werden.

    Ciao
    Quaese
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Mediation[-exklusiv]
    Supervision im Konfliktmanagent D P

    New kind to realize large scalable projects with jQuery: jQuery SDK

  3. #3
    intercorni ist offline Mitglied Gold
    Registriert seit
    Mar 2004
    Beiträge
    152
    Hier mal ein kurzes Beispiel vom HTML-Code
    Code :
    1
    2
    3
    4
    5
    
    <p class="langertextvortsetzung">
    <span class="markiert">ANOMS System 8</span></p>
    <ul>
    <li class="langeliste">provides environmental planning tools that expand environmental capacity</li>
    </ul>

    sowie vom CSS:
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    
    .langertextvortsetzung
        {
        margin-top: 0px;
        margin-left: 60px;
        width: 500px;
        font-family: Arial, sans-serif;
        color:#000066;
        text-align: left;
        font-size: 14px;
        vertical-align:bottom;
        }
    .markiert
        {
        color:#054F72;
        text-align: left;
        font-weight: bold;
        }
    .langeliste
        { 
        margin-left: 60px;
        margin-top:0px;
        font-family: Arial, sans-serif;
        color:#000066;
        text-align: left;
        font-size: 14px;
        line-height: 20px;
        }
     

  4. #4
    dark_ghost ist offline Mitglied Gold
    Registriert seit
    Dec 2004
    Beiträge
    155
    Hallo,

    ich habe die entsprechenden Elemente deinem Code hinzugefügt und rot markiert.

    CSS-Code:
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    
    .langertextvortsetzung
    {
    margin-top: 0px;
    margin-left: 60px;
    width: 500px;
    font-family: Arial, sans-serif;
    color:#000066;
    text-align: left;
    font-size: 14px;
    vertical-align:bottom;
    border: 1px solid black;
    [color=red]width: 300px;[/color]
    [color=red]height: 20px;[/color]
    [color=red]margin: 12px;[/color]
    }
    .markiert
    {
    color:#054F72;
    text-align: left;
    font-weight: bold;
    }
    .langeliste
    {
    margin-left: 60px;
    margin-top:0px;
    font-family: Arial, sans-serif;
    color:#000066;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    }

    Mit width kannst du die Breite festlegen, mit height die Höhe.
    Mit margin wird der Außenabstand festgelegt.

    Alternativ könntest du auch die Eigenschaften für ul seperat definieren (wie von Quaese angesprochen)
    Alternativer CSS-Code:
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    
    .langertextvortsetzung
    {
    margin-top: 0px;
    margin-left: 60px;
    width: 500px;
    font-family: Arial, sans-serif;
    color:#000066;
    text-align: left;
    font-size: 14px;
    vertical-align:bottom;
    border: 1px solid black;
    [color=red]width: 300px;[/color]
    [color=red]height: 20px;[/color]
    }
    .markiert
    {
    color:#054F72;
    text-align: left;
    font-weight: bold;
    }
    .langeliste
    {
    margin-left: 60px;
    margin-top:0px;
    font-family: Arial, sans-serif;
    color:#000066;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    }
     
    [color=red]ul { margin: 12px 0;}[/color]

    Ich habs mit der ersten Variante getestet, es funktionieren aber beide.
    Hoffe es hat dir geholfen.

    Gruß
    Andreas
     

  5. #5
    intercorni ist offline Mitglied Gold
    Registriert seit
    Mar 2004
    Beiträge
    152
    Was Margin bewirkt ist mir schon klar, ich möchte ja den Abstand nicht vergrößern, sondern verkleinern!
    Gebe ich allerdings fürs Margin negative Werte ein, so bringt er mir den Zeilenabstand schön durcheinander.
    Die Angabe der Breite gab es übrigens schon

    Sieht man hier auch ganz schön: http://de.selfhtml.org/css/eigenscha...style_type.htm

    Wie läßt sich der Abstand zwischen dem Text (noch keine Liste) und dem Auflistungen entfernen?

    Gruss,

    Cornel
    Geändert von intercorni (27.01.06 um 14:52 Uhr)
     

  6. #6
    Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.559
    Hi,

    folgende CSS-Definitionen definieren einen minimalen Abstand.
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    
    .langertextvortsetzung
        {
        margin: 0 0 0 60px;
        width: 500px;
        font-family: Arial, sans-serif;
        color:#000066;
        text-align: left;
        font-size: 14px;
        }
    .markiert
        {
        color:#054F72;
        text-align: left;
        font-weight: bold;
        }
    .langeliste
        {
        margin: 0 0 0 60px;
        font-family: Arial, sans-serif;
        color:#000066;
        text-align: left;
        font-size: 14px;
        line-height: 20px;
        }
    Der Abstand, der jetzt noch existiert, ist auf die Zeilenhöhe von 20 Pixeln zurückzuführen. Wenn
    du die Angabe entfernst, sollte kein Abstand mehr zwischen Absatz und Liste zu sehen sein.

    Ciao
    Quaese
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Mediation[-exklusiv]
    Supervision im Konfliktmanagent D P

    New kind to realize large scalable projects with jQuery: jQuery SDK

Thema nicht erledigt

Ähnliche Themen

  1. Fehlender Absatz
    Von nordi im Forum PHP
    Antworten: 1
    Letzter Beitrag: 28.07.10, 18:53
  2. Absatz in Textdatei
    Von Rene42 im Forum Visual Basic 6.0
    Antworten: 1
    Letzter Beitrag: 11.02.07, 11:46
  3. <hr /> ohne Absatz
    Von chmee im Forum CSS
    Antworten: 2
    Letzter Beitrag: 07.06.05, 18:45
  4. wie mit css Absatz bei h1 - h6 entfernen
    Von boelkstoff im Forum CSS
    Antworten: 7
    Letzter Beitrag: 16.03.04, 10:28
  5. Datumsanzeige - Absatz
    Von Wet-Blanket im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 01.08.02, 23:22