Wordpress Navigation Positioning issues

Discussion in 'Web Design' started by aspenski, Mar 1, 2009.

to remove all ads.
  1. aspenski

    aspenski New Member

    I'm having issues positioning the navigation on this page:


    I want it to be right under the sideshow in the middle.
    How do I do that?
    Thank you

    this is the code for header

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    <head profile="http://gmpg.org/xfn/11">

    <title><?php wp_title( '-', true, 'right' ); echo wp_specialchars( get_bloginfo('name'), 1 ); ?></title>

    <meta http-equiv="content-type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
    <meta name="description" content="<?php bloginfo('description') ?>" />
    <?php if(is_search()) { ?>
    <meta name="robots" content="noindex, nofollow" />
    <?php }?>

    <!-- Styles -->
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/library/styles/screen.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/library/styles/print.css" type="text/css" media="print" />
    <!--[if IE]><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/library/styles/ie.css" type="text/css" media="screen, projection" /><![endif]-->
    <!--[if lte IE 7]><link type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/library/styles/ie-nav.css" rel="stylesheet" media="all" /><![endif]-->
    <?php //Load Variables
    $css = get_option('T_background_css');
    <?php if ($css == 'Enabled') {?>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/library/functions/style.php" type="text/css" media="screen, projection" />
    <?php } ?>

    <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'); ?>" />

    <!-- Javascripts -->
    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-1.2.6.min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/nav.js"></script>
    <script type="text/javascript">
    $(navigationArrow("<?php bloginfo('stylesheet_directory'); ?>/images/arrow.png"));
    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/search.js"></script>
    <?php $slideshow_height = get_option('T_slideshow_height');
    $email = get_option('T_email');
    $phone = get_option('T_phone');
    <?php //Load Variables
    $slideshow_state = get_option('T_slideshow_state');

    if ($slideshow_state == 'On') {?>
    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.innerfade.js"></script>
    <script type="text/javascript">

    speed: 1000,
    timeout: 3500,
    type: 'sequence',
    containerheight: '<?php echo $slideshow_height; ?>px'
    <?php } ?>

    <?php wp_head(); ?>


    <div id="top">

    <!-- Begin Masthead -->
    <div id="masthead">
    <h4 class="left"><a href="<?php echo get_settings('home'); ?>/" title="Home" class="logo"><?php bloginfo('name'); ?></a> <span class="description"><?php bloginfo('description'); ?></span></h4>

    <div class="clear"><?php include (TEMPLATEPATH . '/nav.php'); ?></div>

    <div class="container">

    <div class="container-inner">

    and this is navigation

    <style type="text/css">
    #navcontainer {
    padding: 0;
    font-family:"helvetica", Helvetica, Arial, sans-serif;
    text-align: right;
    top: 100px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 0;
    width: 600px;

    #navlist {height:40px}
    #navcontainer p {padding: 7px 7px 0px;font-family:"helvetica", Helvetica, Arial, sans-serif;font-size: 1em;font-weight: bold;}
    /* to stretch the container div to contain floated list */
    #navcontainer:after {content: ".";display: block;line-height: 1px;font-size: 1px;color: transparent;clear: both;}
    #navcontainer img {margin: 0;padding: 0;}
    ul#navlist {list-style: none;padding: 0;margin: 0px;font-size: 1em;}
    ul#navlist li {text-align: left;float: left;height: 40px;margin: 0;background: #000;border-right:1px solid #666;padding: 0;}
    ul#navlist li { width: 105px; voice-family: "\"}\""; voice-family:inherit; width: 119px;}
    html>body ul#navlist li { width: 119px; }
    ul#navlist li a {display: block;padding: 7px 5px 25px 7px;color: #aaa;font-size: 11px;text-decoration: none;height: 1%;height:40px;text-shadow: 0 0 0 #000;}
    #navcontainer>ul#navlist li a {width: auto;height: auto;height: 8px}
    ul#navlist li#active a {background: #eee;color: #222;}
    ul#navlist li a:hover,ul#navlist li#active a:hover {color: #fff;background-color: #111;}
    ul#navlist li.home {border-left: none;}
    ul#navlist li#empty {width: 120px;}

    <!-- Begin Navigation -->
    <div id="navcontainer">
    <ul id="navlist">
    <li><a href="<?php echo get_settings('home'); ?>/" title="Return to the the frontpage">Home</a></li>
    <li><a href="#" title="Link title">Link</a></li>
    <li><a href="#" title="Link title">Link</a></li>
    <li><a href="#" title="Link title">Link</a></li>
  2. anna

    anna New Member

    Your link is dead so I can't really tell you, but I would suggest making a new CSS rule... Post a new link for a definite answer.

Share This Page