Can't move a div to right

HTML & CSS
1

Hey guys,
I convert a PSD file to HTML/CSS and you can see it on this url :
http://www.hamidoffice.com/kar/ali/
But now i need to move the search input to right like this photo :

thanks for your help :wink:

2

If you remove the border on the text input, you could do something like this:

ul {
width: 230px; 
float: right; 
margin-right: 20px; 
border: 1px solid gray;
}

It will need a bit of tweaking, though.

3

try to put the imgsearch class on the <a> instead of the <img>

and then add “position:relative;” to the input

and “position: absolute” to .imgsearch

so it goes like this :


.search {
background:url("images/bg-search.jpg") repeat scroll 0 0 transparent;
border:1px solid gray;
float:right;
margin-right:20px;
margin-top:7px;
padding:3px;
position:relative;
width:230px;
}

.imgsearch {
position:absolute;
right:24px;
top:9px;
}

That’s not exactly what I intended to try originally but it seems to work on FF so you might want to give it a go

4

it works but what about image? i need to put the image right side the input as well see the result on the same url
also i mae a class for that but i dont know how to move it

(because of your fantastic answers i order one of the site points books :D)
<3

5

If you are testing in IE6 (if you are supporting it) then it’s likely that .search is going to run into the double float margin bug. Add display:inline to .search (if you are supporting IE6)