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.
[ATTACH=full]4174[/ATTACH] [ATTACH=full]4175[/ATTACH]
Ich hoffe man sieht alles. Den Code würde ich hochladen, falls einer ihn benötigt.
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
Kein Ding unten steht er:
HTML:
[HTML]
Wir eröffnen im September 2015.
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.
CSS:
* {
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;
}
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:
section {
...
text-indent: 10px;
...
}
section>div {
padding-left: 10px;
}Gruss
MrMurphy
Besten Dank Mr. Murphy;)