Hallo. Ich möchte auf meinem Blog Bilder einfügen. Das ist ja auch nicht schwer, aber sie haben imemr alle einen Rand. Vom content auf ich den Border schon auf none gesetzt, aber es ist immer noch ein kleiner schwarzer Rand, diesen will ich weghaben.
Bei der Sidebar will ich diesen Border auch weghaben, aber auch da bleibt ein schwarzer kleiner Rand von 1px, sowie im header wenn ich dort Bilder einfüge... Kann mir jemand helfen? Ich weiß einfach nicht mehr weiter:(
CSS
/*
Theme Name: Gunmetal DE
Theme URI: http://www.online-resources.de
Description: Zweispaltiges Wordpress Theme <br />Design von <a href="http://www.sixshootermedia.com">Six Shooter Media</a>. <br /> Konvertiert von <a href="http://www.online-resources.de">online-resources.de</a>.
Version: 1.4
Author: Hans Bauer
*/
body {
background: #FFFFFF;
font: 1em Trebuchet MS;
word-spacing: 2px;
color: #545454;
margin: 0;
}
* {
margin: 0;
padding: 0;
}
a {
color: #0090E0;
border-bottom: none;
text-decoration: none;
padding: 2px 4px 2px 4px;
}
a:hover {
border-bottom: 1px dotted #FFFFFF;
background: #FFFFFF;
}
h2 {
font: 24px Arial, sans-serif;
color: #0090E0;
letter-spacing: -1px;
font-weight: normal;
margin: 15px 0 15px 0;
}
h2 a {
color: #0090E0;
text-decoration: none;
border: none;
padding: 0;
}
h2 a:hover {
color: #CFCFCF;
}
h3 {
font-size: 1.2em;
color: #ccc;
font-weight: normal;
margin: 15px 0 15px 0;
}
p {
line-height: 24px;
margin: 25px 0 25px 0;
}
blockquote {
font-size: 1.2em;
color: #787878;
background: url('images/blockquote.gif') no-repeat top left;
font-family: Georgia, "Times New Roman", Times, serif; margin-left:0; margin-right:150px; margin-top:35px; margin-bottom:35px; padding-left:0; padding-right:0; padding-top:15px; padding-bottom:0
}
#sidebar {
width: 263px;
background: url('images/sidebar.jpg') no-repeat top left;
float: left;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 50px
}
#sidebar p {
font-size: 0.9em;
}
#sidebar a {
color: #0090E0;
border: none;
}
#sidebar a:hover {
text-decoration: none;
color: #eee;
border: none;
}
#sidebar h1 {
color: #fff;
font-size: 1.7em;
}
#sidebar h1 a {
color: #fff;
text-decoration: none;
padding: 0;
}
#sidebar ul {
list-style-type: none;
}
#sidebar h1 a:hover {
text-decoration: none;
}
ol#nav {
margin: 25px 15px 25px 30px;
font-size: 1.3em;
}
#nav a {
display: block;
margin: none;
color: #0090E0;
border: none;
}
ol li {
margin: 15px 0 15px 0 !important;
margin: -10px 0;
}
#nav a b {
float: right;
display: none;
color: #0090E0;
}
#nav a:hover {
background: none;
border: none;
text-decoration: none;
}
#nav a:hover b {
display: inline;
}
#content {
background: url('images/content.jpg') no-repeat top left;
padding: 20px;
margin-left: 300px;
margin-right: 10%;
margin-top: 0;
margin-bottom: 0
}
#content ul, #content ul {
margin: 15px 15px 15px 15px;
list-style: none;
}
#content ul li, #content ul li {
margin: 10px 0;
background: url('images/bp.gif') no-repeat left;; padding-left:15px;
padding-right: 0;
padding-top: 0;
padding-bottom: 0
}
#content ol li, #content ol li {
margin: 15px 0 15px 0 !important;
margin: 10px 0;
}
#content img, #content img {
padding: 1px;
background: #000;
border: none;
}
.postdata {
font: 11px Verdana;
margin: -6px 0 -15px 0;
color: #777;
}
.postmetadata {
background: #FFFFFF;
border-top: none;
border-bottom: none;
padding: 5px 10px;
font: 0.7em;
line-height: 1.2em;
}
#footer {
padding: 30px;
text-align: center;
border-top: none;
margin: 50px 0 0 0;
background: #FFF;
}
/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}
#commentform {
margin: 1em 0;
background: #FFFFFF;
width: 280px;
}
#commentform textarea {
background: #F0F0F0;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #F0F0F0;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #F0F0F0;
border: 1px solid #939793;
}
#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #CCCCCC;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}
#searchform input{
background: #CCCCCC;
border: 1px solid #939793;
}
#sidebar ul li {
margin: 5px 0 5px 0 !important;
}
#sidebar ul li a {
color: #0090E0;
}
#sidebar ul {
padding-left: 10px;
padding-bottom: 10px;
padding-top: 10px;
}
/* addons */
#submit {
background-image: url(images/submit.jpg);
border: 0px 0px 0px 0px !important;
}
#side_submit {
background-image: url(images/submit.jpg) !important;;
border: 0px 0px 0px 0px !important;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
small.edit {
font-weight: lighter;
font-size: 0.5em;
}