Hi Wordpress & Forum Member,
hab ein kleines Problem und hoffe jemand hat den Goldenen Tipp für mich wäre SUPER!
Also folgendes: Hab mir ein Theme etwas umgeschrieben was auch alles supi geklappt hat. Jedoch merke ich gerade das die Positionierung eines Bildes nicht zu 100% funktioniert :(
Im Visuell Editor wird es zwar richtig angezeigt und auch der HTML Code scheint zu stimmen, doch leider im Browser selber dann nicht mehr.
Kurz gesagt ich kann kein Bild ob Groß oder klein nach rechts stellen.
Center und left funktionieren aber rechts klappt es gar nicht.
Ist da in der CSS was falsch?
CSS
/*
*/
body {
margin: 0; padding: 0;
overflow-x: hidden;
background-color: #000000;
background-image: url(images/bgone.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
background-position: center top;
font-family: Arial;
font-size: 10pt;
color: #fff;
}
a:focus {
outline: none;
}
.clear {clear: both;}
#page {
margin: 0 auto; padding: 0;
width: 985px;
}
#header {
background: no-repeat url(images/newheader.jpg);
background-position: center top;
}
#container {
padding: 0 10px 0 0px;
width: 985px;
position: center;
}
#content {
float: center;
width: 660px;
padding: 0 5px 0 280px;
}
#footer {
background: no-repeat;
height: 0px;
line-height: 120px;
padding: 0 0 0 319px;
text-align: center;
color: #000;
}
#footer a {
color: #000;
text-decoration: none;
font-weight: bold;
}
#content h2 {
margin: 15px 0px;
color: #fff;
font-size: 12pt;
text-decoration: underline;
text-transform: uppercase;
}
.storytitle {
margin: 25px 0px 10px 0px; padding: 0;
font-size: 11pt;
}
.storytitle a {
text-decoration: none;
color: #778899;
}
div.meta {
margin: 0px 0px 10px 0px; padding: 0;
font-size: 8pt;
color: #fff;
}
div.meta a {
color: #fff;
text-decoration: none;
font-weight: bold;
}
.storycontent {
margin: 0 0 50px 0;
padding: 0px;
color: #c0c0c0;
font-size: 9pt;
text-align: none;
}
.storycontent a, .storycontent p a {
color: #778899;
text-decoration: none;
font-size: 9pt;
}
.storycontent img {
padding: 3px;
border: 1px solid #333333;
margin-left: 8px;
}
#content small {
margin: 0; padding: 0;
font-size: 9pt;
color: #fff;
text-decoration: none;
font-weight: bold;
text-align: right;
display: block;
}
#content p small {
display: inline;
text-align: left;
font-weight: normal;
}
#content small a {
color: #fff;
text-decoration: none;
text-decoration: underline;
}
#content hr {
margin: 5px 0px 15px 0px;
padding: 0;
border: #001729 1px solid;
border-top: #4c4c4c 1px solid;
}
.pagenavigation {
margin: 5px 0px;
}
.pagenavigation a {
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 10pt;
}
h2#comments, h2#postcomment {
text-decoration: none;
color:#f1f1f1;
}
h2#comments a {
text-decoration: none;
color: #f1f1f1;
}
p a {
color: #fff;
text-decoration: none;
font-size: 9pt !important;
}
acronym, abbr {
border-bottom: 1px dashed #333;
}
acronym, abbr, span.caps {
font-size: 90%;
letter-spacing: .07em;
}
acronym, abbr {
cursor: help;
}
blockquote {
border-left: 5px solid #ccc;
margin-left: 1.5em;
padding-left: 5px;
}
cite {
font-size: 90%;
font-style: normal;
}
ol#comments li p {
font-size: 100%;
}
/* classes used by the_meta() */
ul.post-meta {
list-style: none;
}
ul.post-meta span.post-meta-key {
font-weight: bold;
}
.credit {
background: #90a090;
border-top: double 3px #aba;
color: #fff;
font-size: 11px;
margin: 10px 0 0 0;
padding: 3px;
text-align: center;
}
.credit a:link, .credit a:hover {
color: #ff5400;
}
.feedback {
color: #000000;
float: right;
clear: both;
font-weight: bold;
}
.feedback a {
color: #000000;
text-decoration: none;
}
.meta li, ul.post-meta li {
display: inline;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
background: #fff;
border: 1px solid #333;
padding: .2em;
}
#commentform textarea {
width: 450px;
}
#commentlist li ul {
border-left: 1px solid #ddd;
list-style-type: none;
}
#commentlist li, #commentlist p {
font-size: 9pt;
}
#commentlist a {
color: #fff;
font-size: 9pt;
}Oder im html ?
Code
<p style="text-align: center;"><img class="alignright" src="http://www.ssfderewg-test-test.de/pictures/p3.jpg" alt="" width="340" height="220" /></p>