weißer Balken über der topnav

Schuhlove

Nabend!

Ich kriege so nen blöden weißen Balken von ca 40 px Höhe über der Topnavigation nicht weg. Anbei ein Bild und der CSS Code, vllt. findet ja jemand den 'Fehler'.

Danke!

Code

/*
    Theme Name: Sunshine
    Theme URI: http://dmay.net/blog/sunshine-theme
    Description: 2 columns, right sidebar
    Version: 1.0
    Author: David May
    Author URI: http://dmay.net/blog/


Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.


*/
* {
  margin: 0px;
  padding: 0px;
}
body {
    margin: 0px;
    padding: 0px;
    font-size:76%; 
    font-family:Arial, Verdana, Sans-Serif;
    background: #b8b8b8 url('images/bg4.jpg')  fixed;
}
#wrap {
    width: 800px;
    overflow: hidden;
    position:relative;
    top: 140px;
    margin: 0 auto;
        background: #fff;
}
#content {
    width: 500px;
    float: left;
    display:inline;
    text-align: justify;
    padding: 10px;
    margin: 8px;
}
#nav {
    height: 49px;
    width: 790px;
    margin-right: auto;
    margin-left: auto;
}
#sidebar {
    width: 220px;
    float: right;
    line-height: 1.5em;
    display:inline;
    margin: 8px 8px 8px 0px;
    padding: 10px;
    font-size:10px;
}
#pages h1{
    margin:0px;
    padding:0px;
}
#pages h1 a{
    text-decoration:none;
    color:#999;
    font: 18px Arial, Helvetica, sans-serif;
    margin:0px;
    padding:13px 0px 0px 10px;
    letter-spacing: -1px;
    float: left;
}
#pages h1 a:hover{
    text-decoration:underline;
}
h1 {
    margin: 0px;
    padding: 45px 5px 5px 15px;
    font-size: 2.0em;
   }


h2{
  font-size: 1.6em;  
  border-bottom: 1px solid #d00;
}
h2 a{}
h3 {
    margin-top: 1.5em;
    font-size: 1.4em;
}
h4 {
    margin-top: 1.2em;
      font-size: 1.2em;
}
h5{
  margin-top: 1em;
  font-size: 1em;
}
div#topnav {
    height: 40px;
    position: relative;
    margin: 0px auto 0px;
    width:800px;
        background: url('images/lace.jpg');


}
#tagline {
    height: 20px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    padding-left:15px;
}
div#topnav ul {
    padding: 10px 0px 0px;
    white-space: nowrap;
    list-style-type: none;
    margin: 0px;    
}
div#topnav ul li {
    float:right;
}


div#pages ul li.current_page_item a  {
    text-decoration: underline;
}
div#topnav ul li a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    border-left: 1px dotted #000;
    font-size:12px;
    padding:5px 10px 5px 10px;
    color: #000;
}
div#topnav ul li a:hover {
    color: #ccc;
}
#footer {
    clear: both;
    text-align: center;
    color: #000;
    border-top:#none solid 5px;
    width: 800px;
    height: 30;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
}
#footer p{
    padding:10px;
    margin:0px;
}


