Website Design Forum

**GoHooterGo** · 04:26 AM

Before I begin, I would like to give a big thanks to Racer X, for taking the time to answer and reply to my questions, also for recommending WordPress to me.

New Question!

How would I be able to add a Link to the Nav Bar without creating a page? I want to add a Forum Link next to Stadium or Contact Us in the Nav Bar?

I'll keep the Old Picture down here, but I'll also include a link too: www.fremontrossfootball.com

**Sydpix** · 06-04-2009, 03:15 PM

First off there has to be room, secondly, you should be able to add this code anywhere and get the result your looking for. You can add css to your theme to style and position it. Good Luck!

Code:

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="<?php _e('Search'); ?>" />

</form>

**C'lown** · 06-04-2009, 08:11 PM

I have somewhat the same question. Any solution ?

**Sydpix** · 09:50 PM

Encase it in a divide and add the below css to your style.css. Adjust
accordingly.

<div id="searchcontainer">
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="<?php _e('Search'); ?>" />
</form>
</div>

Code:

#searchcontainer 

{
position: absolute;
padding-left: 640px;
top: 100px;
margin-right: auto;
margin-left: auto;
}

Can you post the link to your site?

**GoHooterGo** · 12:11 AM

www.fremontrossfootball.com

Thanks! It worked!

**GoHooterGo** · 04:29 AM

New Question!

It seems like certain parts of my website are way out of wack in Internet Explorer, but every thing looks fine in Firefox.

The Search Bar is WAY OFF compared to Firefox, where it is displayed correctly.

My Left Side Bar on this page is acting up for some reason also:

http://www.fremontrossfootball.com/team/

But, it's only on that page and only on IE.

(EDIT) Seems to be fine in IE 8.

**GoHooterGo** · 06-05-2009, 04:27 AM

New Question!

How would I be able to add a Link to the Nav Bar without creating a page? I want to add a Forum Link next to Stadium or Contact Us in the Nav Bar?

I'll keep the Old Picture down here, but I'll also include a link too: www.fremontrossfootball.com

**Sydpix** · 12:32 PM

If you posted your header code, I would have a better idea.

Here is one way.

Code:

  
<ul>
    <li class="page_item"><a href="( enter the link here)">Forum</a></li>
</ul>

Add the code in your menu area of the header.

As far as the IE. stuff...

Code:

<li class="page_item page-item-69"><a href="http://www.fremontrossfootball.com/contact/" title="Contact Us">Contact Us</a></li>
						<li><a href="http://www.fremontrossfootball.com">Home</a></li>
						<div id="searchcontainer">
						<form method="get" id="searchform" action="http://www.fremontrossfootball.com/">
						<input value="" name="s" id="s" type="text">
						<input id="searchsubmit" value="Search" type="submit">
						</form>
						</div>
					</ul>
				</div>

It appears you added the divide wrapper in the middle of an <ul> <li> list.

I need to see the code but I think you need to move the divide down below the </li> closing tag.

Code:

<li class="page_item page-item-69"><a href="http://www.fremontrossfootball.com/contact/" title="Contact Us">Contact Us</a></li>
						<li><a href="http://www.fremontrossfootball.com">Home</a></li>
					</ul>
				</div>

						<div id="searchcontainer">
						<form method="get" id="searchform" action="http://www.fremontrossfootball.com/">
						<input value="" name="s" id="s" type="text">
						<input id="searchsubmit" value="Search" type="submit">
						</form>
						</div>

**jamestl2** · 06-05-2009, 01:53 PM

You could also put the search bar inside the right sidebar instead of the header (probably something like sidebar2.php) if you wanted to, so you're not messing with all that CSS code where IE gives you crazy placements.

As Denny already mentioned, posting your header.php code would help. Is this a custom theme?

**GoHooterGo** · 06-05-2009, 04:59 PM

Header Code

Quote:

<!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" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">

<title>
<?php if (is_home()) { echo bloginfo('name');
} elseif (is_404()) {
echo '404 Not Found';
} elseif (is_category()) {
echo 'Category:'; wp_title('');
} elseif (is_search()) {
echo 'Search Results';
} elseif ( is_day() || is_month() || is_year() ) {
echo 'Archives:'; wp_title('');
} else {
echo wp_title('');
}
?>
</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 }?>

