Hallo zusammen, ich habe ein Problem. Ich habe auf meiner Homepage einen Kategorie-Blog eingerichtet. Nun sind aber die Abstände so eng! Wie kann ich die ändern? Wird wohl ein Code im CSS sein, nur welchen? Was muss ich einfügen oder ändern?
BODY#body{
margin:0;
padding:0;
text-align: center;
background: #000;
}
body, td, th, tr, p, div {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
line-height: 145%;
}
#home_module div,
#home_module p {
color: #666;
}
#right div,
#right p {
color: #fff;
}
.moduletable {
margin: 0;
padding: 20px;
}
#content .moduletable {
padding-left: 0;
}
p {
margin:0;
padding: 10px;
padding-left: 0;
}
#left .moduletable,
#left .moduletable_text,
#left .moduletable_menu {
padding-left: 10px;
}
#wrapper {
position: relative;
width: 740px;
margin: 0 auto;
text-align: left;
}
#header {
position: relative;
height: 110px;
}
#logo {
position: absolute;
top: 60px;
left: 0;
width: 210px;
height: 120px;
}
#menu {
position: absolute;
right: 190px;
bottom: 10px;
}
#wrapper_content {
float: left;
width: 537px;
background: #fff;
padding-top: 10px;
padding-bottom: 10px;
}
#right {
width: 200px;
float: left;
padding-top: 115px;
}
#right .moduletable {
padding-left: 0;
}
#right p {
padding: 10px;
}
#home_img {
width: 535px;
height: 388px;
text-align: center;
}
#home_module {
float: right;
width: 315px;
}
#in_img {
height: 115px;
padding: 10px;
padding-top: 0;
}
#left {
float: left;
width: 200px;
}
#content {
float: left;
width: 300px;
}
#content-padding {
padding: 10px;
}
#footer {
text-align: left;
}
#logo img {
display: block;
}
.space {
height: 50px;
}
.clear {
clear: both;
}
/* GENERAL PURPOSE STYLES */
a:link,
a:active,
a:visited {
color: #000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#header2 .moduletable {
padding: 0;
margin: 0;
}
.inputbox {
margin-right: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
border: 1px solid #ddd;
}
.sectiontableentry1 {
background-color: #fff;
}
.sectiontableentry2 {
background-color: #f9f9f9;
}
.small {
font-size: 9px;
text-decoration: none;
font-weight: normal;
}
form {
padding: 0;
margin: 0;
}
#footer a,
#footer a:link,
#footer a:visited,
#right a:link,
#right a:visited {
color: #999;
}
#footer a:hover {
text-decoration: underline;
}
.componentheading,
.contentheading {
font-size: 13px;
color: #60849A;
font-weight: bold;
padding: 0;
margin: 0;
padding-bottom: 5px;
text-transform: lowercase;
}
/* new tags */
h1, h2, h3, h4 {
margin: 0;
padding: 10px;
padding-bottom: 0;
padding-left: 0;
}
h1 {
font-size: 14px;
}
h2 {
font-size: 13px;
color: #333;
}
h3 {
font-size: 12px;
}
#left h3 {
padding-right: 0;
padding-bottom: 5px;
text-transform: lowercase;
}
#right h3 {
background: url(../images/right_h3.jpg) no-repeat left top;
padding: 5px;
padding-left: 10px;
text-transform: lowercase;
height: 24px;
}
#footer h3 {
display: none;
}
h4 {
font-size: 11px;
color: #333;
}
ul {
margin: 2px;
padding: 6px;
padding-left: 15px;
}
li {
list-style: none;
padding-left: 1px;
line-height: 150%;
}
#content li {
list-style-image: url(../images/arrow.png);
}
ul.arrow1 li,
ul.arrow2 li {
padding-left: 5px;
padding-bottom: 2px;
padding-top: 2px;
}
ul.arrow1,
ul.arrow2 {
line-height: 150%;
padding-bottom: 3px;
margin-top: 2px;
}
ul.arrow1 li {
list-style-image: url(../images/arrow1.jpg);
}
ul.arrow2 li {
list-style-image: url(../images/arrow2.jpg);
}
#left ul {
margin: 0;
padding: 0;
padding-left: 10px;
}
#left ul li {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
#left ul li a,
#left ul li a:link,
#left ul li a:visited {
text-decoration: underline;
line-height: 20px;
font-size: 11px;
color: #666;
}
#left ul li a:hover,
#left ul li a:active {
color: #E13D0C;
}
/* primary menu - at the top of this site */
#menu ul,
#menu li {
list-style-type:none;
list-style-image:none;
padding: 0;
margin: 0;
}
#menu ul li {
float: left;
line-height: 30px;
}
#menu a,
#menu a:link,
#menu a:visited {
font-size: 11px;
color: #C9C0A3;
padding-left: 12px;
padding-right: 12px;
text-transform: lowercase;
}
#menu ul li a:hover,
#menu ul li a#active_menu {
text-decoration: underline;
}
img, fieldset {
border: 0;
