Beiträge von DJOutlaw

DJOutlaw

Zitat von 'Marcus[IS

;338216']Hi,
keine Ahnung ob es technisch gesehen so korrekt ist, aber ändere mal den Wert bei margin-left unter #content .infobar .email_me ... von 10px auf 7px (oder niedriger), dann rutscht es nach oben und ist nebeneinander angezeigt.
Zumindest unter Firebug war es so. ;)

Perfekt, danke, hat geklappt! Kleiner Fehler, große Wirkung! :grin:

DJOutlaw

Hallo,

ich benutze Wordpress 3.0.1 und habe das Problem, dass der hauseigene WP Kalender ein falsches Datum anzeigt und anscheinend auch bei diesem Datum bleibt. Das Widget habe ich bereits versucht zu entfernen und neu hinzuzufügen, hab mich ausgeloogt, eingeloogt, aber nichts hat geholfen.

Meine Website URL lautet: http://www.nature-two.de.vu/

Liegt es vielleicht am Quellcode der core.css:

CSS

/* ------------------------------------------------- */
/* THE CORE LAYOUT STYLING IS FOUND IN THIS DOCUMENT */
/* ------------------------------------------------- */


body{
    background: #000;
}


/* Global Wrap */
#wrap{
    width: 1080px;
    margin: 0 auto;
}


/* Page      */


/* Page      */
/* -> Header */
#page .header{
    background: transparent;
    height: auto;
    text-align: center;
    margin-top: 33px;
    margin-left: 29px; /* IMPORTANT! DO NOT REMOVE! */
    margin-right: 29px; /* IMPORTANT! DO NOT REMOVE! */
    padding-bottom: 20px;
    width: 1000px;
}


#page .header img{
    margin-top: 30px;
}


/* Page          */
/* -> Navigation */


#page .navigation{
    width: 1000px;
    background: transparent;
    margin-left: 29px; /* IMPORTANT! DO NOT REMOVE! */
    margin-right: 29px; /* IMPORTANT! DO NOT REMOVE! */
}


#page .navigation .border{
    border-top: 1px dotted #333333;
    border-bottom: 1px dotted #333333;
    margin-left: 31px;
    margin-right: 31px;
}


#page .navigation ul{
    padding: 8px;
    padding-left: 0px;
    padding-right: 0px;
    float:left;
    width: 700px;
}


#page .navigation ul li{
    display: inline;
    background: url(library/img/navigation/navigation_dot.png) no-repeat;
    padding-left: 20px;
    padding-right: 12px;
}


#page .navigation ul li:first-child{
    background: transparent;
    padding-left: 0px !important;
}


#page .navigation ul li.first{
    background: none;
    padding-left: 0px;
}


#page .navigation ul li .icon{
    vertical-align: middle;
    margin-right: 8px;
}


#page .navigation .search{
    float: right;
    padding-top: 5px;    
}


#page .navigation .search .field{
    background: #000;
    border: 1px solid #333;
    font:12px;
        font-family: Lucida Grande, Arial, sans-serif;
    padding: 2px 3px 2px 4px;
        width: 120px;
        color: #fff;
}


#page .navigation .search .button{
    background: transparent url(library/img/navigation/search.gif) no-repeat scroll 0 1px;
    border: 0;
        height: 22px; width: 21px;
        padding: 0; margin: 0;
        position: relative;
        display: inline;
    font:12px;
        text-indent: -9999px;
}


/* Content */
#page #content{
    background: tras;
        margin: 0 29px;
    padding-top: 20px;
    width: 1000px;
}


#page #content.alt{
    padding-top: 0px;
}


/* Content       */
/* -> Info Bar   */
#content .info_bar{
    border-top: 1px solid #313131;
    border-bottom: 1px solid #313131;
    margin: 0px 31px 19px;
    padding: 8px 0;
}


#content .info_bar .twitter{
    background: url(library/img/twitter.jpg) no-repeat;
    height: 95px;
    width: 615px;
    float: left;
    border-right: 1px dotted #333;
}


#content .info_bar .email_me img{
    margin-left: 10px;
}


/* Content             */
/* -> From Title Bar   */
#content .from_title{
    text-align: center;
    padding: 13px;
    border-bottom: 1px dotted #333;
        margin: -21px 31px 20px;
}