.entry{
    padding-top: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
    font-size: 1.0em;
    line-height: 1.5em;
}
.firstpost {
    margin-bottom:15px
}
h3.entrytitle, h3 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 5px;


}
h3.entrytitle a, h3.entrytitle a:visited, h3 a{
    color: #d00;
    text-decoration:none;
    border-style: none;
    font-size: 18px;
    font-weight: bolder;
    text-transform: none;
}
h3.entrytitle a:hover, h3 a:hover{
text-decoration:underline;}
.entrymeta{
    height: 16px;
    margin-top: 0;
    font-size: 10px;
    color: #666;
    border-top:solid 1px #666;
    padding-top:4px;
    margin-bottom: 8px;
}
.entrymeta a img{
    border: none;
    max-width: 500px;
}
p img {
padding: 0;
max-width:500px;
border: 0px solid #ffffff;
}
.entrymetabottom{
    height: 16px;
    margin-top: 0;
    font-size: 10px;
    border-top:solid 1px #666;
    padding-top:4px;
    max-width: 500px;
}
.entrymeta-home{
display:block;
background:#fafafa;}
/********************
.entryedit{
background: url('images/edit.gif') no-repeat left;}
***********************/
.entrymetabottom a img{
    border: none;
}
.entrybody a {
    height: 16px;
    margin-top: 0;
    font-size: 12px;
    color: #d00;
}
.entrybody img {
    padding: 4px;
    border: none;
    max-widht: 500px;
}
.entrybody .wp-smiley {
border: none;
padding: 0;
}
.entrybody ul {
    margin-left: 20px;
    padding-left:0px;
    list-style-type: none;
}
.entrybody ol{
    margin-left:20px;
    padding-left:0px;
}
.entrybody ul li {
    list-style:square;
}
.commentlink img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}


h4, h3, h2, #commentblock h2 {
    margin: 0;
    padding: 0px;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color:#999;
}
h2{
    margin-bottom: 10px;
    font-size: 14px;
}
a, a:visited{
    color: #d00;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
.entrybody p{
    margin:8px 0;
    padding:0;
}
.entrybody ul {
    margin-left: 30px;
    padding-left:0px;
    list-style-type: none;
}
.entrybody ol{
    margin-left:30px;
    padding-left:0px;
}
.entrybody ul li {
    list-style:square;
}
/********************SIDEBAR********************/
#sidebar h2 {
    display:block;
    height: 20px;
    margin: 5px 0px 0px;
    padding: 5px 0px 2px 10px; 
    font-size: 12px;
    color: #fff;
    border:none;    
    font-weight: normal;
    background:#d00;/* url('images/roundcorner.gif') no-repeat top left;*/
}
#sidebar ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}
#sidebar ul li {
    display: inline;
    margin:0;
    padding:0;}
    
#sidebar li{
    list-style: none;
}
#sidebar ul li a {
    border-bottom: 1px solid #666;
    color: #d00;
    display: block;
    text-decoration: none;
    margin-left: 0px;
    padding: 4px 0 4px 25px;
    background: url('images/navbulle2.gif') no-repeat;
    background-position: 8px 50%;
}


#sidebar ul li a:hover{
    color: #d00;
    background: #ececec url('images/navbulle.gif') no-repeat;
    background-position: 10px 50%;
}


#rss {
    text-align: center;
    border: none;
}
#sidebar ul.feeds li a{
    background:url('images/rss.png') no-repeat center left;
}
#sidebar ul.feeds li a:hover{
    text-decoration: underline;
}


#searchdiv {
    color:#00;
    margin-top: 2px;
    margin-bottom: 10px;
    border-bottom:none;
    background-color: transparent;
}
#searchdiv h2{
    color:#fff;
    background-color: #d00;
    margin-bottom:5px;}
.search{
    border: 1px solid #000;
}
#searchdiv input{
background: url('images/searchbg.gif') repeat-x 0 0;}


