Wordpress Navigation Positioning issues

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

to remove all ads.
  1. aspenski

    aspenski New Member

    Messages:
    1
    Hi!
    I'm having issues positioning the navigation on this page:

    siia-design.com/blog

    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">
    $(document).ready(function(){
    $(navigationArrow("<?php bloginfo('stylesheet_directory'); ?>/images/arrow.png"));
    });
    </script>
    <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');
    ?>

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

    $('ul#portfolio').innerfade({
    speed: 1000,
    timeout: 3500,
    type: 'sequence',
    containerheight: '<?php echo $slideshow_height; ?>px'
    });
    });
    </script>
    <?php } ?>

    <?php wp_head(); ?>

    </head>

    <body>
    <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>



    <div class="clear"><?php include (TEMPLATEPATH . '/nav.php'); ?></div>
    </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;
    height:40px;
    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;}
    -->
    </style>

    <!-- 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>
    </ul>
    </div>
    </div>
     
  2. anna

    anna New Member

    Messages:
    542
    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