hallo,
das ist bisher mit abstand mein größtest problem bei der designanpassung:
der abstand.
<strike>ja ich bin ein kleiner hobbykomiker</strike>
kann mir vll jemand helfen und sagen wie ich hier den abstand zwischen TITEL und der ANGABE DES DATUMS UND DER KATEGORIE beim jew. post verkleinern kann.
Code
* {
font-family: Arial,Georgia,"Trebuchet MS",Verdana,Helvetica, sans-serif;
}
body {
margin: 5px 0;
padding: 0;
background: #FFFFFF;
font-size:small;
font-size: 0.76em;
color: #444;
}
h1,h3,h5, h6 {
margin: 0;
padding: 0;
font-family: Arial, Verdana, Serif;
text-transform: lowercase;
font-weight: normal;
color: #444;
}
h1 { text-transform: none; }
h2{
margin: 0;
padding: 0;
font-family: georgia, Verdana, Serif;
text-transform: uppercase;
font-weight: normal;
color: #444;
}
#logo h2 { color: #fff; }
h2,h3 {
margin-bottom: 10px;
border-bottom: 4px solid #00B2F7;
font-size: 1.0em;
}
h4, #content h2, #content h3 {
margin: 0;
padding: 0;
font-family: georgia
text-transform: uppercase;
font-weight: bold;
color: #8D9E61;
margin-bottom: 10px;
border-bottom: 0px solid #FF348C;
font-size: 2.7em;
}
#content h3 {
margin-top: 8px;
}
#content a {
color: #000;
text-decoration:underline;
}
#content a:hover
{
color: #FF348C;
text-decoration: underline;
}
#sidebar h2 {
color: #c00;
}
p, ol, ul, blockquote {
line-height: 18px;
}
ul {
margin: 0;
padding: 0;
}
#content ul
{
margin-left:2em;
}
#sidebar ul
{
margin-left:1em;
}
a {
color: #000;
text-decoration:none;
}
a:hover
{
color: #c00;
text-decoration: underline;
}
img {
border: none;
}
blockquote
{
margin:1em;
padding:5px;
border-left:#0085AE 2px solid;
color:#666;
}
img.left
{
float:left;
margin:0 1em 1em 0;
}
img.right
{
float:right;
margin:0 0 1em 1em;
}
a img
{
border-bottom:#900 0px dashed;
padding-bottom:3px;
}
.clear
{
clear:both;
}
.center
{
text-align:center;
}
#s, input.textbox {
width: 185px;
margin-bottom: 10px;
border: 1px solid #006888;
padding:3px;
}
#btnSearch {
border: 0px solid #ADEF00;
background: #000000
border-bottom-color: #DDDDDD;
background: #FBFBFB url(images/img7.gif) repeat-x;
padding:0px;
color: #7A7A7A;
}
/* Posted */
.posted {
margin: 0;
font-size:0.9em;
padding: 1px;
background:#fdfdfd url(images/img6.gif) repeat-x;
border: 0px solid #ADEF00;
}
.posted p {
margin: 0;
padding:0;
}
.posted .comments {
float: right;
margin:0;
padding:0 0 0 15px;
background:url(images/comments.gif) no-repeat left center;
}
/* Header */
#header {
width: 917px;
height: 100px;
margin: 0 auto;
}
/* Logo */
#logo {
float: left;
height: 0;
padding: 0 0 0 0;
}
#logo * {
text-decoration: none;
}
#logo h1 {
padding: 30px 0 0 40px;
font-size: 3.5em;
font-family:georgia,georgia,"Trebuchet MS",Verdana,Helvetica, sans-serif;
}
#logo h1 a {
color: #fff;
}
#logo h2 {
padding: 0px 0 0 40px;
font-size: 1em;
border: none;
color: #fff;
}
#logo h2 a {
color: #333;
}
/* Menu */
#menu {
float: right;
height: 0px;
padding: 30px 25px 0 0;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
padding: 5px 10px;
border-left: 2px solid #fff;
text-transform: lowercase;
text-decoration: none;
font-size: 1.1em;
color: #fff;
}
#menu a:hover, #menu li.current_page_item a
{
border-bottom:#DBDBDB 0px solid;
background: #ADEF00
}
/* Splash */
#splash {
width: 0px;
height: 0px;
margin: 0 auto;
background: url(images/) no-repeat center bottom;
border-right: 0px solid #303030;
border-left: 0px solid #303030;
link: http://www.pew-pew.org
}
#headerimg{cursor:pointer;}
/* Content */
#main {
width: 847px;
margin: 0 auto;
padding: 10px 15px;
background: #FFFFFF url(images/img8.gif) no-repeat left bottom;
}
#content {
float: left;
width: 620px;
}
#content .post
{
margin-bottom:5em;
}
/* Comments */
#comments, #respond
{
margin-top:1em;
}
#commentform
{
margin:10px 0;
padding:10px;
background:#fcfcfc;
border-top:#ddd 1px solid;
border-bottom:#ddd 1px solid;
}
.commentnum
{
font-size:200%;
}
#main .commentlist {
margin: 0;
padding: 0;
border-top:#ddd 1px solid;
}
.commentlist li
{
list-style:none;
margin: 0;
padding:1em;
border-bottom:#ddd 1px solid;
}
.commentlist li.alt
{
background: #F2FCFF;
}
.commentlist li.highlighted
{
border:#bdb76b 1px solid;
}
.commentlist li .cmtinfo
{
font-size:1em;
}
.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;
}
#comments
{
border-bottom:none;
}
textarea{
background:#fff;
border:1px solid #E0E0E0;
width:80%;
}
input.textbox:focus, textarea:focus
{
background:#fff;
border:#999 1px solid;
}
/* Sidebar */
#sidebar {
float: right;
width: 185px;
padding: 5px 0 0 0;
}
#sidebar li
{
margin: 1em 0 0 0;
padding:0;
list-style:none;
}
#sidebar li li
{
margin: 0;
padding:0;
list-style:none;
}
#sidebar li li li
{
margin: 0;
padding:0;
list-style-image:url(images/bullet.png);
}
/* Footer */
#footer
{
clear:both;
padding:0;
margin:1em 0;
}
#footer p {
text-align: center;
color: #777777;
}
#footer p span
{
font-size:0.9em;
}
#main .feed
{
background:url(images/icon_feed.gif) no-repeat left;
padding-left:17px;
}
#main .trackback
{
background:url(images/links.gif) no-repeat left;
padding-left:19px;
}
Alles anzeigen
wenn jemand das zufällig weiß, wäre es sehr nett, wenn er es mir verraten könnte.
viele grüße
philipp