Eingerückter Text in zweite Zeile ist nicht eingerückt

[Christian]

Hallo Leute,
ich habe mit "padding-left : 12px;" einen Text eingerückt. Leider wird die zweite Zeile nicht eingerückt sondern beginnt weiter links. Weiss jemand von Euch eine Lösung?

Der Text befindet sich in einer Tabellenspalte.

Danke für Eure Hilfe im Voraus.

Christian

[chlori]

Hi

ich habe mit "padding-left : 12px;" einen Text eingerückt.
Leider wird die zweite Zeile nicht eingerückt sondern
beginnt weiter links. Weiss jemand von Euch eine Lösung?

Ja, aber dafür brauchen wir deinen Code.

Gruss
chlori

[Christian]

hier der code:

TABLE { border-collapse:collapse;}
TH {
 border-top: 0px none #C6E1B0;
 border-right: 0px none #C6E1B0;
 border-bottom: 1px solid #999999;
 border-left: 1px solid #999999;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 line-height: 20px;
 font-weight: normal;
 color: #000000;
 text-decoration: none;
 text-align: left;
}

A:link {
 color : black;
 text-decoration: none;
 padding-left : 12px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 line-height: 20px;
 font-weight: normal;
 width: 226px;
}

A:visited {
 color : black;
 text-decoration: none;
 padding-left : 12px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 line-height: 20px;
 font-weight: normal;
}

A:hover {
 color: #000000;
 font-weight : normal;
 text-decoration: none;
 background-color : #ffffff;
 padding-left : 12px;
 font-family: Arial, Helvetica, sans-serif;
 width: 226px;
 font-size: 12px;
 font-style: normal;
 line-height: 20px;
}

A:active {
 color: #000000;
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 line-height: 20px;
 font-weight: normal;
}

[chlori]

Hi

hier der code:

Ok, CSS. Und dein HTML?

Gruss
chlori

[Christian]

Hi

hier der code:

Ok, CSS. Und dein HTML?

der sieht so aus:
<table width="229" border="0" cellspacing="0" cellpadding="1">
        <tr>
          <th width="100%" bgcolor="#C6E1B0"> <a href="#">Luftansaugung 1</a></th>
        </tr>

[chlori]

Hi

<table width="229" border="0" cellspacing="0" cellpadding="1">
        <tr>
          <th width="100%" bgcolor="#C6E1B0"> <a href="#">Luftansaugung 1</a></th>
        </tr>

Als erstes schlage ich dir vor, alles was das gestalterische
betrifft mit CSS zu machen (Kein Tabellenlayout, kein cellspacing, bgcolor, ...).

Zweitens könnte dies evtl. helfen:

<p style="padding-left:10ex;"><a href="">Hier ist ein Link</a> gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text.</p>

<hr>

<p><a href="" style="padding-left:10ex;">Hier ist ein Link</a> gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text gefolgt von nomalem Text.</p>

Gruss
chlori

[Christian]

Hi

<table width="229" border="0" cellspacing="0" cellpadding="1">
        <tr>
          <th width="100%" bgcolor="#C6E1B0"> <a href="#">Luftansaugung 1</a></th>
        </tr>

Als erstes schlage ich dir vor, alles was das gestalterische
betrifft mit CSS zu machen (Kein Tabellenlayout, kein cellspacing, bgcolor, ...).

Zweitens könnte dies evtl. helfen:

<p style="padding-left:10ex;"><a href="">Hier ist ein Link</a> gefolgt von nomalem Text ... <p>

habe das jetzt hierüber probiert:
<tr>
          <th bgcolor="#C6E1B0"><a href="#"><span style="padding-left:12px;">elektrische und pneumatische</span><br>
            <span style="padding-left:12px;">Stellantriebe</span></a></th>
        </tr>

und siehe da, es funktioniert.

danke für eure hilfe.

christian

[chlori]

Hi

<tr>
          <th bgcolor="#C6E1B0"><a href="#"><span style="padding-
left:12px;">elektrische und pneumatische</span><br>
            <span style="padding-
left:12px;">Stellantriebe</span></a></th>
        </tr>

Igitt. Wenn du schon bei Tabellen bleiben willst, wieso nicht
in folgendem Stil?

<td>
  <th style="background-color:#C6E1B0; padding-left:12px;">
    <a href="#">elektrische und pneumatische<br>
                Stellantriebe</a>
  </th>
</td>

Oder noch besser wäre, wenn du mit Klassen und IDs arbeiten
würdest.

und siehe da, es funktioniert.

Meistens will man mehr als nur dass es funktioniert.

Gruss
chlori

[Maxx]

Hallo Christian,

A:link {
 padding-left : 12px;

<a> ist ein inline-Element. Im Gegensatz zu <p> oder <div> die einen eigenen Absatz erzeugen. Soweit alles klar? Was passiert mit der zweiten Zeile eines Elementes welches keinen _Absatz_ erzeugt?

Eine mögliche Hilfe ist vielleicht: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display

Grüße,

Jochen

[Maxx]

Hallo Christian,

ich habe mit "padding-left : 12px;" einen Text eingerückt. Leider wird die zweite Zeile nicht eingerückt sondern beginnt weiter links.

Diese Eigenschaft hast du einem HTML-Element zugewiesen. Welchem?

Grüße,

Jochen