#content .from_title .page_title img{
        padding: 0px 7px;
}


#content .from_title ul{
    width: 100%;
}


#content .from_title ul li{
    display: inline;
    background: url(library/img/navigation/navigation_dot.png) no-repeat 5px 0;
    padding-left: 20px;
    vertical-align: middle;
}




/* Content           */
/* -&gt; Content Wrap   */
#content .content_wrap{
    margin-left: 31px;
    margin-right: 31px;    
}


/* Content      */
/* -> Entries   */
#content .content_wrap .entries,
#content .content_wrap .full-entry{
    width: 590px;
    border-right: 1px dotted #333333;;
    padding-right: 25px;
    float: left;
}


#content .content_wrap .entries ul li,
#content .content_wrap .full-entry{
    margin-bottom: 20px;
}


#content .content_wrap .entries ul li .date,
#content .content_wrap .full-entry .date{
    background: url(library/img/blog/date_bg.png) no-repeat;
    width: 60px;
    height: 60px;
    float:left;
    margin-right: 15px;
}


#content .content_wrap .entries ul li .date p,
#content .content_wrap .full-entry .date p{
    padding-top: 15px;
}


#content .content_wrap .entries ul li .entry-title,
#content .content_wrap .full-entry .entry-title{
    float:left;
    width: 400px;
}




#content .content_wrap .entries ul li .comments p,
#content .content_wrap .full-entry .comments p{
    padding-top: 1px;
}




#content .content_wrap .entries ul li .entry,
#content .content_wrap .full-entry .post,
#content .content_wrap .full-entry .page{
    clear: both;
    padding-top: 1px;
    border-bottom: 1px dotted #333;
    padding-bottom: 20px;
}




#content .content_wrap .entries ul li .alignleft,
#content .content_wrap .full-entry ul li .alignleft{
    float: left;
    padding-top: 8px;
    padding-right: 15px;
}


#content .content_wrap .entries ul li .comments,
#content .content_wrap .full-entry .comments{
    background: url(library/img/blog/comments_bg.png) no-repeat;
    width: 111px;
    height: 30px;
    float: right;
    color: #FFF;
    text-align: center;
    margin-top: 5px;
}




#content hr{
    background: #FFF;
    height: 1px;
    border: 0px;
    border-bottom: 1px dotted #333;
    margin-top: 5px;
    margin-bottom: 20px;
}




/* COMMENTS STYLING */
#content .content_wrap .comment_list{
    padding-top: 10px;
}


#content .content_wrap .comment_list ul{
    margin-top: 10px;
}


#content .content_wrap .comment_list ul li{
    display: block;
    background: transparent;
    padding: 16px 0;
        border-bottom: 1px dotted #333;
}


#content .content_wrap .comment_list p{
    margin-top: 0px;
}


.comment_list input, 
.comment_list textarea{
    border: 1px solid #333;
    padding: 6px;
    margin: 6px 0;
}


.comment_list .comments_meta{
    padding: 4px 6px 6px; background: transparent;
        border-borrom: dotted 1px #333; 
}


/* CONTACT FORM STYLING */
.contact-form input,
.contactform textarea{
    border: 1px solid #333;
    padding: 6px;
    margin: 6px 0;
}






/* SIDEBAR STYLING */
#sidebar{
    float: left;
}


#sidebar .sidebar_wrap{
    width: 262px;
    margin-left: 37px;
}


#sidebar ul li{
    border-bottom: 1px dotted #333;
    padding-bottom: 10px;
    margin-bottom: 20px;
}


#sidebar ul li li{
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}




#sidebar ul li div div{
    border-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}




#sidebar ul li div p{
    margin-bottom: 5px;
}






/* Sidebar       */
/* -> Affiliates */


#sidebar ul.affiliates li{
    display: inline;
}


#sidebar hr{
    background: #000;
    height: 1px;
    border: 0px;
    border-bottom: 1px dotted #333;
    margin-top: 20px;
    margin-bottom: 20px;
}


/* Sidebar       */
/* -> Contact */
#sidebar .contact_us{
    line-height: 24px;
    text-align: right;
}


/* Sidebar       */
/* -> The Author */


#sidebar .the_author{
    line-height: 24px;
}


