Text in der nächsten Zeile AUCH einrücken

JOB · 25 Juli 2015

Guten Morgen,

ich habe mal wieder ein kleines Problem. Auf meiner Website, ist der Text, sobald man die Fensterbreite verändert, nicht mehr eingerückt. Ich füge noch ein paar Bilder an, um das Problem zu verdeutlichen. Kann mir vielleicht einer helfen? Vielen Dank im Voraus.

Ich hoffe man sieht alles. Den Code würde ich hochladen, falls einer ihn benötigt.

MrMurphy · 25 Juli 2015

Hallo,

ohne den Quelltext (und bitte keine aus dem Zusammenhang gerissenen Quellcodeschnipsel) ist eine konkrete Hilfe nicht möglich.

Allgemein: Der linke Abstand eines Textes wird entweder über "padding-left" oder "margin-left" erzeugt.

Gruss

MrMurphy

JOB · 25 Juli 2015

Kein Ding unten steht er:
HTML:

HTML:

<body>     
<nav>
  <ul class="navigation">
        <li><a href="index.htm">Home</a></li>
        <li><a href="latest.htm">Aktuelles</a></li>
        <li><a href="about.htm">Über uns</a></li>   
        <li><a href="concept.htm">Konzept</a></li>
        <li><a href="ohours.htm">Öffnungszeiten</a></li>
        <li><a href="contact.htm">Kontakt</a></li>
        <li><a href="anmeldung.htm">Anmeldung</a></li>
        <li><a href="drive.htm">Anfahrt</a></li>   
        <li><a href="sitenotice.htm">Impressum</a></li>
  </ul>
</nav>       
<section>
<h1 style="text-align: center; line-height:40px">Aktuelles</h1>     
<div id="logbuch"><h6>Juli 2015</h6>   
<p>Wir eröffnen im September 2015. </p></div> 
<h6>24. Juli 2015</h6>   
<div id="logbuch"><p>Die Kabel sind fast vollständig eingezogen, in den Fenstern müssen "nur" noch die Betonblöcke rausgenommen werden, sodass die letzten Wände gestellt werden können. Alles in allem wartet auf die Handwerker trotzdem noch viel Arbeit.</p>
<br>   
</section>

CSS:

Code:

* {
    margin: 0;
    padding: 0;
}
above, header, nav, section, aside, footer, body {
    display: block;
}
body {
    background-image: url(....png);
    background-repeat: no-repeat;
    background-position: center 30px;
    background-size: 100%;
    font: normal 100.01% Helvetica, Arial, sans-serif;
}
#Header_Logo {
    min-width: 830px;
    min-height: 200px;
    text-align: center;
}
header {
    margin-top: 10px;
    /*margin-left: 150px;*/
    /*margin-right: 150px;*/
    height: 100%;
    background-color: white;
    /*border-bottom: 63.8px solid #04B404;*/
}
ul.navigation {
    font-size: 90%;
    font-weight: bold;
    margin: 0 auto;
    /*margin-left: 150px;
    margin-right: 150px;*/
    min-width: 64.5em;
    text-align: center;
}
ul.navigation li {
    list-style: none;
    width: 11.111111%; /* 100:9 */
    float: left;
}
ul.navigation a {
    background: #04B404;
    color: white;
    display: block;
    padding: 1.2em 0;
    text-decoration: none;
}
ul.navigation a:hover {
    color: #04B404;
    background: white;
}
section {
    height: 100%;
    font-size: 100%;
    min-width: 58em;
    margin-top: 80px;
    /*margin-left: 150px;
    margin-right: 150px;*/
    border-top: 5px solid #04B404;
    border-bottom: 5px solid #04B404;
    background-color: white;
    text-indent: 10px;
    line-height: 25px;
    opacity: 0.7;
}    
#logbuch {
    border-bottom: 3px solid #04B404;
}
figure {
display: table-cell;
padding: 0 4px;
text-align: center
}
#Footer {
    text-align: center;
    height: 22px;
    font-size: 100%;
    min-width: 58em;
    background-color: #04B404;
    /*margin-left: 150px;
    margin-right: 150px;*/
    color: white;
    line-height: 25px;
}

MrMurphy · 25 Juli 2015

Hallo,

insgesamt solltest du deinen Quelltext überarbeiten und dich von deinem veraltetem HTML-/CSS-Wissen lösen.

Ich gehe zum Beispiel mal davon aus, dass die zweite h6-Überschrift eigentlich in das nachfolgende div-Element soll. Zudem ist das zweite div-Element nicht geschlossen. Und noch einiges mehr.

Aber zu deinem Problem:

1. Lösche die CSS-Anweisung

Code:

section {
   ...
    text-indent: 10px;
   ...
}

2. Füge folgende CSS-Anweisung hinzu:

Code:

section>div {
    padding-left: 10px;
}

Gruss

MrMurphy

JOB · 28 Juli 2015

Besten Dank Mr. Murphy;)

Text in der nächsten Zeile AUCH einrücken

JOB

Neues Mitglied

MrMurphy

Senior HTML'ler

JOB

Neues Mitglied

MrMurphy

Senior HTML'ler

JOB

Neues Mitglied

Neueste Beiträge