Horizontal menu warping kubrick layot wp 2.02

  • Resolved raykart

    (@raykart)


    18 years, 6 months ago

    I’m trying to build my own theme my hacking up the defult Kubrick theme, however having Big problem trying to get the horizontal menu to work. It seems to warp my whole page (IE for some reason renders it all fine).

    here is what it looks like https://www.artbypavel.com/temp/wp_warp.jpg

    This is my header.php

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

    <div id=”page”>

    <div id=”header”>

    <div id=”headerimg”>
    <h1>/”><?php bloginfo(‘name’); ?></h1>
    <div class=”description”><?php bloginfo(‘description’); ?></div>
    </div>

    <div id=”pages”>

      <?php wp_list_pages(‘sort_column=menu_order&title_li=’ ); ?>
      </div>

      </div>

      and the css:

      /* Nav start */
      div#pages {
      height: 30px;
      margin: 5px auto;
      width:720px;
      background-color:#b6cc43;
      }

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

      div#pages ul li.current_page_item a {
      text-decoration: underline;
      }
      div#pages ul li a {
      display: block;
      text-decoration: none;
      margin:1px 0px;
      text-align:right;
      font-size:10px;
      padding:4px;
      font-weight: bold;
      text-transform: lowercase;
      color: #ffffff;
      }
      div#pages ul li a:hover {
      color: #FF7800;
      }

      /* Nav end */

      Any ideas? Thanks in advance! Also is using borders to give white separation a good idea?

  • The topic ‘Horizontal menu warping kubrick layot wp 2.02’ is closed to new replies.