#sidebar .the_author img{
    border: 1px solid #333;
    float:left;
    margin-top: 10px;
    margin-right: 10px;
}


/* Sidebar       */
/* -> Categories */
#sidebar ul.categories li{
    margin-bottom: 10px;
}




/* FOOTER NAV */
.footer_nav{
    background: transparent;
    text-align: center;
    margin-left: 29px; /* IMPORTANT! DO NOT REMOVE! */
    margin-right: 29px; /* IMPORTANT! DO NOT REMOVE! */
    height:57px;
    width: 1000px;    
    padding-top: 12px;
}


.footer_nav .list{
    border-top: 1px dotted #333;
    margin-left: 31px;
    margin-right: 31px;
    padding: 15px 0 15px 0;
}


.footer_nav .prev{
    float: left;
    width: 200px;
}


.footer_nav .cur{
    float: left;
    width: 500px;
}


.footer_nav .next{
    float: right;
    width: 200px;
}






/* FOOTER   */
#footer{
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}


#footer .footerList ul li{
    margin-top: 25px;
    margin-left: 25px;
    padding-right: 10px;
    padding-top: 10px;
    float: left;
    width: 130px;
}


#footer .footerList ul li li{
    margin-top: 0px;
    margin-left: 0px;
    padding-right: 10px;
    padding-top: 10px;
    clear: left;
    width: 130px;
}




#footer .footerWrap{
    width: 1000px;
    margin: 0 auto;
}






/* CUSTOM STYLING */


.twitter li.twitter-item{
margin: 10px 0; 
}


.pushup{
    margin-top: -20px;
}






/* IMAGE STYLING */


img.alignright {
margin: 0 0 2px 7px;
display: inline;
}


img.alignleft {
margin: 0 7px 2px 0;
display: inline;
}


.alignright {
float: right;
}


.alignleft {
float: left;
}


.post img, .post a img, .comment_list .avatar{
padding: 3px;
background:#111 none repeat scroll 0 0;
border:1px solid #333;
}


.post a img:hover, .comment_list .avatar:hover{
background:#222 none repeat scroll 0 0;
}


.comment_list .avatar{
float: left;
margin: 5px 12px 2px 0;
display: inline;
}

Alles anzeigen

DJOutlaw

Hallo,

ich benutzte Wordpress 3.0.1 mit dem Atlantica Theme.

Gerne würde ich, wie in der Demo, mein Twitter Plugin (links) und mein E-Mail Button (rechts) anzeigen lassen.

Der Button ist übrigens nicht als Widget eingefügt, sondern ist Bestandteil der Atlantica Theme Seetings.

Anbei der Quellcode der core.css zur Hilfestellung:

CSS

/* ------------------------------------------------- */
/* THE CORE LAYOUT STYLING IS FOUND IN THIS DOCUMENT */
/* ------------------------------------------------- */


body{
    background: #000;
}


/* Global Wrap */
#wrap{
    width: 1080px;
    margin: 0 auto;
}


/* Page      */


/* Page      */
/* -> Header */
#page .header{
    background: transparent;
    height: auto;
    text-align: center;
    margin-top: 33px;
    margin-left: 29px; /* IMPORTANT! DO NOT REMOVE! */
    margin-right: 29px; /* IMPORTANT! DO NOT REMOVE! */
    padding-bottom: 20px;
    width: 1000px;
}


#page .header img{
    margin-top: 30px;
}


/* Page          */
/* -> Navigation */


#page .navigation{
    width: 1000px;
    background: transparent;
    margin-left: 29px; /* IMPORTANT! DO NOT REMOVE! */
    margin-right: 29px; /* IMPORTANT! DO NOT REMOVE! */
}


#page .navigation .border{
    border-top: 1px dotted #333333;
    border-bottom: 1px dotted #333333;
    margin-left: 31px;
    margin-right: 31px;
}


#page .navigation ul{
    padding: 8px;
    padding-left: 0px;
    padding-right: 0px;
    float:left;
    width: 700px;
}


#page .navigation ul li{
    display: inline;
    background: url(library/img/navigation/navigation_dot.png) no-repeat;
    padding-left: 20px;
    padding-right: 12px;
}