<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" 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>

<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<p><?php bloginfo('description'); ?></p>
<ul>
<?php wp_list_pages('title_li='); ?>
</ul>

Quote:

Originally Posted by Sydpix

As far as the IE. stuff...

Code:

<li class="page_item page-item-69"><a href="http://www.fremontrossfootball.com/contact/" title="Contact Us">Contact Us</a></li>
                        <li><a href="http://www.fremontrossfootball.com">Home</a></li>
                        <div id="searchcontainer">
                        <form method="get" id="searchform" action="http://www.fremontrossfootball.com/">
                        <input value="" name="s" id="s" type="text">
                        <input id="searchsubmit" value="Search" type="submit">
                        </form>
                        </div>
                    </ul>
                </div>

It appears you added the divide wrapper in the middle of an <ul> <li> list.

I need to see the code but I think you need to move the divide down below the </li> closing tag.

Code:

<li class="page_item page-item-69"><a href="http://www.fremontrossfootball.com/contact/" title="Contact Us">Contact Us</a></li>
                        <li><a href="http://www.fremontrossfootball.com">Home</a></li>
                    </ul>
                </div>

                        <div id="searchcontainer">
                        <form method="get" id="searchform" action="http://www.fremontrossfootball.com/">
                        <input value="" name="s" id="s" type="text">
                        <input id="searchsubmit" value="Search" type="submit">
                        </form>
                        </div>

Here is the entire code from the Functions.php file, where I uploaded the Search Box Code.

Quote:

<?php
function pixopoint_mainmenu() {?>
<div class="mainmenu1">
<div class="mainmenu2">
<div class="mainmenu3">
<div id="menu_wrapper1">
<div id="menu1">
<ul>
<?php wp_list_pages('title_li=&depth=3') ?>
<li<?php if (is_home()) {?> class="current_page_item"<?php } ?>><a href="<?php bloginfo('url'); ?>">Home</a></li>
<div id="searchcontainer">
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="<?php _e('Search'); ?>" />
</form>
</div>
</ul>
</div>
</div>
</div>
</div>
</div>

I do not have any Sidebar.php Files. I created this theme using http://pixopoint.com/tag/generator/

**GoHooterGo** · 06-05-2009, 06:22 PM

Here is a weird question, as I'm not sure how this had happened.

I just installed a SMF to the site also, and I went to customize it in the style.css file, well when I opened it, it showed the style.css file for the WordPress styling and ect.

Would I be able to delete that file, or would it screw up the Home Page?

**Sydpix** · 06-05-2009, 09:34 PM

As I thought, you dropped the code in the middle of a list.

Here is the repaired code.

Code:

<?php
function pixopoint_mainmenu() {?>
<div class="mainmenu1">
<div class="mainmenu2">
<div class="mainmenu3">
<div id="menu_wrapper1">
<div id="menu1">
<ul>
<?php wp_list_pages('title_li=&depth=3') ?>
<li<?php if (is_home()) {?> class="current_page_item"<?php } ?>><a href="<?php bloginfo('url'); ?>">Home</a></li>
</ul>
<div id="searchcontainer">
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="<?php _e('Search'); ?>" />
</form>
</div>
</div>
</div>
</div>
</div>
</div>

I think I might wrap this up by sending you to http://www.w3schools.com/

And check your site at http://validator.w3.org/ Which answered the question you asked. Here is a quick look at that.

These 2 sites can answer just about any questions you might have. As far as Wordpress goes, it's an awesome tool once you learn the software. I would also suggest heading over to Wordpress Forums for ALL the answers you need.

Good Luck!

**zeruel** · 06-06-2009, 02:38 AM

Good points to everyone!

I guess adding navigation can be done on the WP interface itself under the Pages > Add New?

**jackie8k** · 06-06-2009, 03:35 AM

It is working... Thanks

**pahirp** · 06-08-2009, 10:13 AM

ur page looks great