Hover wird nicht angezeigt!

fahX

Hey leute, bei mir wird in wordpress kein hover in meiner navigation angezeigt!
Der code ist korrekt, wenn ich es mit web developer tool mache und edite will, zeigt er mir die korrekte website an.
Bei mir läuft das ganze lokal deswegen kann ich es nicht zeigen...
Ich habe den hover in der style.css angegeben, in der header.php

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

perryzelda

na ja, und wie soll dir jemand helfen, wenn man nix weiss ?

fahX

sooo also ich habe hier die website in html
Amicus
So soll das dann mal aussehen, funktioniert auch fast gut in wordpress, doch nimmer er mir wenn ich meine navigation in die header.php setzte die befehle aus der style.css nicht mehr...
ich musste alles mit einem inline stylesheet machen..
doch funktioniert das auch nicht, es sieht so aus, als würde wordpress mir die pngs nicht nehmen

hier die wordpress website Amicus-Award
hier 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 bloginfo('name'); ?> <?php if ( is_single() ) { ?> - <?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'); ?>" />
<?php wp_head(); ?>
<style type="text/css">
        #super_navigation{
        background-image:url(wp-content/themes/Amicus/images/navi_bg.png);
        height:50px;
        width:900px;
        margin-top:49px;
        z-index:100;
        }
    
    #super_navigation li{
        list-style-type:none;
        float:left;
        }
        
      #super_navigation li img{
          height:49px;
          width:133px;
          z-index:3;
          }
     #super_navigation li a:hover{
          background-image:url(wp-content/themes/Amicus/images/hover.png);
          height:49px;
          width:133px;
          z-index:5;
         }    </style></head>
<body>
<div class="wrapper">
<div id="logo">
<a href="<?php bloginfo('url'); ?>" title="Zur Startseite"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.png" border="none" alt="Logo" /></a>
</div>




  <div id="super_navigation">
    <ul>
      <li><a href="?page_id=5"><img src="wp-content/themes/Amicus/images/start.png" border="none" alt="Start"/></a></li>
      <li><a href="#"><img src="wp-content/themes/Amicus/images/die_idee.png" border="none" alt="Die Idee"/></a></li>
      <li><a href="#"><img src="wp-content/themes/Amicus/images/services.png" border="none" alt="Services"/></a></li>
      <li><a href="#"><img src="wp-content/themes/Amicus/images/teilnahme.png" border="none" alt="Teilnahme"/></a></li>
      <li><a href="#"><img src="wp-content/themes/Amicus/images/kontakt.png" border="none" alt="Kontakt"/></a></li>
    </ul>
  </div>
<div id="header_panel">
  <div id="bild_bereich"><div id="bild_ueberschrift">
  
  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
  </div>
  </div>
  </div>

Alles anzeigen

und hier die style.css

Code

@charset "iso-8859-1";
/*
Theme Name: Amicus
Description: Template for the Amicus-Award by Fabian Hippmann
Version: 1.0
Author: Fabian Hippmann
*/