/************************************************
*    Comments                                                    *
************************************************/
#commentblock h2{
    padding:2px;
    margin-bottom:10px;
    margin-top:30px;
}
#commentblock {
    float:left;
    padding-top: 0px;
    padding-bottom: 20px;
    text-align: left;    /*font-size: 0.8em;*/
}
ol#commentlist {
    margin-top:0px;
    padding: 5px;
    margin-left: 0px;
    list-style-type: none;
}
.commentdate {
    font-size:0.8em;
    padding-left:5px;
}
#commentlist li  p{
    margin-bottom: 8px;
    line-height: 20px;
    padding:0;
}
.commentname {
    margin: 0 0 15px 0;
    padding: 5px;
}
.commentname-admin{
font-weight: bold;
}
.commentinfo{
    clear:both;
}
.comments-link {
    background:url('images/comments.gif') no-repeat left center;
    padding-left:16px
}
#commentlist li.standard{
    background:#fafafa;
    border-bottom:1px dotted #ccc;
    border-top:1px dotted #ccc;
}
#commentlist li.alt{
    background:#fff;
}
.commenttext{
    clear: both;
    margin: 0px 0 10px 0;
    padding: 0px 5px 0px 5px;
    width:450px;    
}
.commenttext-admin {
    clear: both;
    margin: 0px 0 10px 0;
    padding: 0px 5px 0px 5px;
    width:450px;
    /*background: #ccc;*/
}
#commentsformheader{
    padding-left:0px;
}
#commentsform{
    margin-top:0;
    text-align:center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#commentsform form{
    text-align:left;
    margin:0px;
}
#commentsform p{
    margin:5px;
}
#commentsform form textarea{
    width:99%;
}
p.comments_link  img{
    margin: 0px;
    padding: 0px;
    border: none;
}
blockquote{
    font-style: italic;
    color: #999;
    /*background: #f9f9f9 url('images/blockquote.gif') no-repeat scroll top left;*/
}
table{
    margin:10px;
}
td, th{
    padding:3px;
    font-weight:normal;
}
#archiv{
margin-left: 15px;}
#archiv ul{
margin-left: 25px;
margin-bottom: 15px;}

Alles anzeigen

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

Tutrix

entferne mal

Code

#tagline {
    height: 20px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    padding-left:15px;
}

aus der style.css
du hast ja den Logoteil und Titel entfernt

Schuhlove

hatte ich schon probiert, da ändert sich leider nicht :-/

Tutrix

hast du auch das dazu gehörige "tagline" div in der header.php gelöscht

Schuhlove

Dann verschwindet die Navigationsleiste komplett und der Inhalt des Haupttemplates setzt auch trotzdem noch viel zu weit unten an... Würde den Navigationsberich mit dem Schnürsenkel gerne behalten. Nur der nervige weiße Balken darüber soll weg.

Und die Inhalt sollte auch direkt 10 - 15px unter der Navigation anfangen.

gericoach

sende doch mal nen link, so ist das nur spekulativ.

Tutrix

Nun beim Original-Theme funktioniert das, Logo weg, Tagline weg und schon ist auch der Streifen weg.
Ich weiß ja nicht was du schon alles verändert/angepasst hast.
Da es von deinem Theme nur ein kleines Bild gibt, kann man natürlich auch nichts testen.

Also selbst suchen:
Firebug installieren und Stelle markieren / Rechsklick / Element untersuchen.

Ach. ja durch entfernen des tagline div, kann die Topnav nicht verschwinden.
Diese ist ja viel weiter unten und hat damit nichts zu tun.

PHP

<div id="wrap">
<div id="logo"><div id="tagline">
<h1><a href="<?php bloginfo('siteurl'); ?>"><?php bloginfo('name');?></a></h1>


<?php bloginfo('description'); ?>
</div>
</div>
<div id="topnav">


<ul>
      <?php wp_list_pages('depth=1&title_li=' ); ?>
    </ul>
</div>

Alles anzeigen

Schuhlove

Ein Link wird schwer, wie eingangs erwähnt ist das ne lokale Installation...

Ich habe nicht all zu viel verändert bisher. Hier noch mal die style.css

Code

/*
    Theme Name: Sunshine
    Theme URI: http://dmay.net/blog/sunshine-theme
    Description: 2 columns, right sidebar
    Version: 1.0
    Author: David May
    Author URI: http://dmay.net/blog/


Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.


*/
* {
  margin: 0px;
  padding: 0px;
}
body {
    margin: 0px;
    padding: 0px;
    font-size:76%; 
    font-family:Arial, Verdana, Sans-Serif;
    background: #b8b8b8 url('images/bg4.jpg')  fixed;
}
#wrap {
    width: 800px;
    overflow: hidden;
    position:relative;
    top: 140px;
    margin: 0 auto;
        background: #fff;
}
#content {
    width: 500px;
    float: left;
    display:inline;
    text-align: justify;
    padding: 10px;
    margin: 8px;
}
#nav {
    height: 49px;
    width: 790px;
    margin-right: auto;
    margin-left: auto;
}
#sidebar {
    width: 220px;
    float: right;
    line-height: 1.5em;
    display:inline;
    margin: 8px 8px 8px 0px;
    padding: 10px;
    font-size:10px;
}
#pages h1{
    margin:0px;
    padding:0px;
}
#pages h1 a{
    text-decoration:none;
    color:#999;
    font: 18px Arial, Helvetica, sans-serif;
    margin:0px;
    padding:13px 0px 0px 10px;
    letter-spacing: -1px;
    float: left;
}
#pages h1 a:hover{
    text-decoration:underline;
}
h1 {
    margin: 0px;
    padding: 45px 5px 5px 15px;
    font-size: 2.0em;
   }