#page .navigation ul li:first-child{
    background: transparent;
    padding-left: 0px !important;
}


#page .navigation ul li.first{
    background: none;
    padding-left: 0px;
}


#page .navigation ul li .icon{
    vertical-align: middle;
    margin-right: 8px;
}


#page .navigation .search{
    float: right;
    padding-top: 5px;    
}


#page .navigation .search .field{
    background: #000;
    border: 1px solid #333;
    font:12px;
        font-family: Lucida Grande, Arial, sans-serif;
    padding: 2px 3px 2px 4px;
        width: 120px;
        color: #fff;
}


#page .navigation .search .button{
    background: transparent url(library/img/navigation/search.gif) no-repeat scroll 0 1px;
    border: 0;
        height: 22px; width: 21px;
        padding: 0; margin: 0;
        position: relative;
        display: inline;
    font:12px;
        text-indent: -9999px;
}


/* Content */
#page #content{
    background: tras;
        margin: 0 29px;
    padding-top: 20px;
    width: 1000px;
}


#page #content.alt{
    padding-top: 0px;
}


/* Content       */
/* -> Info Bar   */
#content .info_bar{
    border-top: 1px solid #313131;
    border-bottom: 1px solid #313131;
    margin: 0px 31px 19px;
    padding: 8px 0;
}


[B][COLOR=Red]#content .info_bar .twitter{
    background: url(library/img/twitter.jpg) no-repeat;
    height: 95px;
    width: 615px;
    float: left;
    border-right: 1px dotted #333;
}[/COLOR][/B]


[B][COLOR=Red]#content .info_bar .email_me img{
    margin-left: 10px;
}[/COLOR][/B]


/* Content             */
/* -> From Title Bar   */
#content .from_title{
    text-align: center;
    padding: 13px;
    border-bottom: 1px dotted #333;
        margin: -21px 31px 20px;
}


#content .from_title .page_title img{
        padding: 0px 7px;
}


#content .from_title ul{
    width: 100%;
}


#content .from_title ul li{
    display: inline;
    background: url(library/img/navigation/navigation_dot.png) no-repeat 5px 0;
    padding-left: 20px;
    vertical-align: middle;
}




/* Content           */
/* -&gt; Content Wrap   */
#content .content_wrap{
    margin-left: 31px;
    margin-right: 31px;    
}


/* Content      */
/* -> Entries   */
#content .content_wrap .entries,
#content .content_wrap .full-entry{
    width: 590px;
    border-right: 1px dotted #333333;;
    padding-right: 25px;
    float: left;
}


#content .content_wrap .entries ul li,
#content .content_wrap .full-entry{
    margin-bottom: 20px;
}


#content .content_wrap .entries ul li .date,
#content .content_wrap .full-entry .date{
    background: url(library/img/blog/date_bg.png) no-repeat;
    width: 60px;
    height: 60px;
    float:left;
    margin-right: 15px;
}


#content .content_wrap .entries ul li .date p,
#content .content_wrap .full-entry .date p{
    padding-top: 15px;
}


#content .content_wrap .entries ul li .entry-title,
#content .content_wrap .full-entry .entry-title{
    float:left;
    width: 400px;
}




#content .content_wrap .entries ul li .comments p,
#content .content_wrap .full-entry .comments p{
    padding-top: 1px;
}




#content .content_wrap .entries ul li .entry,
#content .content_wrap .full-entry .post,
#content .content_wrap .full-entry .page{
    clear: both;
    padding-top: 1px;
    border-bottom: 1px dotted #333;
    padding-bottom: 20px;
}




#content .content_wrap .entries ul li .alignleft,
#content .content_wrap .full-entry ul li .alignleft{
    float: left;
    padding-top: 8px;
    padding-right: 15px;
}


#content .content_wrap .entries ul li .comments,
#content .content_wrap .full-entry .comments{
    background: url(library/img/blog/comments_bg.png) no-repeat;
    width: 111px;
    height: 30px;
    float: right;
    color: #FFF;
    text-align: center;
    margin-top: 5px;
}




#content hr{
    background: #FFF;
    height: 1px;
    border: 0px;
    border-bottom: 1px dotted #333;
    margin-top: 5px;
    margin-bottom: 20px;
}