html,body{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size:12px;
text-align:center;
background-color:#080808;
background-image:url(wp-content/themes/Amicus/images/background.png);
background-repeat:repeat-y;
z-index:1;
}
.wrapper{
    
width:900px;
margin:0px auto;
text-align:left;
}    
    #logo{
        background-image:url(wp-content/themes/Amicus/images/logo.png);
        margin-left:89px;
        height:27px;
        width:374px;
        margin-top:90px;
        
        }
    #super_navigation{
        background-image:url(wp-content/themes/Amicus/images/navi_bg.png);
        height:50px;
        width:900px;
        margin-top:49px;
        z-index:2;
        }
    
    #super_navigation li{
        list-style-type:none;
        float:left;
        }
        
      #super_navigation li a{
          height:49px;
          width:133px;
          z-index:1000;
          }
     #super_navigation li a:hover{
          background-image:url(wp-content/themes/Amicus/images/hover.png);
          height:49px;
          width:133px;
          z-index:100;
         }    
         
      #header_panel{
          background-image:url(wp-content/themes/Amicus/images/header_panel.png);
          background-repeat:repeat-x;
          height:234px;
          width:900px;
          z-index:1;
          }
          
      #bild_bereich{
          background-image:url(wp-content/themes/Amicus/images/bild_bereich.png);
          background-position:left;
          background-repeat:no-repeat;
          height:184px;
          width:184px;
          padding-top:35px;
          margin-left:27px;
          z-index:10000;
          }
      div#bild_ueberschrift{
          background-image:url(wp-content/themes/Amicus/images/ueber_amicus.png);
          background-position:left;
          background-repeat:no-repeat;
          height:33px;
          width:241px;
          z-index:3;
          margin-left:250px;
          
          
          }
    div#main_content{
        width:900px;
    
        }      
      div#header_panel p{
          font-family:Arial, Verdana, sans-serif;
          font-size:12px;
          color:#FFFFFF;
          padding-top:58px;
          height:90px;
          width:601px; 
          
          }
       div#uebergang{
          background-color:#ffff00;
          height:7px;
          width:900px; 
          
          }
      div#sidebar{
          text-align:left;
          background-color:#f5eded;
          background-repeat:repeat-y;
          width:167px;
          height:566px;
          float:left;
          
          }
        
         div#sidebar ul{
        padding-left:10px;
        float:left;
        color:#000000;
        font-family:Arial, Verdana, sans-serif;
        font-size:12pt;
        
    
             
             }
         div#sidebar li{             
             display:block;
             list-style-type:none;
                         
          }
         div#sidebar li a{
          text-align:center;
          
          display:block; 
          height:23px;
          width:167px;
          color:#6f6d56;
          font-family:Arial, Verdana, sans-serif;
          font-size:11pt;
          text-decoration:none;
          margin-left:-20px;
          
          
          }
         div#sidebar a:hover{
             
             background-image:url(images/hover_sidebar.png);
             background-repeat:no-repeat;
             height:23px;
             width:167px;
        
         }
     
     div#content_wrapper{
        
        
         float:left;
         color:#000000;
         width:572px;
         background-color:#FFFFFF;
         background-repeat:repeat-y;


         
         
         }
         div#middle_content{
         background-color:#FFFFFF;
         
         
         width:572px;
         z-index:7;
         margin-left:167px;
         color:#000000;
         
         
         }
     div#middle_content img{
         margin-top:25px;
         margin-left:20px;
         border:2px solid #ffff00;
         height:186px;
         width:217px;
         float:left;
         margin-right:15px;
         margin-bottom:10px;
         
         }
     div#middle_content a{
         margin-left:20px;
         color:#000000;
    
         
         
         }
     div#middle_content  p{
         
         margin-left:20px;
         margin-right:15px;
                      
         }
     div#adbar{
          padding-top:15px;
          background-color:#f5eded;
          padding-left:10px;
          padding-right:10px;
          width:141px;
          height:566px;
          float:right;
          color:#6f6d56;
          
                    
          }
     div#footer{
          float:left;
          background-color:#d2d2d2;
          padding-top:5px;
          width:900px;         
          text-align:center;
          color:#000000;
          margin-bottom:20px;
          padding-bottom:5px;
          
         }
         div#footer p{
             color:#000000;
             }
         
    div#valid p{
        display:block;
        float:left;
        }
        
        #suchen input {
    background: #fff;
    padding: 5px;
    color: #774C20;
    border: 2px solid #cc9966;    
    font: 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    margin: 3px 3px 3px 0;
    width: 200px;
    width: 220px;    
    float: left;
}


#suchen p {
    font: 0.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #774C20;
    padding: 10px 0 0 0;
    clear: both;
}


#suchen input.button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    float: right;
    width: 43px;
    height: 35px;
}

Alles anzeigen

perryzelda

versuch mal anstatt:

Code

#super_navigation li a:hover{

Zitat

#super_navigation li:hover a{

spickzettel

Die Grafiken sind in der CSS-Datei falsch referenziert. Statt

Code

wp-content/themes/Amicus/images/hover.png

müsste es

Zitat

images/hover.png

heißen. Also immer relativ zum Standort der CSS-Datei.

perryzelda

Zitat

Also immer relativ zum Standort der CSS-Datei.

Genau !!
Schande über mich, das hätte ich aber auch sehen müssen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Hover wird nicht angezeigt!

Jetzt mitmachen!