• Hi I am having difficulty in moving my search bar into the bottom right area of my header. The search box seems to be split into three components in my style sheet as shown here –

    #header form {
    		position: relative;
    		top: 0; left: 0;
    		float: right;
    		position: relative;
    		top: 5px; left: -49px;
    	}
    		#header form input {
    			font-family: Georgia;
    			font-size: 1em;
    			float: left;
    			width: 220px;
    			margin-right: 5px;
    			border: 1px solid #ffffff;
    			top: 45px; left: -25px;
    		}
    		#header form button {
    			text-indent: -9999px;
    			width: 18px; height: 18px;
    			border: 0;
    			float: left;
    			background-color: transparent;

    Problem is I can move one of the components to the position I want without any problem (header form) the other two components just stay where they were.

    the URL is https://www.a1securitysupplies.com

    thanks in advance for any help you guys can give me

Viewing 1 replies (of 1 total)
  • have you tried to use this style of style.css to move the search form:

    #searchform{float:right;width:191px;height:26px;background:url(images/searchbox.png) no-repeat;position:relative;top:1px;}

    you probably need to add a left:-20px; to the style to have control in two dimensions by changing the values of top and left

Viewing 1 replies (of 1 total)
  • The topic ‘Can only move part of my searchbox. HELP!!’ is closed to new replies.