Kommentaranzahl Seitennavigation

jacofoto · Mitglied · November 4, 2010 at 7:45 pm

Hallo allerseits,

ich habe mit etwas Geduld einen ersten Einstieg in CSS gefunden und meinen WordPress Blog im Prinzip so umgebaut wie ich es mir vorgestellt habe.
Zu sehen hier: http://www.jacophoto.wordpress.com
2 Sachen misfallen mir allerdings.

1. Die Navigation zwischen den Seiten ist aufeinmal ganz oben und nicht mehr am Seitenende. Dieses „<< Older posts“ meine ich. Das hätte ich gerne unten.
2. Aus irgendeinem Grund wird unter jedem Beitrag auch nicht mehr die Zahl der bisherigen Kommentare angezeigt, auch hier bin ich ratlos wie ich das ändern könnte.

Über Hinweise und Tipps wäre ich hocherfreut.

Hier ist mein CSS Code für den Blog:

body {
font-size:62.5%;
background-color:#FFFFFF;
}

a:link,a:visited {
text-decoration:none;
}

ul,ol {
list-style:none;
}

h1,h2,h3,h4,h5,h6,pre,code {
font-size:1em;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
margin:0;
padding:0;
}

a img,:link img,:visited img {
border:none;
}

address {
font-style:normal;
}

#wrapper {
width:900px;
font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
font-size:1.3em;
line-height:1.5em;
color:#000;
margin:0 auto;
}

#header {
position:relative;
margin:0;
padding:5em 0 0;
}

#site-title {
font-size:5.615em;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
margin:0;
}

#site-title a:hover {
color:FFFFFF;
}

#branding {
clear:both;
margin:1em 0;
}

#branding img {
display:block;
margin:1em 0 -1em;
}

.string {
margin:47px 0 0;
}

.error {
line-height:1.2em;
margin:2.6em 0;
}

#main {
clear:both;
}

#access {
clear:both;
display:block;
width:900px;
border-top:2px solid #3C3C3C;
margin:90px auto 47px;
}

#access:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

#access .menu ul {
list-style:none;
margin-left:400px;
}

#access .menu li {
float:left;
margin-bottom:40px;
position:relative;
}

#access a {
display:block;
color:#aaa;
line-height:38px;
text-decoration:none;
padding:0 10px;
}

#access ul ul {
display:none;
position:absolute;
top:38px;
left:0;
float:left;
box-shadow:0 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);
z-index:99999;
}

#access ul ul ul {
top:0;
left:100%;
}

#access ul ul a {
background:#3c3c3c;
height:auto;
width:130px;
line-height:1em;
padding:10px;
}

#access li:hover > a,#access ul ul :hover > a {
background:#39B9DF;
color:#000;
}

#access ul li:hover > ul {
display:block;
}

#header #access .current_page_item a {
color:#000;
}

#content .hentry,#entry-author-info {
position:relative;
overflow:hidden;
width:900px;
background:#FFFFFF;
margin:0;
padding:0;
}

#content .hentry.attachment {
margin-top:1em;
}

#content .not-found {
margin:47px 0;
}

#content .page-title {
margin:35px 0 0;
}

.attachment #content .page-title {
margin-top:2.1em;
}

.page-link {
color:#ccc;
font-weight:bold;
word-spacing:.5em;
}

.page-link a:link,.page-link a:visited {
font-weight:normal;
padding:.5em 0;
}

.entry-content object,.entry-content embed {
display:block;
margin:2em auto;
}

.entry-meta {
position:absolute;
right:1em;
top:1em;
}

.entry-title {
line-height:1.2em;
margin:0 0 1em;
}

.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5 {
margin:2em 0 1em;
}

.entry-utility {
text-align:right;
margin:3.3em -1.7em -1.7em 0;
}

.entry-content blockquote {
position:relative;
background:#2F2F2F;
margin:2em;
padding:.1em 1.5em;
}

.entry-content blockquote cite {
display:block;
text-align:right;
font-style:normal;
}

.entry-content ul {
list-style:none inside;
margin:1em 0;
padding:0 1em;
}

.entry-content ol {
list-style:decimal outside;
margin:1em 0;
padding:0 2.5em;
}

.entry-content ul ul,.entry-content ul ol,.entry-content ol ol,.entry-content ol ul {
margin:0;
}

.entry-content ul li {
background:url('images/bullet.gif') 0 7px no-repeat;
margin:.5em 0;
padding:0 0 0 1em;
}

