Neues Div-Container-Kuddelmuddel

buecherlaube

Das kommt davon, wenn man spätnachts was ändern will...
http://www.buecherlaube.de

1. Eigentlich wollte ich die bei der Navigation oben ("Home") den hässlichen weissen Hintergrund wegkriegen, das Ergebnis ist, dass er erstens immer noch da ist und zweitens, dass weitere Seiten, die ich im Backend eröffne, nicht in der Navi auftauchen. Hatte eine weitere Seite mit dem Titel "Impressum" angelegt. Die Navigationspunkte sollen oben über dem Header brav nebeneinander auftauchen und zwar ohne doofen weissen Hintergrund.

2. Ich habe alle div-Container mit dieser ollen pinken Linie umrandet, die kommt später weg, ist nur jezt für mich zur Orientierung.
Nur: Im unteren Bereich taucht sie an manchen Containern plötzlich nicht mehr auf, wieso das?

Code folgt in nächsten Posts!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

buecherlaube

Die style.css:

CSS

body {
        background:aliceblue;
        font-family: Georgia, serif;
        margin:0 auto;
        font-size:18px;
}
img { border:0;}
a { outline-style:none;  }
a:link ,a:active ,a:visited { text-decoration: none; color : #819eac; border: none;}
a:hover        { text-decoration: none; color : #666464; border: none;}


textarea,input {color:#7b7d6f}
p img {padding: 0;max-width: 100%;}
img.centered,img.aligncenter {display: block;margin:0 auto;border:1px solid #c0c0c0;overflow:hidden;padding: 4px;}
img.alignright {padding: 4px;margin: 2px 0 2px 7px;display: inline;border:1px solid #c0c0c0;}
img.alignleft {padding: 4px;margin: 2px 7px 2px 0;display: inline;border:1px solid #c0c0c0;}
.alignright {float: right;}
.alignleft {float: left}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
.center {text-align: center;}
.hidden {display: none;}
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}


#wrapper {margin:0 auto;width:900px;margin-bottom:20px;border:1px solid; border-color:pink;}
#wrapper #header {clear:both;height:120px; width:900px;margin-top:10px;margin-bottom:10px; border:1px solid; border-color:pink;}
#wrapper #main {clear:both;overflow:hidden;width:900px; margin-bottom:20px;border:1px solid; border-color:pink;}
#wrapper #footer { color:#5e5e5e;clear:both;overflow:hidden; width:900px; padding: 20px 30px 10px 20px; background:#e7e7e2 url(images/body_bottom.png) top left no-repeat;margin-bottom:20px;border:1px solid; border-color:pink;}


#nav {width:800px; height:18px;float:right;margin-top:5px;border:1px solid; border-color:pink;}
#wrapper #nav .pages {margin:0; padding:0;list-style: none;}
#wrapper #nav .pages { float:right;}
#wrapper #nav .pages li {display:inline; float:left; margin-right:5px;}




#wrapper #nav .pages li.current_page_item a:visited,#header #nav .pages li.current_page_item a:active,#header #nav .pages li.current_page_item a:link {background:transparent url(images/navbg.png) repeat scroll top right;color:#5d6061;float:left}
#wrapper #nav .pages li.current_page_item a:visited span,#header #nav .pages li.current_page_item a:active span,#header #nav .pages li.current_page_item a:link span {background:transparent url(images/navbg.png) repeat scroll left top;display:block;}
#wrapper #nav .pages li a:link span, #header #nav .pages li a:visited span, #header #nav .pages li a:active span  {padding-left:10px;}


#header #logo { width:200px; float:left;border:1px solid; border-color:pink;}
#ueberschrift {width:350px; font-size:34px; float:left;border:1px solid; border-color:pink;}






#main #mittelteil {width: 900px; height: 170px; border:1px solid; border-color:pink;}
#main #mittelteil #jugend {float:left; width: 290px; height: 160px;  margin-bottom:10px;border:1px solid; border-color:pink; text-align: center;}
#main #mittelteil #thriller {float:left; width: 290px;height:160px; margin-bottom:10px;margin-left:12px; border:1px solid;border-color:pink; text-align: center;}
#main #mittelteil #liebe {float:left; width: 290px;height: 160px; margin-bottom:10px;margin-left:12px; border:1px solid;border-color:pink; text-align: center;}




#main #content { width:650px; float:left;margin-bottom:20px;border:1px solid; border-color:pink; }




#main #sidebar {width:246px; float:left;line-height:18px;border:1px solid; border-color:pink;}






#footer .left { float:left; width:50%; margin-bottom:10px; margin-left:35px;border:1px solid; border-color:pink;}




.widget { margin-bottom:20px; padding:0; overflow:hidden;clear:both; }
.widget h4 { font-size:14px; margin:0; padding:0 0 5px 15px; color:#575757;font-weight:400;border-bottom:1px solid #d9d9d9;}
.widget ul { list-style:none; font-size:11px; margin:5px 0; padding:0;}
.widget ul li { background:url(images/icon_bullet.png) 5px 2px no-repeat; padding:0 0 7px 24px;}
.widget_categories ul li { width:40%; float:left; margin:0;}
.widget_rssfeed {color:#727576;font-size:14px; padding:0 10px;}
.widget_rssfeed ul li {margin-bottom:5px;}
.widget_rssfeed ul li.rss { background:url(images/rssfeed.png) 0 0 no-repeat; padding:6px 0 10px 38px;font-size:16px;}
.widget_rssfeed ul li.email { background:url(images/mail.png) 0 0 no-repeat; padding:6px 0 10px 38px;font-size:16px;}
.widget_rssfeed ul li.twitter { background:url(images/twitter.png) 0 0 no-repeat; padding:6px 0 10px 38px;font-size:16px;}
.widget_search form { padding:0 10px;}
.widget_search input{width:63%;padding:5px; margin:0 5px 10px 0;background:#f8f8f5 url(images/random.png) top left repeat-y;border-left:1px solid #dddbd4;border-top:1px solid #dddbd4;border-right:1px solid #f5f5f1;border-bottom:1px solid #f5f5f1;}
.widget_search input#searchsubmit { width:70px;margin-top:10px; background:url(images/submit.png) top left repeat-x;color:#ffffff;padding-bottom: 3px;border:1px solid #94c1cd;}




.post {border-bottom:1px solid #d9d9d9;color:#6e6e6e;padding-bottom:5px;margin-bottom:20px;}
.post .title { width:480px!important;width:460px; float:left; padding-bottom:5px;}
.post .title h2 { color:#000000; font-size:15px;margin:0;padding:0 0 7px 0;}
.post .title h2 a { color:#000000;}
.post .title h2 a:hover { color:#66808d;}
.post .title .meta { color:#858585; font-size:11px;}
.post .title .meta a { background-color:#a2c2d1; color:#ffffff; padding:4px;}
.post .title .meta a:hover { background-color:#000000; }
.post .commentcount { font-weight:600;font-size:11px;width:35px; height:28px;text-align:center;margin:0 7px 0 10px;padding-top:8px; float:left; background:url(images/commentcount.png) top left no-repeat;}
.post .commentcount a {color:#6e6e6e;}
.post .entry {line-height:22px;padding:10px;display:block; clear:both; overflow:hidden;color:#787575;}
.post p { margin:0; padding:0 0 10px 0;}
.post blockquote { background:transparent url(images/quote.png) no-repeat scroll 0 0;font-size:0.9em;font-style:italic;line-height:1.5em;margin:5px 0 5px 0;padding:10px 15px 10px 60px;}
.post ul.split3cols,.post ul.split2cols {font-size:12px;overflow:auto;width:520px;}
.post ul {list-style-type:none;margin:10px 0;padding:0 0 0 10px;}
.post ul.split3cols li { float:left;width:155px;margin-right:5px;}
.post ul.split2cols li { float:left;width:240px;margin-right:5px;}
.post ul li { background:transparent url(images/bullet.png) no-repeat scroll 0 8px;line-height:20px;margin:4px 0;padding:0 0 0 10px; }
.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4 {margin:0 0 5px 0; padding:0 0 5px 15px; color:#575757;font-weight:400;border-bottom:1px solid #d9d9d9;}
.post .entry h1 { font-size:16px;}
.post .entry h2 { font-size:15px;}
.post .entry h3 { font-size:14px;}
.post .entry h4 { font-size:13px;}


.page h2 {  font-size:24px; margin:0 0 5px 0; padding:0 0 5px 15px; color:#575757;font-weight:400;border-bottom:1px solid #d9d9d9;}
.page .entry {line-height:22px;padding:0 10px;display:block; clear:both; overflow:hidden;color:#787575;}
.page p { margin:0; padding:0 0 10px 0;}
.page blockquote { background:transparent url(images/quote.png) no-repeat scroll 0 0;font-size:0.9em;font-style:italic;line-height:1.5em;margin:5px 0 5px 0;padding:10px 15px 10px 60px;}
.page ul.split3cols,.page ul.split2cols {font-size:12px;overflow:auto;width:520px;}
.page ul {list-style-type:none;margin:10px 0;padding:0 0 0 10px;}
.page ul.split3cols li { float:left;width:155px;margin-right:5px;}
.page ul.split2cols li { float:left;width:240px;margin-right:5px;}
.page ul li { background:transparent url(images/bullet.png) no-repeat scroll 0 8px;line-height:20px;margin:4px 0;padding:0 0 0 10px; }
.page .entry h1,.page .entry h2,.page .entry h3,.page .entry h4 {margin:0 0 5px 0; padding:0 0 5px 15px; color:#575757;font-weight:400;border-bottom:1px solid #d9d9d9;}
.page .entry h1 { font-size:16px;}
.page .entry h2 { font-size:15px;}
.page .entry h3 { font-size:14px;}
.page .entry h4 { font-size:13px;}


.bookmarks {margin-bottom:15px;padding:40px 10px 20px 15px;border-bottom:1px solid #d9d9d9;color:#6e6e6e;background: url(images/bookmarkthis.png) 10px 10px no-repeat;overflow:hidden;clear:both;}
.bookmarks span{ font-size:12px; line-height:20px;}
.bookmarks ul { list-style:none; margin:0; padding:10px; overflow:hidden; clear:both;}
.bookmarks ul li { float:left; padding:1px 10px 3px 20px;}
.bookmarks ul li a:link,.bookmarks ul li a:visited { color:#666666;}
.bookmarks ul li a:hover { color:#a2c2d1;}
.bookmarks ul li.df { background:url(images/fav/designfloat.png) 0 0 no-repeat;}
.bookmarks ul li.digg { background:url(images/fav/digg.png) 0 0 no-repeat;}
.bookmarks ul li.del { background:url(images/fav/delicious.png) 0 0 no-repeat;}
.bookmarks ul li.techno { background:url(images/fav/technorati.png) 0 0 no-repeat;}
.bookmarks ul li.su { background:url(images/fav/stumbleupon.png) 0 0 no-repeat;}

Alles anzeigen

buecherlaube

Die header.php:

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>


<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


        <title>
                <?php if ( is_home() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;<?php bloginfo('description'); ?><?php } ?>
                <?php if ( is_search() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Search Results<?php } ?>
                <?php if ( is_author() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Author Archives<?php } ?>
                <?php if ( is_single() ) { ?><?php wp_title(''); ?>&nbsp;|&nbsp;<?php bloginfo('name'); ?><?php } ?>
                <?php if ( is_page() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;<?php wp_title(''); ?><?php } ?>
                <?php if ( is_category() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Archive&nbsp;|&nbsp;<?php single_cat_title(); ?><?php } ?>
                <?php if ( is_month() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Archive&nbsp;|&nbsp;<?php the_time('F'); ?><?php } ?>
                <?php if ( is_404() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Couldnt find what your looking for<?php } ?>
                <?php if (function_exists('is_tag')) { if ( is_tag() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Tag Archive&nbsp;|&nbsp;<?php  single_tag_title("", true); } } ?>
        </title>
<link rel="shortcut icon" href="<?php echo sb_get_favicon(); ?>" title="Favicon" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>


        <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Comments Feed" href="<?php bloginfo('comments_rss2_url'); ?>" />


        <!--[if IE 6]>
                <script src="<?php bloginfo('template_url'); ?>/js/DD_belatedPNG.js"></script>
                <script>
                  /* EXAMPLE */
                  DD_belatedPNG.fix('*');
                </script>
    <![endif]-->




<?php wp_head(); ?>
</head>
<body>


<div id="wrapper">


<div id="nav">
                        <ul class="pages">
                                <li <? if (is_home()) { echo "class=\"current_page_item\"";} ?>><a href="<?php echo get_option('home'); ?>"><span>Home</span></a></li>
                                <?php wp_list_pages('title_li=&link_before=<span>&link_after=</span>'); ?>
                        </ul>
                </div> 


        <div id="header">
                <div id="logo"><a href="<?php bloginfo('siteurl'); ?>/"><img src="<?php echo sb_get_logo(); ?>" alt="<? bloginfo(name); ?>" />
</a>
     </div>


                <div id="ueberschrift"> B &uuml; c h e r l a u b e  </div>
        </div>

Alles anzeigen

buecherlaube

Die index.php:

PHP

<div id="main">


<?php get_header(); ?>


<div id="mittelteil">
 <div id="jugend">All-Age</div>
 <div id="thriller">Thriller</div>
 <div id="liebe">Besonderes</div>
</div>


        <div id="content">


        <?php if (have_posts()) : ?>
                <?php while (have_posts()) : the_post(); ?>
                        <div class="post">
                                <div class="commentcount"><?php comments_popup_link('0', '1', '%'); ?></div>
                                <div class="title">
                                        <h2><a href="<?php the_permalink() ?>"
                                        rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">
                                        <?php the_title(); ?></a></h2>
                                        <div class="meta">Posted <?php the_time('F jS, Y') ?>. Filed under
                                         <?php the_category(' ') ?></div>
                                </div>
                                <div class="entry">
                                        <?php the_content('<p>Read the rest of this entry &raquo;</p>'); ?>
                                </div>
                        </div>
                <?php endwhile; ?>
                <?php
                if(function_exists('wp_pagenavi')) { wp_pagenavi(); }
                else {
                ?>
                <div class="navigation">
                        <div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
                        <div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
                </div>
                <? } ?>


        <?php else : ?>


                <div class="page" >
                        <h2>Huch, die Seite, die Sie aufsuchen wollten, gibt es nicht mehr!</h2>
                        <div class="entry">
                                <p>Schade....zurück zur Startseite<a href="<?php echo get_option('home'); ?>">Home Page</a>
                                 </p>
                        </div>
                </div>


        <?php endif; ?>


        </div>


<?php get_sidebar(); ?>
<?php get_footer(); ?>

Alles anzeigen

buecherlaube

Die page.php:

PHP

<?php get_header(); ?>


    <div id="content">


        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        <div class="page" >
        <h2><?php the_title(); ?></h2>
            <div class="entry">
                <?php the_content('<p class="serif">Read the rest of this page &raquo;</p>'); ?>


                <?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>


            </div>
        </div>
        <?php endwhile; endif; ?>
    <?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>
    </div>


<?php get_sidebar(); ?>


<?php get_footer(); ?>

Alles anzeigen

buecherlaube

Erst ebenso richtig wahrgenommen, dass folgende CSS auch noch existiert....
pagenavi-css.css:

Code

.wp-pagenavi {
    clear:both;
    font-size:12px;
    padding:10px;
    text-align:right;
    text-transform:uppercase;
}


.wp-pagenavi a, .wp-pagenavi a:link {
    padding: 2px 4px 2px 4px; 
    margin: 2px;
    text-decoration: none;
    color: #87b5ca;
    background-color: #FFFFFF;    
}
.wp-pagenavi a:visited {
    padding: 2px 4px 2px 4px; 
    margin: 2px;
    text-decoration: none;
    color: #87b5ca;
}
.wp-pagenavi a:hover {    
    color: #000000;
}
.wp-pagenavi a:active {
    padding: 2px 4px 2px 4px; 
    margin: 2px;
    text-decoration: none;
    color: #87b5ca;
}
.wp-pagenavi span.pages {
    color: #737373;
    float:left;
}
.wp-pagenavi span.current {
    padding: 2px 4px 2px 4px; 
    margin: 2px;
    font-weight: bold;
    color: #303030;
}
.wp-pagenavi span.extend {
    padding: 2px 4px 2px 4px; 
    margin: 2px;    
    color: #000000;
}

Alles anzeigen

buecherlaube

Sind sidebar.php und footer.php noch nötig um die Fehler zu finden?

bgeissler

Das hast du in der style.css definiert:

Code

//#wrapper #nav .pages li.current_page_item a:visited,#header #nav .pages li.current_page_item a:active,#header #nav .pages li.current_page_item a:link {background:transparent url(images/navbg.png) repeat scroll top right;color:#5d6061;float:left}
//#wrapper #nav .pages li.current_page_item a:visited span,#header #nav .pages li.current_page_item a:active span,#header #nav .pages li.current_page_item a:link span {background:transparent url(images/navbg.png) repeat scroll left top;display:block;}

Ich habe mal die beiden Zeilen auskommentiert, dann ist das Weiße weg. Überlege dir was du dort überhaupt definieren willst und schmeiß alles überflüssige weg!

buecherlaube

Super, danke, das Weisse ist erstmal weg.
Schön wäre es, wenn auch andere Seiten, die ich im Backend von Wordpress oben in der Navi erscheinen würden.
Tun sie bis jetzt leider nicht...

kaiser

[COLOR=Black]Dafür ist folgendes Template-Tag verantwortlich: [/COLOR][COLOR=#000000][COLOR=Black][COLOR=#0000BB]wp_list_pages[/COLOR][/COLOR][COLOR=#007700][COLOR=Black]

Leider sieht es aber aus, als würde alles passen (also die Definitionen)...[/COLOR]

Lade doch einmal Dein Theme neu hoch.

Ps. Immer von einer Sicherheitskopie aus arbeiten. Nie am Original :mrgreen:
[/COLOR][/COLOR]

buecherlaube

Das Template war eine Vorlage. An der habe ich schon einiges geändert, wenn ich jetzt neu hochlade, sind meine ganzen schon gemachten Veränderungen wieder futsch... War dämlich es so zu machen...
Ach doof, wie kriege ich jetzt bloss die Navi in Ordnung? *seufz*

buecherlaube

Mist, und wenn ich die angelegte Impressum-Seite öffne, dann sieht es so aus: http://www.buecherlaube.de/?page_id=19&preview=true
Das ist ja blöd, die Sidebar rutscht dort nach unten....

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Neues Div-Container-Kuddelmuddel

Jetzt mitmachen!