2015-10-15 56 views
0

嘿,我做了WordPress的菜单,但它悬停并点击列表项只盘旋而上边框底部不上字徘徊在边境菜单不是

的header.php

<?php 
/** 
* The Header 
* 
* Displays all of the <head> section and everything up till <div id="main"> 
* 
* @package Cryout Creations 
* @subpackage parabola 
* @since parabola 0.5 
*/ 
?><!DOCTYPE html> 
<html <?php language_attributes(); ?>> 
<head> 
<?php cryout_meta_hook(); ?> 
<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" /> 
<link rel="profile" href="http://gmpg.org/xfn/11" /> 
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> 
<?php 
    cryout_header_hook(); 
    wp_head(); ?> 
</head> 
<body <?php body_class(); ?>> 

<?php cryout_body_hook(); ?> 

<div id="wrapper" class="hfeed"> 

<?php cryout_wrapper_hook(); ?> 

<div id="header-full"> 

<header id="header" > 

<?php cryout_masthead_hook(); ?> 
<div class="header_end"> 
<div class="header_bottom" > 
     <div id="masthead" > 
<ul id="branding" role="banner" > 

      <li> <?php cryout_branding_hook();?></li> 
      <li> <?php cryout_header_widgets_hook(); ?></li> 



</ul> 
<div class="menu_header"> 
<nav role="navigation" #id="link-center"> 

       <?php cryout_access_hook();?> 
      </nav><!-- #access --> 
</div> 
</div> 


<br> 
     </div><!-- #masthead --><br> 

    <div style="clear:both;height:1px;width:1px;"> </div> 
<div class="slideshow"> 
    <?php 
    echo do_shortcode("[metaslider id=5]"); 
?> 
</div> 
</header><!-- #header --> 
</div><!-- #header-full --> 
<div id="main"> 
    <div id="forbottom" > 
     <?php cryout_forbottom_hook(); ?> 

     <div style="clear:both;"> </div> 

     <?php cryout_breadcrumbs_hook();?> 
问题

的CSS部分的菜单类:

.menu_header nav 
{ 
    float:left; 
     width: 714px; 
    height: 53px; 
    padding:0px; 
    list-style:none; 
     color: #d9d1c1; 
     margin-left: 95px; 

} 

.menu_header ul li 
{ 
    float:left; 
      margin-top: -30px; 


} 

.menu_header ul li a 
{ 
    float: left; 
    font-family: Arial, Helvetica, sans-serif; 
    text-decoration: none; 
     color: #f1ec4b; 
      font-size: 24px; 
      padding-left: 9px; 
    padding-right: 9px; 
    margin-left: 9px; 
     line-height: 30px; 
      border-bottom: 3px solid #f1ec4b; 


} 

.menu_header ul li a:hover 
{ 
    color: #fff; 
} 
.menu_header ul li:hover 
{ 
    color: #fff; 
} 
.menu_header ul li a p { 
    font-size: 24px; 
    color: #f1ec4b; 

} 

当我试图删除的链接被损坏的链接的边界,我不知道究竟是什么让在边境只有徘徊?

+0

你可以请提供的URL,所以我可以直接看看源代码? – June

+0

@June这是网址“http://reload.fakragroup-eg.com/” –

+0

这里是网址reload.fakragroup-eg.com –

回答

0

的HTML结构和CSS代码是完全错误地写,让你开始我已经rectfied很多拿到菜单ATLEAST工作

#branding { 
 
width:200px; 
 
} 
 

 
.menu_header{ 
 
margin-left:0; 
 
width: 724px; 
 
margin-top: 80px; 
 
} 
 
.menu_header nav{ 
 
width:auto; 
 
margin-left:0; 
 
} 
 
.header_end{ 
 
height:auto; 
 
margin-top:0; 
 
} 
 
.menu_header ul li{ 
 
margin-top:0; 
 
}

请添加该到尽头该文件,显然它会改变外观和感觉,但没有太多可以完成时,HTML不是坚定的

+0

我试图添加代码,但我仍然有同样的问题,菜单作品已经只是从边境点击项目 –

+0

你试过在footer.php文件中添加代码吗? – June

+0

不,我试图将其添加到style.css文件 –