alles richtung Mitte verschieben

sumpfsocke · 20. Juni 2007

Hi bin ganz neu hier und hab mal ne Frage.
Nach stundenlangem Rumgewühle im Forum und in der style.css hab ich mich entschlossen mal zu Fragen ist sicher recht simpel die Antwort....jedenfalls hoffe ich das ^^

ich möchte, dass alles was auf der Seite ist, also nicht das was in der sitebar ist, etwa um 70px vom linken Rand weggeschoben wird.

Das habe ich jetzt mit dem Text geschafft und mit der Überschrift, das einzige was noch immer am linken rand klebt ist die kleine unterüberschrift, also das Datum wann der Post verfasst wurde.

Und ich finde die dazugehörige Linie nicht in der Style.css.

ich bin über jede Hilfe dankbar!

fym · 20. Juni 2007

Zitat von sumpfsocke: ↑

Und ich finde die dazugehörige Linie nicht in der Style.css.
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Und hier soll erraten werden, wie deine style.css ausschaut?

~fym

sumpfsocke · 20. Juni 2007

jaaaaa sry =D

Sry vergessen =)

/*

/* Begin Typography & Colors */
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #d5d6d7 url('images/kubrickbgcolor.jpg');
color: #333;
text-align: center;
}

#page {
background-color: white;
border: 1px solid #959596;
text-align: left;
}

#header {
background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
}

#headerimg {
margin: 7px 9px 0;
height: 300px;
width: 800px;
}

#content {
font-size: 1.2em
}

.entry {padding: 0 0px 0 70px;}

.widecolumn .entry p {
font-size: 1.05em;
}

.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}

.widecolumn {
line-height: 1.6em;
}

.narrowcolumn .postmetadata {
text-align: center;
}

.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 10px solid #ddd;
}

#footer {
background: #eee url('images/kubrickfooter.jpg') no-repeat top;
border: none;
}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}

h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}

h1 {
font-size: 4em;
text-align: center;
}

#headerimg .description {
font-size: 1.2em;
text-align: center;
}

h2 {
font-size: 1.6em;
}

h2.pagetitle {
font-size: 1.6em;
}

#sidebar h2 {
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 1.2em;
}

h3 {
font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
color: white;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}

.entry p a:visited {
color: #b85b5a;
}

.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li {
font-weight: bold;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}

#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
font-weight: normal;
}

#sidebar {
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
color: #06c;
text-decoration: none;
}

a:hover {
color: #147;
text-decoration: underline;
}

#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}

#wp-calendar a {
text-decoration: none;
}

#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */

/* Begin Structure */
body {
margin: 0 0 20px 0;
padding: 0;
}

#page {
background-color: white;
margin: 20px auto;
padding: 0;
width: 800px;
border: 1px solid #959596;
}

#header {
background-color: #73a0c5;
margin: 0 0 0 1px;
padding: 0;
height: 300px;
width: 800px;
}

#headerimg {
margin: 0;
height: 300px;
width: 800px;
}

.narrowcolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 450px;
}

.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
width: 450px;
}

.post {
margin: 0 0 40px;
text-align: justify;
}

.post hr {
display: block;
}

.widecolumn .post {
margin: 0;
}

.narrowcolumn .postmetadata {
padding-top: 5px;
}

.widecolumn .postmetadata {
margin: 30px 0;
}

.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}

.postmetadata {
clear: left;
margin: 70px 70px 70px;
padding: 70px 70px 70px;
}

#footer {
padding: 0;
margin: 0 auto;
width: 800px;
clear: both;
}

#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}
/* End Structure */

/* Begin Headers */

h1 {
padding-top: 70px;
margin: 30px;
}

h2 {

margin: 30px 70px 0;
}

h2.pagetitle {
margin-top: 30px;
text-align: center;
}

#sidebar h2 {
margin: 5px 0 0;
padding: 0;
}

h3 {
padding: 0;
margin: 30px;
}

h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */

/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
margin-left: 10px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}

html>body .entry li {
margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}

.entry ol {
padding: 0 0 0 35px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}

#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
/* End Entry Lists */

/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}

#sidebar #searchform #s {
width: 108px;
padding: 2px;
}

#sidebar #searchsubmit {
padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select {
width: 130px;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform textarea {
width: 100%;
padding: 2px;
}

#commentform #submit {
margin: 0;
float: right;
}
/* End Form Elements */

/* Begin Comments*/

.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: justify;
}

.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}

.commentlist p {
margin: 10px 5px 10px 0;
}

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */

/* Begin Sidebar */
#sidebar
{
padding: 20px 0 10px 0;
margin-left: 545px;
width: 190px;
}

#sidebar form {
margin: 0;
}
/* End Sidebar */

/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

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

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

hr {
display: none;
}

a img {
border: none;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Annalena · 20. Juni 2007

Also, schau mal in Deiner CSS ob Du das findest

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
dann ändere es mal in

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
Beobachte, was sich tut.

Du kannst zwischen margin 0 und 40 variieren, bis Du es Deinem Text
entsprechend angepaßt hast.

Und falls dann noch Dein Permalink (die Überschrift) nicht richtig ist,
änderst Du auf gleiche Art und Weise die H2-Angaben.

Kann bei Dir aber auch .post statt .date heissen.

Am besten schaust Du mal in Deinen Quelltext, da ist das richtige angegeben.

Annalena

sumpfsocke · 20. Juni 2007

hm..

also die h2 überschriften hatte ich ja schon gefunden, finde aber weder was mit .post noch mit .date

also ich finde schon was mit .post aber das sieht nicht so aus wie die angaben da

telekommander · 20. Juni 2007

Das ist Blödsinn. Poste einen Link, und dir wird schneller geholfen als dir lieb ist.Schliesslich kennen wir dein Theme nicht, somit keine Klassen und IDs usw. Alles andere bleibt ein Ratespiel ! ( ... und wieso geht hier kein Zeilenumbruch mehr ... )

sumpfsocke · 20. Juni 2007

ok

http://www.sumpfsocke.de

ok das design ist nur eine veränderte version von dem default design das da war (kubrick glaub ich), hab nur die bilddateien geändert.

Annalena · 20. Juni 2007

Ändere bitte mal

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
in

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
Wenn Dein Text dann nach rechts rüber rutschst, brauchst Du nur die
60 mehr oder weniger verändern.

Versuche es.

Annalena

sumpfsocke · 20. Juni 2007

wow

cool danke das hats getan ^^

:mrgreen:

sumpfsocke · 20. Juni 2007

oh äh

bevor ichs vergesse sry

was muss ich ändern damit die verschiebung bei allen seiten wirkt?
bei gallery und about z.b. hängt noch alles sehr weit links am rand =(

sumpfsocke · 21. Juni 2007

mm

*bump*

=( vergesst mich nicht

WPDE.org

alles richtung Mitte verschieben

sumpfsocke Member

fym Well-Known Member

sumpfsocke Member

Annalena Well-Known Member

sumpfsocke Member

telekommander Well-Known Member

sumpfsocke Member

Annalena Well-Known Member

sumpfsocke Member

sumpfsocke Member

sumpfsocke Member

Nützliche Suchen

alles richtung Mitte verschieben

sumpfsocke Member

fym Well-Known Member

sumpfsocke Member

Annalena Well-Known Member

sumpfsocke Member

telekommander Well-Known Member

sumpfsocke Member

Annalena Well-Known Member

sumpfsocke Member

sumpfsocke Member

sumpfsocke Member