[Blog] Post Titel verschieben

[Greenzoner]

Hey Leute,
Also ich habe vor kurzem einen Blog erstellt dann wollte ich halt das vor jedem Post Titel dieses Symbol dargestellt wird was auch geklappt hat.. aber jetzt will ich halt das, das Post Titel ein wenig rechts ist.
Hier Url zu meinem Blog Greenzoner

und hier das Post code:

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .75em;
font: italic 100% 'Georgia',Trebuchet,Arial,Verdana,Sans-serif;
line-height: 1.4em;
text-transform:noone;
letter-spacing:0em;
color:#666;
}
.post {
margin:.5em 0 1.5em;
padding-bottom:1.5em;
}
.post h3 {
background:url(http://www.greenzoner.com/img/layout/leaf.png) no-repeat;
margin:.25em 0 0;
padding:0 0 4px 30px;
padding:0 0 4px;
font-size:22px;
font-weight:normal;
line-height:1.4em;
color:#C36302;
border-bottom: 1px solid #333;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:#333333;
}
.post-body {
margin:1em 0 1em 0;
line-height:1.6em;
}
.post ul {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}
.post ol {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}
.post ol li {
margin: 5px 0px 5px 10px;
padding: 0px;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
margin: 1.7em 0 0 0;
color:#333;
text-transform:normal;
letter-spacing:0em;
font: italic 100% 'Georgia', Trebuchet, Arial, Verdana, Sans-serif;
line-height: 1.4em;
padding: 5px;
border: 1px dashed #999;
}
.comment-link {
float: right;
margin-left:.6em;
padding-left: 20px;
background: url(http://2.bp.blogspot.com/_k_DnmK4oz2Q/S0k4LzDbqbI/AAAAAAAAAUg/kYmDH8Ewykk/s1600/more_bg.png) no-repeat;
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid #cccccc;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

 

[teeny]

Das bewerkstelligst Du mit margin und padding.
In Deinem Beispiel koenntest Du zum Beispiel der h3 ein padding-left: 1em; mitgeben.

Aber validiere mal Deinen Code; text-transform:noone; zum Biespiel ist falsch, es sollte doch eher none sein.

 

[Greenzoner]

habs mal gemacht wie du es gesagt hast hier der Code:

.post h3 {
padding-left: 1em;
background:url(http://www.greenzoner.com/img/layout/leaf.png) no-repeat;
margin:.25em 0 0;
padding:0 0 4px 30px;
padding:0 0 4px;
font-size:22px;
font-weight:normal;
line-height:1.4em;
color:#C36302;
border-bottom: 1px solid #333;

aber es hat nicht gebracht

lg

 

[teeny]

In einem CSS Block wird immer die letzte Wertzuweisung verwendet, Du hast padding-left an den Beginn gesetzt, aber danach folgen noch weiter paddings.

Wenn Du es an das Ende des Blockes schreibst, sollte es funktionieren. Allerdings solltest Du Dich auch noch mit den Shorthand-Schreibweisen befassen, damit Du die padding Zuweisungen aus diesem CSS Block in eine einzige zusammenfassen kannst.