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