Archiv-Texte sind zu weit rechts

LolaVanLoo

Hallo liebe Forums-Mitglieder,

ich würde mich freuen, wenn Ihr mir bei folgendem Problem weiterhelfen könntet. Vielleicht habt Ihr eine Idee, was ich machen muss.

Über den Link z ZOULA - DER ROMAN könnt Ihr sehen, dass die im Archiv abgespeicherten Texte in der Anzeige zu weit nach rechts verschoben sind. Das gilt nur für den bereich Kategorien (nicht für die Seiten).
Ich kann wirklich schon eine Menge selber machen. Aber hier geht es irgendwie nicht mehr voran. Ich habe vorsichtig im CSS herumprobiert, den "Kategorien"-CSS mit den "Seiten"-CSS verglichen, Werte geändert usw. - aber nichts hat funktioniert. Natürlich weiß ich mittlerweile die Bedeutung der einzelnen Begriffe und habe mich über google-Recherche versucht schlauer zu machen. :-D Aber anscheinend reicht das nicht aus, um diesen Fehler zu beheben.
Vielleicht ahbe ich auch diesen Fehler vorher mal verursacht, in dem Versuch etwas anderes zu ändern. Das kann gut sein.
Würde mir von Euch jemand erklären, wo ich genau im Stylesheet etwas ändern muss, warum dort und was? Dann verstehe ich das und kann es künftig selber machen.

Ich habe einfach mal vorgegriffen und den vermutlich wichtigen Teil des Stylesheet-Texts hierein kopiert. Mensch, ich würde mich freuen, wenn Ihr mir helfen könntet.

Viele Grüße,
Lola

Code

/* Header */


#topbg {
    width: 800px;
    height: 50px;
    margin: 0 auto;
    padding: 0;
    background: url(images/img01.jpg) no-repeat left top;
}


#header {
    width: 800px;
    height: 300px;
    margin: 0 auto;
    background: url(images/img02.jpg) no-repeat left top;
}


#header h1, #header p {
    margin: 0;
    padding: 0;
}


#header h1 {
    font-size: 52px;
    padding: 190px 0 0 35px;
    color: #FFFFFF;
}


#header p {
    margin-top: -20px;
    padding: 0 0 0 30px;
    font-size: 24px;
    font-weight: normal;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #FFFFFF;
    text-transform: lowercase;
}


#header a {
    text-decoration: none;
    color: #FFFFFF;
}


/* Page */


#page {
    width: 800px;
    margin: 0 auto;
    min-height: 100px;
    padding-top: 30px;
    background: url(images/img03.jpg) no-repeat left top;
}


/* Content */


#content {
    float: left;
    width: 530px;
    margin: 0;
    padding-left: 30px;
    color: #000000;
}


.post {
    padding: 0px 0 0 0;
}


.title {
    padding: 0 20px 5px 0px;
    font-size: 26px;
    background: url(images/img06.gif) no-repeat right 40%;
    border-bottom: 2px #66A342 dashed;
    margin-right: 20px;
}


.title a {
    text-decoration: none;
    color: #66A342;
}


.title h1 {
    padding: 0;
    margin: 0;
}


.pagetitle {
}


.byline {
    margin: -25px 20px 0 0px;
    color: #66A342;
}


.meta {
    text-align: left;
    color: #66A342;
    padding: 5px 20px 5px 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    margin-right: 20px;
}


.meta .more {
    background: url(images/img07.gif) no-repeat left 50%;
    padding-left: 25px;
}


.meta .comments {
    background: url(images/img07.gif) no-repeat left 50%;
    padding-left: 25px;
}


.meta a {
    color: #66A342;
}


.navigation {
}


.alignleft {
    float: left;
}


.alignright {
    float: right;
}


.posts {
    margin: 0;
    padding: 100;
    list-style: none;
    line-height: normal;
}


.posts li {
}


.posts h3 {
    margin: 0;
    font-weight: bold;
}


.posts p {
    margin: 0;
    line-height: normal;
}


.posts a {
}


.entry {
    margin: 0;
    padding: 17px 20px 5px 0px;
}


