• 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.