.entry-content ol li {
margin:.5em 0;
}

#entry-author-info {
border-top:2px solid #2f2f2f;
font-size:.9231em;
}

.author #entry-author-info {
border-top:0;
}

.post #entry-author-info {
margin:30px 0;
padding:20px 0;
}

#entry-author-info #author-avatar {
float:left;
height:60px;
width:60px;
margin-right:20px;
}

#entry-author-info #author-description {
float:left;
}

#entry-author-info h2 {
font-size:1.154em;
}

#comments {
clear:both;
}

.comment,.pingback {
position:relative;
margin:0 0 24px;
padding:0 0 0 36px;
}

.pingback {
padding-left:0;
}

.comment div {
padding:1.8em 1.6em;
}

.comment div.comment-author,.comment div.comment-meta,.comment div.comment-body,.comment .reply {
padding:0;
}

.comment-meta {
position:absolute;
top:1.8em;
right:0;
}

.commentlist .avatar {
position:absolute;
top:1.8em;
left:0;
}

#commentform {
background:#ECECEC;
margin:35px 0 47px;
padding:15px 35px;
}

.navigation {
overflow:hidden;
color:#F90;
margin:-2.6em 0 47px;
}

.hentry .navigation {
margin:0 0 1em;
}

.navigation div {
float:left;
margin:0 2em 0 0;
}

.navigation div.nav-next {
float:right;
margin:0 0 0 2em;
}

#primary {
clear:both;
margin-right:12px;
}

#primary,#secondary {
float:left;
width:288px;
overflow:hidden;
padding:1em 0;
}

#secondary {
margin-left:12px;
}

.xoxo li.widget-container {
width:288px;
overflow:hidden;
word-wrap:break-word;
padding:1em 0;
}

.widget-area .children li,.widget-area ul ul ul li,#footer .menu ul ul li {
padding-left:1em;
}

.widget-area .email {
background:url('images/ico-mail.gif') 0 4px no-repeat;
padding:0 0 0 1.8em;
}

.widget-area #rss li {
background:url('images/ico-rss.jpg') left center no-repeat;
margin:.5em 0;
padding:0 0 0 1.8em;
}

#footer {
clear:both;
border-top:1px solid #3C3C3C;
color:#828282;
padding:1em 0;
}

#colophon,#page-menu {
float:left;
width:50%;
overflow:hidden;
}

#footer .menu {
padding-bottom:47px;
}

#content .gallery .gallery-item {
float:left;
margin-top:10px;
text-align:center;
width:33%;
}

#content .gallery .gallery-caption {
margin-left:0;
}

#content .gallery dl {
margin:0;
}

.entry-content img {
max-width:900px;
height:auto;
border:5px solid #FFF;
}

.alignleft,img.alignleft {
display:inline;
float:left;
margin-right:24px;
margin-top:4px;
}

.alignright,img.alignright {
display:inline;
float:right;
margin-left:24px;
margin-top:4px;
}

.aligncenter,img.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
}

img.alignleft,img.alignright,img.aligncenter {
margin-bottom:12px;
}

#content .wp-caption {
text-align:center;
margin-bottom:20px;
padding:4px;
}

#content .wp-caption img {
margin:5px;
}

#content .wp-caption p.wp-caption-text {
margin:0 0 4px;
}

#content .wp-smiley {
margin:0;
}

p {
margin:1em 0;
}

h1 {
font-size:2.1em;
font-weight:normal;
}

#header .description {
font-size:.85em;
}

#header a {
text-decoration:none;
}

a.back {
text-decoration:underline;
}

.entry-title,#comments h3,#commentform h3,h1.page-title,.error {
font:normal 1.5384em/1.5em Helvetica, Arial, sans-serif;
}

.entry-title a {
text-decoration:none;
}

.entry-content h2 {
font:normal 1.4em/1.2em Helvetica, Arial, sans-serif;
}

.entry-content h3 {
font:normal 1.3em/1.2em Helvetica, Arial, sans-serif;
}

.entry-content h4 {
font:normal 1.2em/1.2em Helvetica, Arial, sans-serif;
}

.entry-content h5 {
font:normal 1.1em/1.2em Helvetica, Arial, sans-serif;
}

.entry-meta,.entry-utility,.comment-meta {
font-size:.9231em;
}

.entry-utility a {
text-decoration:underline;
}

#comments h3 {
margin:0 0 2em;
}