.last {
    border: none;
}


/* Sidebar */


#sidebar {
    float: right;
    width: 210px;
    margin-bottom: 10px;
    padding-right: 30px;
    color: #66A342;
}


#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


#sidebar li {
    margin: 0;
    padding: 0;
}


#sidebar li ul {
    margin-left: 20px;
    padding: 0;
}


#sidebar li li {
    margin: 0 0 0 0;
    margin: 0 0 0 0;
    line-height: 25px;
    border-bottom: 1px #66A342 dotted;
}


#sidebar h2 {
    margin: 20px 0 0 20px; 
    height: 35px;
    font-size: 18px;
    color: #66A342;
    background: url(images/img04.gif) no-repeat right 30%;
    border-bottom: 2px #66A342 dashed;
}


#sidebar a {
    text-decoration: none;
}


#sidebar a:hover {
    text-decoration: none;
}


/* Search */


#search input {
    display: none;
}


#search input#s {
    display: block;
    width: 230px;
    padding: 2px 5px;
    border: 1px solid #3DD1FF;
    background: #FFFFFF url(images/img05.gif) repeat-x;
}


#search br {
    display: none;
}


/* Calendar */


#calendar {
}


#calendar h2 {
    margin-bottom: 15px;
}


#calendar table {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}


#calendar caption {
    width: 100%;
    text-align: center;
}


#next {
    text-align: right;
}


#prev {
    text-align: left;
}


/* Footer */


#footer {
    width: 800px;
    margin: 0 auto;
    height: 50px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #48AB07;
    background: url(images/img01.jpg) no-repeat left top;
    margin-bottom: 27px;
}


#footer p {
    padding-top: 15px;
}


#footer p a {
    color: #69B536;
}


img { border: none; }


img.left {
    float: left;
    margin: 3px 20px 30px 0px;
}


img.right {
    float: right;
    margin: 3px 0px 10px 30px;
}/* Header */


#topbg {
    width: 800px;
    height: 50px;
    margin: 0 auto;
    padding: 0;
    background: url(images/img01.jpg) no-repeat left top;
}


#header {
    width: 800px;
    height: 300px;
    margin: 0 auto;
    background: url(images/img02.jpg) no-repeat left top;
}


#header h1, #header p {
    margin: 0;
    padding: 0;
}


#header h1 {
    font-size: 52px;
    padding: 190px 0 0 35px;
    color: #FFFFFF;
}


#header p {
    margin-top: -20px;
    padding: 0 0 0 30px;
    font-size: 24px;
    font-weight: normal;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #FFFFFF;
    text-transform: lowercase;
}


#header a {
    text-decoration: none;
    color: #FFFFFF;
}


/* Page */


#page {
    width: 800px;
    margin: 0 auto;
    min-height: 100px;
    padding-top: 30px;
    background: url(images/img03.jpg) no-repeat left top;
}


/* Content */


#content {
    float: left;
    width: 530px;
    margin: 0;
    padding-left: 30px;
    color: #000000;
}


.post {
    padding: 0px 0 0 0;
}


.title {
    padding: 0 20px 5px 0px;
    font-size: 26px;
    background: url(images/img06.gif) no-repeat right 40%;
    border-bottom: 2px #66A342 dashed;
    margin-right: 20px;
}


.title a {
    text-decoration: none;
    color: #66A342;
}


.title h1 {
    padding: 0;
    margin: 0;
}


.pagetitle {
}


.byline {
    margin: -25px 20px 0 0px;
    color: #66A342;
}


.meta {
    text-align: left;
    color: #66A342;
    padding: 5px 20px 5px 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    margin-right: 20px;
}


.meta .more {
    background: url(images/img07.gif) no-repeat left 50%;
    padding-left: 25px;
}


.meta .comments {
    background: url(images/img07.gif) no-repeat left 50%;
    padding-left: 25px;
}


.meta a {
    color: #66A342;
}


.navigation {
}


.alignleft {
    float: left;
}


.alignright {
    float: right;
}


.posts {
    margin: 0;
    padding: 100;
    list-style: none;
    line-height: normal;
}


.posts li {
}