/* COMMENTS STYLING */
#content .content_wrap .comment_list{
    padding-top: 10px;
}


#content .content_wrap .comment_list ul{
    margin-top: 10px;
}


#content .content_wrap .comment_list ul li{
    display: block;
    background: transparent;
    padding: 16px 0;
        border-bottom: 1px dotted #333;
}


#content .content_wrap .comment_list p{
    margin-top: 0px;
}


.comment_list input, 
.comment_list textarea{
    border: 1px solid #333;
    padding: 6px;
    margin: 6px 0;
}


.comment_list .comments_meta{
    padding: 4px 6px 6px; background: transparent;
        border-borrom: dotted 1px #333; 
}


/* CONTACT FORM STYLING */
.contact-form input,
.contactform textarea{
    border: 1px solid #333;
    padding: 6px;
    margin: 6px 0;
}






/* SIDEBAR STYLING */
#sidebar{
    float: left;
}


#sidebar .sidebar_wrap{
    width: 262px;
    margin-left: 37px;
}


#sidebar ul li{
    border-bottom: 1px dotted #333;
    padding-bottom: 10px;
    margin-bottom: 20px;
}


#sidebar ul li li{
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}




#sidebar ul li div div{
    border-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}




#sidebar ul li div p{
    margin-bottom: 5px;
}






/* Sidebar       */
/* -> Affiliates */


#sidebar ul.affiliates li{
    display: inline;
}


#sidebar hr{
    background: #000;
    height: 1px;
    border: 0px;
    border-bottom: 1px dotted #333;
    margin-top: 20px;
    margin-bottom: 20px;
}


/* Sidebar       */
/* -> Contact */
#sidebar .contact_us{
    line-height: 24px;
    text-align: right;
}


/* Sidebar       */
/* -> The Author */


#sidebar .the_author{
    line-height: 24px;
}


#sidebar .the_author img{
    border: 1px solid #333;
    float:left;
    margin-top: 10px;
    margin-right: 10px;
}


/* Sidebar       */
/* -> Categories */
#sidebar ul.categories li{
    margin-bottom: 10px;
}




/* FOOTER NAV */
.footer_nav{
    background: transparent;
    text-align: center;
    margin-left: 29px; /* IMPORTANT! DO NOT REMOVE! */
    margin-right: 29px; /* IMPORTANT! DO NOT REMOVE! */
    height:57px;
    width: 1000px;    
    padding-top: 12px;
}


.footer_nav .list{
    border-top: 1px dotted #333;
    margin-left: 31px;
    margin-right: 31px;
    padding: 15px 0 15px 0;
}


.footer_nav .prev{
    float: left;
    width: 200px;
}


.footer_nav .cur{
    float: left;
    width: 500px;
}


.footer_nav .next{
    float: right;
    width: 200px;
}






/* FOOTER   */
#footer{
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}


#footer .footerList ul li{
    margin-top: 25px;
    margin-left: 25px;
    padding-right: 10px;
    padding-top: 10px;
    float: left;
    width: 130px;
}


#footer .footerList ul li li{
    margin-top: 0px;
    margin-left: 0px;
    padding-right: 10px;
    padding-top: 10px;
    clear: left;
    width: 130px;
}




#footer .footerWrap{
    width: 1000px;
    margin: 0 auto;
}






/* CUSTOM STYLING */


[B][COLOR=Red].twitter li.twitter-item{
margin: 10px 0; 
}[/COLOR][/B]


.pushup{
    margin-top: -20px;
}






/* IMAGE STYLING */


img.alignright {
margin: 0 0 2px 7px;
display: inline;
}


img.alignleft {
margin: 0 7px 2px 0;
display: inline;
}


.alignright {
float: right;
}


.alignleft {
float: left;
}


.post img, .post a img, .comment_list .avatar{
padding: 3px;
background:#111 none repeat scroll 0 0;
border:1px solid #333;
}


.post a img:hover, .comment_list .avatar:hover{
background:#222 none repeat scroll 0 0;
}


.comment_list .avatar{
float: left;
margin: 5px 12px 2px 0;
display: inline;
}

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von DJOutlaw

Headerproblem: Nebeneinander statt Untereinander

WP Kalender mit falscher Datumsanzeige

Headerproblem: Nebeneinander statt Untereinander