Integrating Search Function on Horizontal Menu
-
I’m attempting to put a horizontal menu together that looks like the following:
(text is aligned far left)
Menu Item #1 | Item #2 | Item #3 | Etc [Search Field] (aligned far right)
So far I’ve been able to get everything on the same line by using the following code in my header.php
<form method="get" id="searchform" action="<?php echo $_SERVER['PHP_SELF']; ?>"> <a href="<?php bloginfo('url');?>/">Home</a><ul><a href="">Photography</a></ul><ul><a href="">Portfolio</a></ul><ul><a href="">Risk</a></ul><ul><a href="">About</a></ul> <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>And here’s my CSS:
/* 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; } #searchform { padding: 0px; align: right; }It doesn’t allow me to align the Search Field to the right though.
I really need it aligned to the right for asthetic spacing reasons.
Does anyone have any idea how I could solve this problem?
I’d appreciate any help.
The topic ‘Integrating Search Function on Horizontal Menu’ is closed to new replies.