WordPress.com Forums » Topic: Horizontal Menu & Integrated Search Form? http://en.forums.wordpress.com/topic/horizontal-menu-038-integrated-search-form WordPress.com Forums » Topic: Horizontal Menu & Integrated Search Form? en Thu, 20 Jun 2013 01:52:36 +0000 http://bbpress.org/?v=1.1-alpha-2539 katm on "Horizontal Menu & Integrated Search Form?" http://en.forums.wordpress.com/topic/horizontal-menu-038-integrated-search-form#post-82577 Tue, 29 May 2007 05:36:30 +0000 katm 82577@http://en.forums.wordpress.com/ You need to be over at http://wordpress.org/support as you're self hosted.

]]> ryvius on "Horizontal Menu & Integrated Search Form?" http://en.forums.wordpress.com/topic/horizontal-menu-038-integrated-search-form#post-82574 Tue, 29 May 2007 05:22:57 +0000 ryvius 82574@http://en.forums.wordpress.com/ I self hosted, and sorry for the bad code paste. I'm new at the forum markup code game I guess.

Its pretty much the same deal, except the links have the actual code displayed instead of HTMLized of course.

I just tried stretching the form tag to encompass both the horizontal menu and the input tags.

<form method="get" id="searchform" action="<?php echo $_SERVER['PHP_SELF']; ?>">

Menu link #1, Menu link #2, Menu link #3, etc

<input type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" size="15" align="right" /> <input type="submit" id="sidebarsubmit" value="Search" style="font-size: 10px;" />

</form>

The end result is I get this: Menu item #1, #2, #3, [Search Field here]

I want to align the search field to the far right side (text is aligned to the left) on this horizontal menu. CSS align tags aren't helping in that regard.

Any new ideas?

]]> katm on "Horizontal Menu & Integrated Search Form?" http://en.forums.wordpress.com/topic/horizontal-menu-038-integrated-search-form#post-82562 Tue, 29 May 2007 05:02:45 +0000 katm 82562@http://en.forums.wordpress.com/ Is your blog hosted here at wp.com? Or did you download a template from wp.org and self-host?

If you're hosted here, it won't work. Forms are stripped out for security reasons. There is a search widget you can put in your sidebar.

]]> ryvius on "Horizontal Menu & Integrated Search Form?" http://en.forums.wordpress.com/topic/horizontal-menu-038-integrated-search-form#post-82549 Tue, 29 May 2007 04:51:01 +0000 ryvius 82549@http://en.forums.wordpress.com/ I've been trying to integrate a search form on a standard horizontal menu for the last two days and have been having little success.

I've tried various CSS align commands, repositioned the form include within the menu ULs and without.

Can anyone suggest a new approach for me to try to take?

Menu Item #1 | Menu Item #2 | Menu Item #3 | Search Form (aligned far right preferably)

My Header code:

<backticks>
<div class="header">
<div class="path">

/">Home

<form method="get" id="searchform" action="<?php echo $_SERVER['PHP_SELF']; ?>">

<input type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" size="19" /> <input type="submit" id="sidebarsubmit" value="Search" style="font-size: 10px;" />

</form>
</div>
</div>
<backticks>

And the relevant CSS:

[backticks]
/* Horizontal Menu Structure */
.path {
vertical-align: bottom;
color: #FFF;
font: normal 1.1em 'Trebuchet MS', Verdana, sans-serif;
padding: 4px 12px;
padding-top: 375px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
}
.path li,.path ul {display: inline;}
.path a {
color: #FAFAFA;
text-decoration: none;
margin-right: 25px;
}
.path a:hover {
color: #FFE;
text-decoration: underline;
}

/* Main Content Structure */
.main {
background: url('img/main.gif') repeat-y;
padding: 8px 12px 0px 15px;
}
#searchform {padding: 10px;}
[/backticks]

Any help would *greatly* be appreciated!

Ryvius

]]>