Vorab: Ich finde hier leider nix und weiß auch nicht so richtig, nach welchem Stichwort ich suchen sollte (schon alles mögliche ausprobiert...). Sicherlich gibt es aber zu meiner Frage schon eine Lösung, ich würde mich über einen "Findungstipp" daher genauso freuen wie vielleicht einen Ansatz, das Problem in den Griff zu bekommen. Natürlich habe ich auch hier http://wpthemes.info/misty-look/ mal nachgefragt, aber meinem grottigen Englisch vertraue ich nicht so ganz :-D .
Ich bin also dabei, auf ein anderes Layout zu relaunchen und schon recht weit gekommen mit dem MistyLook-Theme. Aber wie man z. B. an diesem Beitrag sieht, überlappt das Bild in den Vorbeitrag. Ich finde jetzt leider partout nicht die Stelle in der CSS, an der ich das ändern könnte. Vielleicht haben ja unsere WP-Profis hier einen Wink für mich (ich befürchte sogar mit dem Zaunpfahl... :oops: ).
Das nächste Problem, das ich noch habe, lässt sich auch gleich an dem Bild erläutern, denn wie (und wo) bekomme ich es hin, dass der Zeilenabstand bei der Bildunterschrift nicht so groß ist? M. E. kann das an der bei mir eingesetzten MyGallery nicht liegen, oder? In dem Fall würde ich natürlich in Bielefeld intervenieren :-D .
Über ein Augenöffnen würde ich mich freuen und erlaube mir mal, die jetzige CSS mitzuliefern (nicht wundern, ich kommentiere bei meiner Bastelei die Originalangaben immer aus *g*)
Code
{
padding: 0px;
margin:0px;
}
p {
margin: 0.7em 0px;
line-height:1.6em;
}
dl {
margin:1em 0px;
}
dt
{
font-weight:bold;
}
dd
{
margin:0.5em 1em;
padding:0;
}
a img {
border:0;
}
.clear {
clear:both;
height:20px;
}
blockquote
{
margin:10px;
padding-left:10px;
border-left:#ccc 2px solid;
color:#666;
}
fieldset
{
border:none;
}
body
{
background: #fffff0; /*#f9f8f4; */
margin: 0px 20px;
font: 76%/1.6em arial, verdana, tahoma, "lucida grande", sans-serif;
color: #333;
text-align: center;
}
a
{
text-decoration:none;
}
a.ext{
padding-right:13px;
background:url('img/extern.gif') no-repeat right;
}
a:link {
color: #8b0000; /*#265e15;*/
}
a:visited {
color: #8b0000; /*#265e15;*/
}
a:hover, a:active {
color: #f00; /*#333;*/
text-decoration:underline;
}
h1, h2, h3, h4, h5, h6
{
font-family:Arial, Georgia, Verdana, Serif;
}
#container {
border: #ddd 1px solid;
background: #fff;
margin: 0px auto;
width: 780px;
position: relative;
text-align: left;
}
#navigation {
background: transparent;
margin: 20px auto 0px;
overflow: hidden;
width: 760px;
position: relative;
text-align: left;
font-family:Tahoma, Verdana, Arial, Serif;
}
html #navigation {
height: 1%;
}
#navigation ul li {
float: left;
margin: 0px 5px 0px 0px;
list-style-type: none;
}
#navigation ul li a {
border: #ddd 1px solid;
border-bottom:none;
padding: 0 10px 2px 10px;
display: block;
background: #e6e6e6;
text-decoration: none;
}
#navigation ul li a:hover {
background: #fffff0; /*#fafafa;*/
}
#navigation ul li a:active {
background: #fffff0; /*#fafafa;*/
}
#navigation ul li.current_page_item a {
background: #fff;
color: #333;
border: #ccc 1px solid;
border-bottom:none;
}
#navigation ul li.search {
font-size: 0.9em;
right: 0px;
position: absolute;
top: 0px;
}
#navigation ul li.search input#s {
border: #999 1px solid;
font-size: 0.9em;
width: 100px;
padding: 2px;
background:#fff;
}
#navigation ul li.search input#searchsubmit {
border: #999 1px solid;
font-size: 0.9em;
background: #e6e6e6;
margin: 0px 0px 0px 2px;
color: #265e15;
padding: 2px;
}
#header {
clear: both;
float: left;
margin: 10px 5px;
width: 450px;
}
#header h1
{
font-size:1.8em;
margin:10px 0 0 10px;
font-variant:small-caps;
letter-spacing:1px;
}
#header h1 a {
display: block;
text-decoration:none;
}
#header h2
{
margin:5px 0 0 10px;
font-size:1em;
font-weight:normal;
font-family:Arial, Tahoma, Verdana, Serif;
letter-spacing:1px;
}
#feedarea {
padding:10px 10px 0 0;
float: right;
text-align: right;
}
html #feedarea {
padding-top: 10px;
}
#feedarea dl dt {
display: inline;
margin-right: 5px;
height: 45px;
}
#feedarea dl dd {
display: inline;
margin-right: 5px;
height: 45px;
background:url(img/feed.png) no-repeat left center;
padding-left:16px;
}
#headerimage {
clear: both;
background: #fff url(img/806kopf.jpg) no-repeat 0px 0px;
margin: 10px;
color: #fff;
height: 95px; /*200px;*/
}
html #headerimage {
margin-top: 0px;
}
#content {
margin: 10px 10px 10px 30px;
overflow: auto;
}
html #content {
height: 1%;
}
#content h3 {
font-size: 1.2em;
margin: 1em 0px 0px;
}
#content h4 {
font-size: 1.1em;
margin: 1em 0px;
}
#content h5 {
font-size: 1em;
margin: 1em 0px;
}
#content-main ul
{
margin:1em;
padding:0 1em;
list-style-image: circle;/*url(img/bullet.png);*/
}
#content ol
{
list-style-type:decimal;
margin:1em;
padding:0 1em;
}
#content-main {
float: left;
width: 520px;
margin-right: 20px;
}
html #section-index #content-main {
margin-right: 20px;
}
#content .post
{
padding:0 0 2em 0;
border-bottom:#ddd 1px dashed;
}
#content p img.right {
float: right; margin:10px 0 0 10px;
}
#content p img.left {
float: left; margin:0 10px 10px 0;
}
#content .post h2
{
font-size: 1.4em;
margin: 1em 0px 0px;
letter-spacing:1px;
font-weight:bold;
}
#content .entry
{
margin:1em 0;
padding-right:1em;
}
#content .entry a
{
border-bottom:none; /*#999 1px dashed;*/
text-decoration:none;
}
.post-info , .postmetadata
{
font-size:0.9em;
color:#000; /*#999;*/
margin:0;
padding:0;
}
#sidebar {
float: left;
width: 200px;
font-size:0.9em;
}
#sidebar ul
{
list-style:none;
margin:0;
padding:0;
}
#sidebar ul ul
{
list-style:none;
margin:0.5em 0 0 1em;
padding:0;
}
li.sidebox {
padding:10px;
background: /*url(img/sideheadtop.gif)*/ #fffff0; /*#ededed*/ no-repeat left top;
margin-bottom: 10px;
}
html li.sidebox {
padding-bottom: 10px;
}
li.sidebox h2 {
font-weight: bold; font-size: 1.2em; text-align: left;
}
#sidebar li.sidebox p img {
float: left; margin: 0px 10px 10px 0px;
}
#footer {
clear: both;
background: transparent;
margin: 0px auto;
overflow: auto;
width: 760px;
color: #999;
text-align: left;
}
html #footer {
height: 1%;
}
#footer p {
float: justify; width: 100%; line-height: 1.2em;
}
#footer p img {
vertical-align: text-bottom;
}
#footer ul {
float: right;
margin: 1em 0px;
width: 50%;
text-align: right;
font-size: 0.9em;
}
#footer ul li {
display: inline;
margin-left: 5px;
list-style-type: none;
}
#comments, #respond{
margin: 2em 0 0 5px;
}
#commentform
{
margin:10px;
padding:10px;
}
#container .commentlist {
margin: 0;
padding: 0;
}
.commentlist li
{
list-style:none;
margin: 1em 0;
padding: 0.5em;
background:#f5f5f5;
}
.commentlist li.alt
{
background:#fafafa;
}
.commentlist li .cmtinfo
{
font-size:1em;
border-bottom: #eee 1px solid;
}
.commentlist li cite
{
font-style:normal;
font-weight:bold;
}
.commentlist li .cmtinfo em
{
float:right;
margin:0;
padding:0;
font-style:normal;
font-size:0.9em;
color:#999;
}
textarea{
width: 90%;
padding:5px;
height: 20em;
border: 1px solid #ccc;
}
.post h4
{
font-size:1em;
font-weight:normal;
font-family:Verdana, Tahoma, Arial, Serif;
}
.post h4 em
{
font-style:normal;
float:right;
font-weight:normal;
}