h2{
  font-size: 1.6em;  
  border-bottom: 1px solid #d00;
}
h2 a{}
h3 {
    margin-top: 1.5em;
    font-size: 1.4em;
}
h4 {
    margin-top: 1.2em;
      font-size: 1.2em;
}
h5{
  margin-top: 1em;
  font-size: 1em;
}
div#topnav {
    height: 40px;
    position: relative;
    margin: 0px auto 0px;
    width:800px;
        background: url('images/lace.jpg');


}


div#topnav ul {
    padding: 10px 0px 0px;
    white-space: nowrap;
    list-style-type: none;
    margin: 0px;    
}
div#topnav ul li {
    float:right;
}


div#pages ul li.current_page_item a  {
    text-decoration: underline;
}
div#topnav ul li a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    border-left: 1px dotted #000;
    font-size:12px;
    padding:5px 10px 5px 10px;
    color: #000;
}
div#topnav ul li a:hover {
    color: #ccc;
}
#footer {
    clear: both;
    text-align: center;
    color: #000;
    border-top:#none solid 5px;
    width: 800px;
    height: 30;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
}
#footer p{
    padding:10px;
    margin:0px;
}


.entry{
    padding-top: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
    font-size: 1.0em;
    line-height: 1.5em;
}
.firstpost {
    margin-bottom:15px
}
h3.entrytitle, h3 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 5px;


}
h3.entrytitle a, h3.entrytitle a:visited, h3 a{
    color: #d00;
    text-decoration:none;
    border-style: none;
    font-size: 18px;
    font-weight: bolder;
    text-transform: none;
}
h3.entrytitle a:hover, h3 a:hover{
text-decoration:underline;}
.entrymeta{
    height: 16px;
    margin-top: 0;
    font-size: 10px;
    color: #666;
    border-top:solid 1px #666;
    padding-top:4px;
    margin-bottom: 8px;
}
.entrymeta a img{
    border: none;
    max-width: 500px;
}
p img {
max-width:500px;
}
.entrymetabottom{
    height: 16px;
    margin-top: 0;
    font-size: 10px;
    border-top:solid 1px #666;
    padding-top:4px;
    max-width: 500px;
}
.entrymeta-home{
display:block;
background:#fafafa;}
/********************
.entryedit{
background: url('images/edit.gif') no-repeat left;}
***********************/
.entrymetabottom a img{
    border: none;
}
.entrybody a {
    height: 16px;
    margin-top: 0;
    font-size: 12px;
    color: #d00;
}
.entrybody img {
    border: none;
    max-widht: 500px;
}
.entrybody .wp-smiley {
border: none;
padding: 0;
}
.entrybody ul {
    margin-left: 20px;
    padding-left:0px;
    list-style-type: none;
}
.entrybody ol{
    margin-left:20px;
    padding-left:0px;
}
.entrybody ul li {
    list-style:square;
}
.commentlink img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}


