Help with Header in new theme

  • Resolved lgice

    (@lgice)


    12 years, 8 months ago

    im trying to code this for my menus and header
    http://postimg.org/image/mx7swjl6x/
    Live site is http://Realgamers.org

    If you look in the image above the top menu the background for the menu is putting the image in each menu item instead of spanning the whole top width of the site how could i fix this?

    This is my Header

    <!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 wp_title(''); if (function_exists('is_tag') and is_tag()) { ?>Tag Archive for <?php echo $tag; } if (is_archive()) { ?> archive<?php } elseif (is_search()) { ?> Search for <?php echo $s; } if ( !(is_404()) && (is_search()) or (is_single()) or (is_page()) or (function_exists('is_tag') and is_tag()) or (is_archive()) ) { ?> at <?php } ?> <?php bloginfo('name'); ?></title>
	<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
	<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<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(); ?>
</head>
<body>

<div class="nav-top">
<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>
</div>

<div id="wrap">
<div id="head" >
	<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
		<div class="description"><h2><?php bloginfo('description'); ?></h2></div>

<div class="nav-bottom">
<?php wp_nav_menu( array( 'theme_location' => 'extra-menu' ) ); ?>
</div>
</div>

    and this is my style.css

    [Excessive CSS moderated. Please just include a link to your site]

Viewing 6 replies - 1 through 6 (of 6 total)
  • WPyogi

    (@wpyogi)

    12 years, 8 months ago

    It’s not possible to help with CSS questions without seeing a LIVE site.

    Thread Starter lgice

    (@lgice)

    12 years, 8 months ago

    Sorry for leaving link out, edited above post with link and here
    Live site is http://Realgamers.org
    also im wondering if there is too much code style for my header links?

    WPyogi

    (@wpyogi)

    12 years, 8 months ago

    Sorry, I’m not clear on what you are trying to do – can you explain more?

    Thread Starter lgice

    (@lgice)

    12 years, 8 months ago

    The background of the top menu is suppose to be 1 image but instead its putting that 1 image behind every menu item that i have it is suppose to look like this at the top
    Sorry for not being clear I am pretty new to trying to work with themes and css

    WPyogi

    (@wpyogi)

    12 years, 8 months ago

    You have the background image assigned PER menu item:

    .nav-top li {
    background-image: url("images/nav-header.png");
    display: inline;
    float: left;
    left: 387px;
    list-style: none outside url("");
    position: relative;
    top: -38px;
}

    Looks like this will be more what you want:

    .nav-top ul {
    background-image: url("images/nav-header.png");
    height: 38px;
    line-height: 38px;
    list-style: none outside none;
    margin: 0 auto;
    width: 992px;
}

    You’ll need to get rid of the negative “top” in the CSS above…

    Is this a theme you’re coding from scratch?

    Thread Starter lgice

    (@lgice)

    12 years, 8 months ago

    it was a basic code for a site and im trying to theme it the way i have designed now.

    looks like that did the trick Thank you very much for your help with this. I might need some more possibly if i run into any issues.

    Thank you very much WPyogi

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Help with Header in new theme’ is closed to new replies.