Search Form Un-Clickable

  • mpjohnso

    (@mpjohnso)


    16 years ago

    At: Earthascope

    The Search form is unusable and I’m completely stumped. Here’s my header code:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html style="position: static;" dir="ltr" xmlns="https://www.w3.org/1999/xhtml" lang="en-US"><head profile="https://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
		<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
		<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.css" type="text/css" media="screen">
		<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/crunchtech.css" type="text/css" media="screen">
		<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
		<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
		<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
		<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
		<link rel="pingback" href="https://www.techcrunch.com/xmlrpc.php">
		<link rel="icon" type="image/png" href="<?php bloginfo('template_url'); ?>/favicon.ico">
		<meta name="generator" content="<?php bloginfo('version'); ?>">
		<meta name="description" content="<?php bloginfo('description'); ?>">
		<div id="top" class="snap_nopreview">
						<div id="top_strip">
				<div id="top_strip_left">
					<ul>
						<li id="top_active_tab"><div>	<?php wp_list_bookmarks('i'); ?> 			 

					</ul>
				</div>
				<div id="top_strip_right">
					<ul>
						<li>
	<form method="get" id="searchform" action="<?php bloginfo('home'); ?>">
		<div><input value="" name="s" id="s" type="text">
			<input id="searchsubmit" value="Search" type="submit">
		</div>
	</form>
</li>
					</ul>
				</div>
			</div>
		</div>
		<div id="page">
			<div id="header" class="snap_nopreview">
				<div id="header_logo"><a href="<?php echo get_option('home'); ?>" title="<?php bloginfo('name'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/eas1a.png"></a></div>
<div id="leaderboard">
<script type="text/javascript"><!--
google_ad_client = "pub-x";
/* 728x90, created 1/24/09 */
google_ad_slot = "x";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<div id="header_items">

					<ul>
				<br /><?php wp_list_pages('sort_column=menu_order&title_li=&depth=1') ?>
					</ul></div>
				</div>
			</div>
			<div id="columns"><div id="content" class="narrowcolumn">

    Anyone have any ideas?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter mpjohnso

    (@mpjohnso)

    Ideas anyone?

    muthukswamy

    (@muthukswamy)

    The problem is in here

    <div id="top_strip_left">
<ul>
<li id="top_active_tab">
<div>
<?php wp_list_bookmarks('i'); ?>
</ul>
</div>

    You are displaying bookmarks in an unnecessary place, so it took up more space and it placed one layer above the search box. This is the reason for inaccessible search box.

    Usually the page list is displayed there. To list pages just replace

    <li id="top_active_tab">
<div>
<?php wp_list_bookmarks('i'); ?>

    with
    <?php wp_list_pages('title_li=' ); ?>

    This will solve the problem.

    Thread Starter mpjohnso

    (@mpjohnso)

    Thank you so much for your help in figuring this out! It looks like that took care of it but do you have any idea how I could display a horizontal list of bookmarks up there to my other sites so that it won’t block out the search function?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Search Form Un-Clickable’ is closed to new replies.