Here is my site: http://www.moviereviewspro.com Now here is what I want: I want the navigation buttons to be on the RIGHT side of the navbar and the search bar to be on the LEFT side of the navbar. Here is my header.php code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <?php $options = get_option('inove_options'); if (is_home()) { $home_menu = 'current_page_item'; } else { $home_menu = 'page_item'; } if($options['feed'] && $options['feed_url']) { if (substr(strtoupper($options['feed_url']), 0, 7) == 'HTTP://') { $feed = $options['feed_url']; } else { $feed = 'http://' . $options['feed_url']; } } else { $feed = get_bloginfo('rss2_url'); } ?> <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'); ?>" /> <?php if (is_home()) { $description = $options['description']; $keywords = $options['keywords']; } else if (is_single()) { $description = $post->post_title; $keywords = ""; $tags = wp_get_post_tags($post->ID); foreach ($tags as $tag ) { $keywords = $keywords . $tag->name . ", "; } } else if (is_category()) { $description = category_description(); } ?> <meta name="keywords" content="<?php echo $keywords; ?>" /> <meta name="description" content="<?php echo $description; ?>" /> <title><?php bloginfo('name'); ?><?php wp_title(); ?></title> <link rel="alternate" type="application/rss+xml" title="<?php _e('RSS 2.0 - all posts', 'inove'); ?>" href="<?php echo $feed; ?>" /> <link rel="alternate" type="application/rss+xml" title="<?php _e('RSS 2.0 - all comments', 'inove'); ?>" href="<?php bloginfo('comments_rss2_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <!-- style --> <style type="text/css" media="screen">@import url( <?php bloginfo('stylesheet_url'); ?> );</style> <?php if (strtoupper(get_locale()) == 'ZH_CN') : ?><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/zh_CN.css" type="text/css" media="screen" /><?php endif; ?> <?php if (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE 6')) : ?><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie6.css" type="text/css" media="screen" /><?php endif; ?> <!-- script --> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/util.js"></script> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/menu.js"></script> <?php wp_head(); ?> </head> <?php flush(); ?> <body> <!-- wrap START --> <div id="wrap"> <!-- container START --> <div id="container"> <!-- header START --> <div id="header"> <div id="caption"> <h1 id="title"><a href="<?php bloginfo('url'); ?>/"><?php bloginfo('name'); ?></a></h1> <div id="tagline"><?php bloginfo('description'); ?></div> </div> <!-- navigation START --> <div id="navigation"> <ul id="menus"> <li class="<?php echo($home_menu); ?>"><a class="home" title="<?php _e('Home', 'inove'); ?>" href="<?php echo get_settings('home'); ?>/"><?php _e('Home', 'inove'); ?></a></li> <?php if($options['menu_type'] == 'categories') { wp_list_categories('depth=2&title_li=0&orderby=name&show_count=0'); } else { wp_list_pages('depth=2&title_li=0&sort_column=menu_order'); } ?> <li><a class="lastmenu" href="javascript:void(0);"></a></li> </ul> <!-- searchbox START --> <div id="searchbox"> <?php if($options['google_cse'] && $options['google_cse_cx']) : ?> <form action="http://www.google.com/cse" method="get"> <div class="content"> <input type="text" class="textfield" name="q" size="24" /> <input type="hidden" name="cx" value="<?php echo $options['google_cse_cx']; ?>" /> <input type="hidden" name="ie" value="UTF-8" /> <a class="switcher" ><?php _e('Switcher', 'inove'); ?></a> </div> </form> <?php else : ?> <form action="<?php bloginfo('home'); ?>" method="get"> <div class="content"> <input type="text" value="Search by movie, actor or genre" size="60" class="textfield" name="s" id="s" onfocus="if (this.value == 'Search by movie, actor or genre') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search by movie, actor or genre';}" /> <a class="switcher" ><?php _e('Switcher', 'inove'); ?></a> </div> </form> <?php endif; ?> </div> <!-- searchbox END --> <div class="fixed"></div> </div> <!-- navigation END --> <div class="fixed"></div> </div> <!-- header END --> <!-- content START --> <div id="content"> <!-- main START --> <div id="main"> PHP:
Well, you need to edit your CSS-file, I guess. Haven't really gone into this in great detail, but I'm guessing that the following is true: <div id="navigation"> has float:left on it, and <div id="searchbox"> probably have float: right on it. You would swap these two around. Notice that for the whole thing to swap, you would have to alter the images in the backgroun of the menu, so the arrows point the other way, and maybe also alter the sequence so that home ends up on the far right. Not to hard to do, probably, but you haven't really provided the CSS-file, so you would have to play around with it to see which elements to switch around.
Okay here is my CSS: /* Theme Name: iNove Theme URI: http://wordpress.org/extend/themes/inove/ Description: Inspired by MacZone, created by <a href="http://www.neoease.com/">mg12</a>. It is very stylish, widget supported and doesn’t require any plugin. Version: 1.1.4 Author: mg12 Author URI: http://www.neoease.com/ Tags: white, light, two-columns, fixed-width, theme-options, right-sidebar */ /* static START */ * { margin:0; padding:0; } abbr[title], acronym[title] { border-bottom:thin dotted; cursor:help; } body { background:#BEC3C6 url(img/bg.jpg) repeat-x; color:#555; font-family:Verdana,"BitStream vera Sans",Helvetica,Sans-serif; font-size:12px; } h1, h2, h3, h4, h5, h6 { font-weight:bolder; letter-spacing:-0.07em; font-family:Arial; } h1 {font-size:200%;} h2 {font-size:170%;} h3 {font-size:150%;} h4 {font-size:130%;} h5 {font-size:110%;} h6 {font-size:100%;} img { border:0; } img.sided { background:#FFF; border:1px solid #CCC; padding:3px; } small { font-size:10px; } a:hover img.sided { border-color:#A6A6A6; } a { color:#2970A6; text-decoration:none; } a:hover { text-decoration:underline; } .wp-caption { background:#F7F7F7; border:1px solid #CCC; padding:5px 0; margin-bottom:5px; text-align:center; } .post .content .wp-caption p { margin:0; } blockquote, pre { background:#F4F5F7 url(img/blockquote.gif) 3px 3px no-repeat; border:1px dashed #CCC; padding:8px 12px 8px 36px; margin:5px 0; } .more-link { font-size:11px; } .alignleft { float:left; text-align:left; margin-right:10px; } .alignright { float:right; text-align:right; margin-left:10px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .floatleft { float:left; } .floatright { float:right; } .left { float:left; margin-right:10px; } .right { float:right; margin-left:10px; } .fixed, .clear { clear:both; } input.textfield, textarea { background:#FFF url(img/textfield.gif) top repeat-x; border:1px solid #A6A6A6; padding:2px 1px; } .boxcaption { background:#E3E4E6 url(img/box.gif) 0 0 no-repeat; padding:6px 12px; border-bottom:1px solid #CCC; } .boxcaption h3 { font-size:12px; font-family:Verdana,"BitStream vera Sans"; letter-spacing:0em; } .box { background:#F4F5F7 url(img/box.gif) 100% 100% no-repeat; padding:8px 12px; margin-bottom:10px; } .messagebox, .errorbox { background:#EDEFF0 url(img/messagebox.gif) no-repeat; padding:0 12px; height:27px; line-height:27px; font-size:11px; } .w3c { color:#080; font-size:10px; } /* static END */ /* layout START */ #wrap { background:url(img/light.gif) center top no-repeat; padding:20px 0; } #container { margin:0 auto; width:936px; } /* layout END */ /* header START */ #header { background:url(img/header_footer.jpg) no-repeat 0 0; height:132px; } #caption { height:44px; padding:25px 30px 21px; } #title a { text-decoration:none; color:#FFF; /*width:250px;*/ height:30px; display:block; font-family:"Trajan Pro"; letter-spacing:0; display:none; } /* image blog title */ /* #title a { background:url(img/title.gif) no-repeat; text-decoration:none; color:#FFF; width:250px; height:30px; text-indent:-999em; display:none; } */ #tagline { color:#FFF; border-top:1px solid #FFF; text-decoration:none; font-size:10px; float:left; padding:0 3px; display:none; } #navigation { margin:1px 0; } #menus li { display:inline; list-style:none; } #menus li a { background:transparent url(img/menu.gif) no-repeat; display:block; color:#382E1F; height:31px; line-height:31px; padding:0 20px; margin-left:-10px; text-decoration:none; font-size:11px; float:right; z-index:1; } #menus li a:hover { background-position:0 -31px; } #menus li.current_page_item a, #menus li.current-cat a { background-position:0 -62px; } #menus li a.home { background-position:0 -93px; width:45px; padding:0; margin-left:0; text-indent:-999em; } #menus li a.home:hover { background-position:0 -124px; } #menus li.current_page_item a.home { background-position:0 -155px; } #menus li a.lastmenu:hover { background-position:0 0; } #searchbox { width:400px; float:left; padding:4px 10px; } #searchbox .textfield { line-height:16px; width:320px; float:left; margin-right:5px; } #searchbox .switcher { background:url(img/icons.gif) 0 0 no-repeat; float:left; width:18px; height:22px; line-height:16px; display:block; text-indent:-999em; float:left; padding:0 2px; height:16px; margin-top:3px; } /* header END */ /* submenu START */ #menus li ul { display:none; background:#F4F5F7; border:1px solid #CCC; border-top-color:#A6A6A6; padding:0 5px; } #menus li li { float:none; margin:0 !important; margin:0; padding:0; display:block; list-style:none; } #menus li li a { float:none; display:block; padding:5px; text-decoration:none; width:125px; font-size:12px; border-style:solid; border-color:#DDD; border-width:1px 0 0; margin:0; background-image:none; height:20px; line-height:20px; } #menus li li.first a { border-top:none; } #menus li li a:hover { font-weight:bolder; } /* submenu END */ /* content START */ #content { background:#FFF url(img/sidesep.gif) right repeat-y; min-height:400px; } /* content END */ /* main START */ #main { background:#FFF; width:605px; padding:5px 15px 15px; float:left; } #notice { color:#080; } #notice a { text-decoration:underline; } .post h2 { display:block; margin-top:10px; border-bottom:1px solid #CCC; padding:0 5px 3px; font-size:16px; font-family:Verdana,"BitStream vera Sans"; } .post h2 a.title { text-decoration:none; color:#4C4C4C; } .post h2 a.title:hover { color:#2970A6; } .post .info { margin:5px; } .post .info span.first { margin-left:0; } .post .date, .post .tags, .post .categories, .post .editpost, .post .readingblinds, .post .comments, .post .addcomment, .post .editlinks { background:url(img/icons.gif) no-repeat; padding-left:22px; height:16px; line-height:16px; display:block; font-size:11px; } .post .act { height:16px; float:right; } .post .act span { float:left; margin-left:15px; } .post .tags { background-position:0 -16px; } .post .categories { background-position:0 -32px; } .post .date { background-position:0 -48px; float:left; } .post .editpost { background-position:0 -64px; } .post .readingblinds { background-position:0 -80px; } .post .comments { background-position:0 -96px; } .post .addcomment { background-position:0 -112px; } .post .editlinks { background-position:0 -192px; } .post .content { padding:5px 0 5px 5px; line-height:145%; overflow:hidden; } .post .content p { margin-bottom:10px; } .post .content .under { height:16px; line-height:16px; } .post .content .under span { float:left; margin-right:15px; } .post .content h4 { color:#080; margin-bottom:10px; } .post .content img { max-width:600px; } .post .content ul, .post .content ol { padding-bottom:10px; } .post .content ul li, .post .content ol li { list-style-position:inside; padding-left:20px; } .post .content table { background:#FFF; border:1px solid #CCC; margin:5px 0 10px; } .post .content table tr td { border-top:1px solid #CCC; padding:2px 10px; } .post .content table tr th { padding:1px 10px; background:#EDEFF0; text-align:left; } .post .content .boxcaption { background-image:url(img/postbox.gif); border-bottom:1px solid #CCC; } .post .content .box { background-image:url(img/postbox.gif); } #postpath { background:url(img/icons.gif) 0 -208px no-repeat; height:16px; line-height:16px; margin:5px 0; padding-left:22px; } #pagenavi, #postnavi { border-top:1px solid #CCC; margin:10px -5px 0; padding:10px 5px 0; } #pagenavi { font-size:11px; } #pagenavi .newer a, #postnavi .prev a { background:url(img/icons.gif) 0 -224px no-repeat; padding-left:22px; float:left; height:16px; line-height:16px; } #pagenavi .older a, #postnavi .next a { background:url(img/icons.gif) 100% -240px no-repeat; padding-right:22px; float:right; height:16px; line-height:16px; } /* main END */ /* sidebar START */ #sidebar { background:#F7F7F7; width:300px; float:right; font-size:95%; background:#F7F7F7; line-height:145%; overflow:hidden; } #sidebar li { background:url(img/icons.gif) 0 -320px no-repeat; padding-left:22px; list-style:none; margin-top:5px; /*font-size:95%;*/ } #sidebar .content, #sidebar li { font-size:12px; } #northsidebar .widget { background:url(img/widgetsep.png) bottom no-repeat; padding:10px 15px 19px; } #southsidebar .widget { background:url(img/widgetsep.png) top no-repeat; padding:15px 15px 17px; } #centersidebar { padding:12px 15px 0; } #northsidebar, #southsidebar { font-size:95%; } #northsidebar .widget h2, #southsidebar .widget h2 { margin-bottom:10px; } #northsidebar .widget .content p, #southsidebar .widget .content p { margin-bottom:10px; } #westsidebar { width:121px; float:left; padding-right:5px; font-size:95%; overflow:hidden; } #eastsidebar { width:129px; float:right; font-size:95%; overflow:hidden; } #westsidebar h3, #eastsidebar h3 { margin-bottom:5px; } #westsidebar .widget, #eastsidebar .widget { margin-bottom:15px; } #sidebar .widget_feeds { padding:5px 15px 14px; } #sidebar #feedrss, #sidebar #feedemail { height:25px; line-height:25px; display:block; padding:5px 5px 5px 36px; float:left; text-decoration:none; } #sidebar #feedrss { background:url(img/feeds.gif) 5px 5px no-repeat; } #sidebar #feedemail { background:url(img/feeds.gif) 5px -45px no-repeat; margin-left:15px; } #subscribe ul { display:none; background:#F4F5F7; border:1px solid #B7B7B7; width:180px; padding:5px; } #subscribe li { list-style:none; float:left; margin:0; padding:0; display:block; } #subscribe li a span { background:url(img/readers.gif) no-repeat; height:20px; width:80px; display:block; text-indent:-999em; } #subscribe li#google_reader a span { background-position:0 0; } #subscribe li#youdao_reader a span { background-position:0 -20px; } #subscribe li#xianguo_reader a span { background-position:0 -40px; } #subscribe li#zhuaxia_reader a span { background-position:0 -60px; } #subscribe li#yahoo_reader a span { background-position:0 -80px; } #subscribe li#newsgator_reader a span { background-position:0 -100px; } #subscribe li#bloglines_reader a span { background-position:0 -120px; } #subscribe li#inezha_reader a span { background-position:0 -140px; } #subscribe li a { display:block; padding:5px; text-decoration:none; width:80px; font-size:12px; } #subscribe li a:hover { background:#EEDDCC; } #tag_cloud a { line-height:130%; } /* sidebar END */ /* footer START */ #footer { background:url(img/header_footer.jpg) 0 -132px no-repeat; display:block; height:88px; border-top:1px solid #CCC; font-size:11px; line-height:145%; width:100%; } #footer a { color:#2A2A2A; } #copyright { margin-top:12px; margin-left:20px; } #themeinfo { margin-left:20px; } a#powered { background:url(img/wp-logo.png) no-repeat; display:block; width:92px; height:57px; float:left; margin:0 10px 0 5px; text-indent:-999em; } a#gotop { background:url(img/icons.gif) 0 -304px no-repeat; float:right; height:16px; line-height:18px; display:block; padding-left:16px; margin:5px 15px 0 0 !important; margin:5px 8px 0 0; text-decoration:none; } /* footer END */ /* comment START */ #commentlist { background:#FCFCFC; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:0 -15px; padding:0 15px; } #commentlist ol, #commentlist li { list-style:none; } #cmtswitcher { background:#FFF; font-size:10px; padding-top:5px; } #cmtswitcher a.tab, #cmtswitcher a.curtab { padding:5px 10px; margin-bottom:-1px; display:block; float:right; color:#555; text-decoration:none; } #cmtswitcher a.tab { border:1px solid #FFF; border-bottom-color:#CCC; } #cmtswitcher a.curtab { background:#FCFCFC; border:1px solid #CCC; border-bottom-color:#FCFCFC; } #cmtswitcher .addcomment, #cmtswitcher .addtrackback { padding-left:22px; height:16px; line-height:16px; display:block; font-size:11px; float:left; margin-right:15px; margin-top:4px !important; margin-top:3px; } #cmtswitcher .addcomment { background:url(img/icons.gif) 0 -112px no-repeat; } #cmtswitcher .addtrackback { background:url(img/icons.gif) 0 -144px no-repeat; } #thecomments, #thetrackbacks { padding-bottom:15px; } #thecomments .comment, #thecomments .messagebox { margin-top:15px; } .comment .author { float:left; width:81px; text-align:center; } .comment .pic { background:url(img/commentpoint.png) 100% 33% no-repeat; padding-right:14px; margin-top:10px; } .comment .name { width:67px; padding-right:14px; font-weight:bolder; overflow:hidden; } .comment .avatar { padding:1px; border:1px solid #999; } .comment .info { background:#EDEFF0 url(img/comment.gif) 0 0 no-repeat; float:left; padding:10px 15px 0; width:494px; } .comment .date, .trackback .date { float:left; font-size:10px; } .comment .act, .trackback .act { float:right; font-size:10px; } .comment .content { background:url(img/comment.gif) 100% 100% no-repeat; margin:0 -15px; padding:0 15px 10px; line-height:145%; } .comment .content p { margin-top:10px; } .comment .content blockquote p { margin-top:0; margin-bottom:10px; } .admincomment .author { float:right; } .admincomment .pic { background:url(img/commentpoint.png) 0% 33% no-repeat; padding-right:0; padding-left:14px; } .admincomment .name { padding-right:0; padding-left:14px; } .admincomment .info { float:right; } #comment_login { margin-top:15px; } #thetrackbacks { display:none; } #thetrackbacks li { margin-top:15px; } .trackback { background:#EDEFF0 url(img/box.gif) 0 0 no-repeat; padding:10px 15px 0; width:575px; } .trackback .title { background:#EDEFF0 url(img/box.gif) 100% 100% no-repeat; padding:10px 15px !important; padding:0 15px 10px; width:575px; margin:0 -15px; } #respond { padding:10px 0 0; font-size:11px; } #respond .row { margin-bottom:5px; } #respond .textfield { width:200px; } #emoticon { float:right; margin-top:1px; margin-right:10px; } #comment { width:601px; } #commentnavi { background:#EDEFF0 url(img/box.gif) 0 0 no-repeat; padding:10px 15px; font-size:11px; } #commentnavi a.page-numbers { padding:5px 7px; text-decoration:none; border:1px solid #EDEFF0; margin:0 -2px; } #commentnavi a.page-numbers:hover { background:#F7F7F7; border:1px solid #CCC; text-decoration:none; } #commentnavi span.pages { padding:0 7px 0 22px; background:url(img/icons.gif) 0 -272px no-repeat; height:16px; line-height:16px; float:left; } #commentnavi span.current { background:#F7F7F7; padding:5px 7px; border:1px solid #F7F7F7; font-weight:bold; margin:0 -2px; } #commentnavi #commentpager { line-height:16px; } #submitbox a.feed { background:url(img/icons.gif) 0 -256px no-repeat; padding-left:22px; height:16px; line-height:16px; display:block; float:left; } #submitbox #submit { padding:3px 6px; background:#B4D666; border-top:1px solid #B4D666; border-right:1px solid #81B840; border-bottom:1px solid #81B840; border-left:1px solid #B4D666; color:#2970A6; font-size:11px; cursor:pointer; } #submitbox #submit:hover { background:#98C64C; border-top:1px solid #76B33A; border-right:1px solid #98C64C; border-bottom:1px solid #98C64C; border-left:1px solid #76B33A; color:#074A7E; } /* comment END */ /* archives STRAT */ #archives { list-style-position:inside; } .postspermonth { margin:5px 0; list-style:none; } .srg_switcher { margin-bottom:10px; } /* archives END */ /* linkcat START */ .post .content .linkcat ul li { list-style:none; float:left; width:25%; padding:2px 0; overflow:hidden; } .post .content .linkcat ul li a { background:url(img/icons.gif) 0 -160px no-repeat; padding-left:22px; height:16px; line-height:16px; } /* linkcat END */ /* image switcher START */ .imageswitcher { background:#EDEFF0; padding:5px; font-size:11px; } .imageswitcher_image { background:#FFF; border:1px solid #BABABA; padding:3px; margin:0; } a .imageswitcher_image:hover { border-color:#999; } a.imageswitcher_button { float:left; margin-top:1px !important; margin-top:3px; margin-bottom:0 !important; margin-bottom:5px; margin-right:4px; padding:2px 5px; background:#B4D666; border-top:1px solid #B4D666; border-right:1px solid #81B840; border-bottom:1px solid #81B840; border-left:1px solid #B4D666; color:#2970A6; } a.imageswitcher_button:hover { background:#98C64C; border-top:1px solid #76B33A; border-right:1px solid #98C64C; border-bottom:1px solid #98C64C; border-left:1px solid #76B33A; text-decoration:none; color:#074A7E; } /* image switcher END */ /* related posts START */ /* when related posts with title */ #related_posts { padding-bottom:10px; } #related_posts h3 { background:#E3E4E6 url(img/box.gif) 0 0 no-repeat; font-size:12px; padding:6px 12px; font-family:Verdana,"BitStream vera Sans",Arial,Helvetica,Sans-serif; letter-spacing:0em; border-bottom:1px solid #CCC; } #related_posts ul { background:#F4F5F7 url(img/box.gif) 100% 100% no-repeat; padding:3px 12px 8px; } #related_posts ul li { list-style:none; padding:3px 5px; border-bottom:1px solid #E3E4E6; line-height:18px; } #related_posts .count { font-size:10px; } #related_posts .excerpt { color:#999; font-size:11px; display:block; } /* when related posts without title */ /* #related_posts { padding-top:3px; padding-bottom:8px; } #related_posts ul li { list-style:none; padding:3px 5px; border-bottom:1px solid #E3E4E6; line-height:18px; } */ /* related posts END */ PHP: I got it flipped around but now i need to get everything right. Idk what to do now: http://www.moviereviewspro.com