#commentform h3 {
margin:0 0 1.5em;
}

.comment cite {
font-style:normal;
color:#CCC;
}

.comment cite a {
text-decoration:underline;
}

.navigation a {
text-decoration:underline;
}

.widget-area a {
text-decoration:none;
}

#footer a {
text-decoration:underline;
}

#footer p {
margin:0;
}

strong {
color:#CCC;
}

#header a:link,#header a:visited {
color:#000;
}

#header a:hover,#header a:active,#header a:focus {
color:#000;
}

.back:link,.back:visited {
color:#F90;
}

.back:hover,.back:active,.back:focus {
color:#FFF;
}

.entry-title,.error,.page-title {
color:#000;
}

.entry-title a:link,.entry-title a:visited {
color:#CCC;
}

.entry-title a:hover,.entry-title a:active,.entry-title a:focus {
color:#F90;
}

.entry-date {
color:#000000;
}

#content a:link,#content a:visited {
color:#000000;
}

#content a:focus {
color:#C4C4C4;
}

#content a:hover {
color:#39B9DF;
}

.entry-content img.wp-smiley {
border:0;
}

#content .entry-utility a:link,#content .entry-utility a:visited {
color:#CCC;
}

#content .entry-utility a:hover,#content .entry-utility a:active,#content .entry-utility a:focus {
color:#F90;
}

#comments h3,#commentform h3 {
color:#CCC;
}

.comment {
border-top:1px solid #3C3C3C;
}

.comment.bypostauthor {
border-top:1px solid #f90;
}

.highlighted {
background:#3C3C3C;
border-top:1px solid #2F2F2F;
}

.highlighted a:link,.highlighted a:visited {
color:#09C;
}

.comment blockquote {
background:#3C3C3C;
margin:.5em 0;
padding:.1em 1.5em;
}

.comment .moderation {
color:#FFF;
}

#commentform a:link,#commentform a:visited {
color:#09C;
}

#commentform a:hover,#commentform a:active,#commentform a:focus {
color:#CCC;
}

.page-title span {
color:#828282;
}

.navigation a:link,.navigation a:visited,.page-title a:link,.page-title a:visited {
color:#F90;
}

.navigation a:hover,.navigation a:active,.navigation a:focus,.page-title a:hover,.page-title a:active,.page-title a:focus {
color:#FFF;
}

.widget-area {
color:#000000;
}

.widget-area a:link,.widget-area a:visited {
color:#C4C4C4;
}

.widget-area a:hover,.widget-area a:active,.widget-area a:focus {
color:#000000;
}

#footer a:link,#footer a:visited {
color:#C4C4C4;
}

#footer a:hover,#footer a:active,#footer a:focus {
color:#000000;
}

input,textarea {
font-size:1em;
font-family:Helvetica,Arial,sans-serif;
padding:.3em;
}

label {
font-size:1em;
}

.required {
color:#f90;
}

#respond .comment-form-author input,#respond .comment-form-email input,#respond .comment-form-url input {
display:block;
width:75%;
}

#respond textarea {
display:block;
width:98%;
}

#respond .form-allowed-tags dd {
margin-left:0;
}

#searchform label {
position:absolute;
top:-9999px;
}

.attachment .entry-content .nav-previous a:before {
content:'21900a0';
}

.attachment .entry-content .nav-next a:after {
content:'0a02192';
}

#wpstats {
position:absolute;
margin:-1em;
}

.widget_flickr table,#flickr_badge_wrapper {
background-color:transparent!important;
border:0!important;
}

[Code gefixt]

Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).

zodiac1978 · Mitglied · November 5, 2010 at 2:01 pm
Link kopieren
Beide Probleme kommen durch negativen margins. Bei „entry-utility“ bzw. bei „navigation“. Die führen dazu (ist ein Firefox-Bug) dass die Elemente verschwinden.

Einfach auf positive Werte verändern bzw. auf 0 stellen und schon erscheinen die Elemente.

Gruß, Torsten
jacofoto · Mitglied · November 5, 2010 at 5:29 pm
Link kopieren
danke, danke und nochmals danke ;)

Das Thema ‘Kommentaranzahl Seitennavigation’ ist für neue Antworten geschlossen.

Kommentaranzahl Seitennavigation

Du konntest nicht finden, was du brauchst?

Kontaktiere uns

Durchsuche unsere Ratgeber

Mobil-Apps

Social Media