Hallo,
und zwar folgendes Problem:
Ich habe einen (für mich sehr neuen) Wordpress Blog.
Nun binde ich Text und Bilder ein , jedoch stößt der Text an Bilder
guckst Du hier.
Jetzt das eigtnliche Problem: Ich habe zwar ne CSS Datei (siehe unten) nur weiß ich ABSOLUT NICHT wo dieser Code steckt und selbst wenn ich wüsste wo, weiß ich nicht wie ich ihn ändern muss, damit zwischen Bild und Text ein paar freie Pixel kommen. Könnt Ihr mir da nicht weiterhelfen?
Anbei die CSS Datei:
HTML-Code:
/*
Theme Name: Dark Ritual
Theme URI: http://templates.arcsin.se/
Version: 1.0
Description: Tribal-style three column layout based on the <a href="http://templates.arcsin.se/">free website template</a> Dark Ritual.
Author: CSS Design Templates
Author URI: http://templates.arcsin.se/
*/
/* standard elements */
* {
margin: 0;
padding: 0;
}
#tagcloud a {
color: #666666;
text-decoration: none;
}
#tagcloud a:hover {
color: #FFFFFF;
text-decoration: none;
}
a {color: #682;}
a:hover {color: #9A6;}
a:hover {cursor: url(/metalhand.cur), auto;}
body {
background: #333 url(img/bg.gif);
color: #333;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
margin: 3% 0;
}
p,ul {
padding-bottom: 1em;
}
ul {margin-left: 1.2em;}
.main_right li {list-style: none;}
/*.main li {list-style-image: url(img/li.gif);}*/
h1 {font-size: 1.9em;}
blockquote {
background: #FFF;
border-bottom: 1px solid #EEE;
border-top: 1px solid #EEE;
color: #333;
display: block;
font-size: 0.9em;
margin-bottom: 1.2em;
padding: 6px 12px;
}
blockquote p {padding: 3px 0;}
h1,h2,h3 {color: #994;}
/* misc */
.clearer {clear: both;}
.main_right .padded {padding: 6px 2px 6px 16px;}
.main .padded {padding: 18px 24px;}
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}
/* structure */
.container {
font-size: 1.2em;
background: url(img/bgcontainer.gif) repeat-y;
margin: 0 auto;
width: 840px;
border: 12px solid #222;
}
/* header */
.header {
float: left;
width: 640px;
background: url(img/header.jpg) no-repeat;
font: normal 0.1em Verdana,sans-serif;
line-height: 150px;
text-align: center;
color: #ffffff;
}
/* structure */
.top {
background: #222;
color: #DDD;
float: left;
font: normal 1.4em Verdana;
height: 50px;
text-align: center;
width: 639px;
}
.subnav {
float: left;
width: 160px;
}
.main {
float: left;
width: 480px;
}
.main_right {
float: right;
width: 200px;
color: #CCC;
}
/* sub-navigation */
.subnav h1 {
background: #222;
color: #FFE;
font: bold 1.1em Verdana,sans-serif;
line-height: 24px;
padding-left: 8px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
border-bottom: 1px solid #696755;
list-style: none;
}
.subnav li a {
background: #89866F;
color: #111;
display: block;
padding: 8px 0 8px 12px;
width: 148px;
text-decoration: none;
}
.subnav li a:hover {
background: #9C997C;
color: #000;
}
/* footer */
.footer {
background: url(img/bgfooter.gif) repeat-x;
color: #BBB;
font-size: 0.9em;
line-height: 39px;
width: 100%;
text-align: center;
}
.footer .left,.footer .right {padding: 0 16px;}
.footer .left a,.footer .right a {color: #CCC;}
.footer a:hover {color: #FAFCB0;}
.post{margin:0 0 100px 0;}
.post .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#505050;
}
/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}
#commentform {
margin: 1em 0;
background: #F7F7F7;
width: 280px;
}
#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}
#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}
.post ul li
{
list-style:square;
margin-left:18px;
padding:5px;
}
.entry ol li
{
padding:5px;
list-type:decimal;
margin-left:22px;
}
.main_right a:link, a:visited {
color: #999999;
}
.main_right a:link,.main_right a:visited{
color: #666666;
text-decoration: none;
}
.main_right ul {
padding: 0;
}
.main_right ul li a:link,.main_right ul li a:visited{
display: block;
}
.main_right ul li:hover{
background: #333333;
}
.main_right ul li {
padding: 5px 0;
}
.main_right ul {
margin: 0;
}
Vermuten tue ich ja das es hier steckt:
Zitat:
/* misc */
.clearer {clear: both;}
.main_right .padded {padding: 6px 2px 6px 16px;}
.main .padded {padding: 18px 24px;}
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}
|
Aber alles was ich da rumprobiert habe brachte kein Ergebnis
Greetz Newx