.posts h3 {
    margin: 0;
    font-weight: bold;
}


.posts p {
    margin: 0;
    line-height: normal;
}


.posts a {
}


.entry {
    margin: 0;
    padding: 17px 20px 5px 0px;
}


.last {
    border: none;
}


/* Sidebar */


#sidebar {
    float: right;
    width: 210px;
    margin-bottom: 10px;
    padding-right: 30px;
    color: #66A342;
}


#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


#sidebar li {
    margin: 0;
    padding: 0;
}


#sidebar li ul {
    margin-left: 20px;
    padding: 0;
}


#sidebar li li {
    margin: 0 0 0 0;
    margin: 0 0 0 0;
    line-height: 25px;
    border-bottom: 1px #66A342 dotted;
}


#sidebar h2 {
    margin: 20px 0 0 20px; 
    height: 35px;
    font-size: 18px;
    color: #66A342;
    background: url(images/img04.gif) no-repeat right 30%;
    border-bottom: 2px #66A342 dashed;
}


#sidebar a {
    text-decoration: none;
}


#sidebar a:hover {
    text-decoration: none;
}


/* Search */


#search input {
    display: none;
}


#search input#s {
    display: block;
    width: 230px;
    padding: 2px 5px;
    border: 1px solid #3DD1FF;
    background: #FFFFFF url(images/img05.gif) repeat-x;
}


#search br {
    display: none;
}


/* Calendar */


#calendar {
}


#calendar h2 {
    margin-bottom: 15px;
}


#calendar table {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}


#calendar caption {
    width: 100%;
    text-align: center;
}


#next {
    text-align: right;
}


#prev {
    text-align: left;
}


/* Footer */


#footer {
    width: 800px;
    margin: 0 auto;
    height: 50px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #48AB07;
    background: url(images/img01.jpg) no-repeat left top;
    margin-bottom: 27px;
}


#footer p {
    padding-top: 15px;
}


#footer p a {
    color: #69B536;
}


img { border: none; }


img.left {
    float: left;
    margin: 3px 20px 30px 0px;
}


img.right {
    float: right;
    margin: 3px 0px 10px 30px;
}

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

kaiser

Vorab: Bitte verwende für Deine Themen auch ein wenig Formatierung > Code bitte als solchen markieren.

Weiters: Was genau sind bei Dir die "Archiv-Texte"?

LolaVanLoo

Hallo kaiser,
mit Archiv-Texte meine ich die Posts, die man im Bereich "Kategorien" > "Zoula- Der Roman", "Zoulas Tagebuch" etc. untereinander aufgelistet bekommt. Siehe auch hier: (z ZOULA - DER ROMAN).

kaiser

Hallo Lola,

und ich meine den "ändern"-Button unter Deinem Beitrag und den "Code"-Button für Deinen Css-Code...

ansonsten ziemlich einfach: such i d style.css die Klasse "posts"

Code

.posts {
line-height:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
[COLOR=Red]padding:100px;[/COLOR]
}

und änder den Wert für "padding" ... Du kannst folgendes machen

Code

.posts {
blabla
padding: OBENpx RECHTSpx UNTENpx LINKSpx;
}

und so die Abstände zu den anderen Posts, den Rändern und dem Sidebar einstellen.

LolaVanLoo

Hallo Kaiser,
ganz recht herzlichen Dank für Deine Hilfe! Ich habe mich riesig gefreut und es auch gleich gefunden. Anhand Deines Tipps, konnte ich ein paar andere Punkte (bzgl. Posts und Pages) im css besser verstehen und zudem gleich mit ändern. Du warst mir eine große Hilfe!
Demnächst bin ich ein css-Meister.
Viele Grüße,
Lola

kaiser

Zitat von LolaVanLoo

Hallo Kaiser,
(...)
Demnächst bin ich ein css-Meister.
Viele Grüße,
Lola

Na wenn´s so ist, findest Du hier im Forum sicher jemandem, dem Du auch ein wenig helfen kannst. :-D

Weiterhin gutes Gelingen! :-D

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Archiv-Texte sind zu weit rechts

Jetzt mitmachen!