h4, h3, h2, #commentblock h2 {
    margin: 0;
    padding: 0px;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color:#999;
}
h2{
    margin-bottom: 10px;
    font-size: 14px;
}
a, a:visited{
    color: #d00;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
.entrybody p{
    margin:8px 0;
    padding:0;
}
.entrybody ul {
    margin-left: 30px;
    padding-left:0px;
    list-style-type: none;
}
.entrybody ol{
    margin-left:30px;
    padding-left:0px;
}
.entrybody ul li {
    list-style:square;
}
/********************SIDEBAR********************/
#sidebar h2 {
    display:block;
    height: 20px;
    margin: 5px 0px 0px;
    padding: 5px 0px 2px 10px; 
    font-size: 12px;
    color: #fff;
    border:none;    
    font-weight: normal;
    background:#d00;/* url('images/roundcorner.gif') no-repeat top left;*/
}
#sidebar ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}
#sidebar ul li {
    display: inline;
    margin:0;
    padding:0;}
    
#sidebar li{
    list-style: none;
}
#sidebar ul li a {
    border-bottom: 1px solid #666;
    color: #d00;
    display: block;
    text-decoration: none;
    margin-left: 0px;
    padding: 4px 0 4px 25px;
    background: url('images/navbulle2.gif') no-repeat;
    background-position: 8px 50%;
}


#sidebar ul li a:hover{
    color: #d00;
    background: #ececec url('images/navbulle.gif') no-repeat;
    background-position: 10px 50%;
}


#rss {
    text-align: center;
    border: none;
}
#sidebar ul.feeds li a{
    background:url('images/rss.png') no-repeat center left;
}
#sidebar ul.feeds li a:hover{
    text-decoration: underline;
}


#searchdiv {
    color:#00;
    margin-top: 2px;
    margin-bottom: 10px;
    border-bottom:none;
    background-color: transparent;
}
#searchdiv h2{
    color:#fff;
    background-color: #d00;
    margin-bottom:5px;}
.search{
    border: 1px solid #000;
}
#searchdiv input{
background: url('images/searchbg.gif') repeat-x 0 0;}


/************************************************
*    Comments                                                    *
************************************************/
#commentblock h2{
    padding:2px;
    margin-bottom:10px;
    margin-top:30px;
}
#commentblock {
    float:left;
    padding-top: 0px;
    padding-bottom: 20px;
    text-align: left;    /*font-size: 0.8em;*/
}
ol#commentlist {
    margin-top:0px;
    padding: 5px;
    margin-left: 0px;
    list-style-type: none;
}
.commentdate {
    font-size:0.8em;
    padding-left:5px;
}
#commentlist li  p{
    margin-bottom: 8px;
    line-height: 20px;
    padding:0;
}
.commentname {
    margin: 0 0 15px 0;
    padding: 5px;
}
.commentname-admin{
font-weight: bold;
}
.commentinfo{
    clear:both;
}
.comments-link {
    background:url('images/comments.gif') no-repeat left center;
    padding-left:16px
}
#commentlist li.standard{
    background:#fafafa;
    border-bottom:1px dotted #ccc;
    border-top:1px dotted #ccc;
}
#commentlist li.alt{
    background:#fff;
}
.commenttext{
    clear: both;
    margin: 0px 0 10px 0;
    padding: 0px 5px 0px 5px;
    width:450px;    
}
.commenttext-admin {
    clear: both;
    margin: 0px 0 10px 0;
    padding: 0px 5px 0px 5px;
    width:450px;
    /*background: #ccc;*/
}
#commentsformheader{
    padding-left:0px;
}
#commentsform{
    margin-top:0;
    text-align:center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#commentsform form{
    text-align:left;
    margin:0px;
}
#commentsform p{
    margin:5px;
}
#commentsform form textarea{
    width:99%;
}
p.comments_link  img{
    margin: 0px;
    padding: 0px;
    border: none;
}
blockquote{
    font-style: italic;
    color: #999;
    /*background: #f9f9f9 url('images/blockquote.gif') no-repeat scroll top left;*/
}
table{
    margin:10px;
}
td, th{
    padding:3px;
    font-weight:normal;
}
#archiv{
margin-left: 15px;}
#archiv ul{
margin-left: 25px;
margin-bottom: 15px;}

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

weißer Balken über der topnav

Jetzt mitmachen!