WordPress.org

1. BloodHunger
   Member
   Posted 1 year ago #

   Hey guys,

   sry if my english is not the best, but i just give it a try =)

   I'm working right now on a WP Template and have some Problems with my menu. I'm using wp_list_pages to show all my static pages and the single menu items have background images, now i want to link the background images and not the item text. But i'll just show you the code: (I have some Problems to post the code, sry^^)

   The sidebar.php :

   <div id="menu">

   <li <?php if (is_home()) { echo ' class="current_page_item"'; } ?>>
   < a ><?php echo get_settings('home'); ?>">Home< /a >

   <?php wp_list_pages('title_li='); ?>

   </div>
   ---------------------------------------------------

   My CSS:
   #menu ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   }

   #menu ul li {
   width: 270px;
   height: 40px;
   background-image: url("images/button_inaktiv.png");
   font-family: Georgia;
   margin-bottom: 1px;
   }

   #menu ul li:hover {
   background-image: url("images/button_hover.png");
   }

   #menu ul li:hover a {
   color: #4f3a2e;
   font-weight: bold;
   }

   #menu ul .current_page_item {
   background-image: url("images/button_aktiv.png");
   }

   #menu ul li a {
   color: #fff;
   text-decoration: none;
   margin-left: 45px;
   line-height: 2.9;
   font-size: small;
   }

   #menu ul .current_page_item a {
   color: #4f3a2e;
   font-weight: bold;

   }

   I would be very thankful for your help!

Topic Closed

This topic has been closed to new replies.