Kategoriemenü fehlerhaft

McBeal

hallo,
ich habe ein kleines problem mit einem blog.
ich möchte das, dass kategoriemenü über dem contend steht und nicht wie derzeit teilweise verdeckt wird (siehe bild)
die forensuche brachte keine brauchbaren ergebnisse :-?

Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.

weiss jemand rat wie ich das hinbekomme?

lg mcbeal

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

toscho

Es muß im Quellcode früher als die Conatiner kommen, die daneben stehen sollen, und es braucht ein float:left im Stylesheet. Wenn die nachfolgenden Container absolut oder relativ positioniert sind, dann mußt du deren top- und left-Werte anpassen.

Gruß
Thomas

McBeal

hallo,
hier mal der quellcode von meiner header.php
da steht eigentlich alles dort wo es hin soll :confused:

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">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<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="pingback" href="<?php bloginfo('pingback_url'); ?>" />


<script type="text/javascript" src="<?php echo bloginfo(stylesheet_directory) .'/js/jquery.js'; ?>"></script>
<script type="text/javascript" src="<?php echo bloginfo(stylesheet_directory) .'/js/tabs.js'; ?>"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-1.2.1.pack.js"></script>     
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jcycle.js"></script>
<script type="text/javascript">
    $(function() {
    $('.featuredpost').cycle({
    fx:     'fade',
    speed:  'fast',
    timeout: 5000,
    pause:2,
    next:   '#next2',
    prev:   '#prev2'
    });
    });
    </script>


<!--[if IE 6]>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/ie6.css" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/ie7.css" type="text/css" />
<![endif]-->


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


<div id="wrap">


<div id="top">


<div id="nav">


<ul class="nav">


<li class="first"><a href="<?php bloginfo('url'); ?>">Home</a></li>
<?php wp_list_pages('title_li='); ?>
</ul>
<form id="searchform" method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
        <input type="text" value="Seite durchsuchen..." name="s" id="s" onfocus="if (this.value == 'Seite durchsuchen...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Seite durchsuchen...';}" />
        <input type="submit" id="sbutt" value="Suchen" /></form>
        
</div>


<div id="header">


<h1 class="title"><a href="<?php echo get_option('home'); ?>/"></a></h1>            


</div>


<div id="nav2">


<ul class="nav2">


<?php wp_list_cats('sort_column=name&optioncount=0'); ?>


</ul>


</div>


</div>






<div id="main">

Alles anzeigen

und hier die css-datei:

Code

/************************************************
*    Navbar                                      *
************************************************/


#nav{
     background:#000000;
     height:30px;
     max-height:30px;
     min-height:30px;
     width:950px;
     clear:both;
     margin:0 auto;     
     list-style: none;
     font-family:Arial, Helvetica, sans-seriff;
}    
#nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#nav ul li a:link,#nav ul li a:active,#nav ul li a:visited {
     color: #fff;
     display: block;
     font-size: 12px;
     line-height:12px;
     margin: 1px 5px 0px 0px;
     padding: 8px 5px 8px 5px;
     font-weight:bold;
     text-transform:uppercase;


}
#nav ul li a:hover {
    color:#111;
    background:#b2be7b;;


}
#nav li {
    float: left;
    margin: 0px;
    padding: 0px;
}    
#nav li li {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 150px;
}    
#nav li li a:link, #nav li li a:active, #nav li li a:visited {
    background: #b2be7b;
    color: #fff;
    width: 160px;
    font-size: 10px;
    float: none;
    margin: 0px;
    padding: 8px 5px 8px 5px;
    text-decoration: none;
    border-bottom: 1px solid #eee;
}    
#nav li li a:hover {
    color: #FFFFFF;
    margin:0px;
    text-decoration: underline;
}
#nav li ul {
    position: absolute;
    width: 10em;
    left: -999em;
}
#nav li:hover ul {
    left: auto;
    display: block;
}    
#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
}
#nav2 { 
      background:#990000;
      height:30px;
      max-height:30px;
      min-height:30px;
      width:950px;
      clear:both;
      margin:0 auto;     
      list-style: none;
      font-family:Arial, Helvetica, sans-serif;
}
#nav2 {
      margin: 0px;
      padding: 0px;
      list-style: none;
}    
#nav2 ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#nav2 a, #nav2 a:visited {
    color: #fff;
    display: block;
    margin: 1px 0 0 0;
    padding: 7px 5px 8px 5px;
    font-weight:bold;
    font-size:11px;
    text-transform:uppercase;


}    
#nav2 a:hover {
    color: #fff;
    margin: 1px 0 0 0;
    text-decoration: none;
    background:#000000;
}
#nav2 li {
    float: left;
    margin: 0px;
    padding: 0px;
}    
#nav2 li li {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 150px;
}    
#nav2 li li a, #nav2 li li a:link, #nav2 li li a:visited {
    background: #990000;
    width: 150px;
    float: none;
    margin: 0px;
    padding: 7px 30px 7px 10px;
      color: #111;
      border-bottom: 1px solid #1e5d71;
}    
#nav2 li li a:hover, #nav2 li li a:active {
    background: #3e7c91;
    padding: 7px 30px 7px 10px;
    color: #fff;
}
#nav2 li ul {
    position: absolute;
    width: 10em;
    left: -999em;
}
#nav2 li:hover ul {
    left: auto;
    display: block;
}
#nav2 li:hover ul, #nav2 li.sfhover ul {
    left: auto;
}

Alles anzeigen

toscho

Bitte lies dir meine erste Antwort nochmal durch. Da steht, welche Änderungen du selbst vornehmen solltest.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Kategoriemenü fehlerhaft

Jetzt mitmachen!

Benutzer online in diesem Thema