[SOLVED] move position form search

[wallacept]

in css is:

#header #search_block_top {
background:url("img/block_search_bg.jpg") no-repeat scroll left top transparent;
height:48px;
width:436px;
}

view picture and how put the search form? or exists other idea?

ideas/suggestions?

[razaro]

Try this

#search_block_top  {
background:url("../img/block_search_bg.jpg") no-repeat scroll left top transparent;
float:right;
height:28px;
margin-right:-2em;
margin-top:2em;
width:336px;
}

or this

#search_block_top  {
background:url("../img/block_search_bg.jpg") no-repeat scroll left top transparent;
float:left;
height:28px;
margin-left:15em;
margin-top:2em;
width:300px;
}

First one is maybe better.

[wallacept]

yes razaro, but...
(view new image).

the length...

[razaro]

You need to edit/replace image block_search_bg.jpg.
It is 240 x 28 so you need something like 340 x 28.
And then adjust margin accordingly to new image.

[wallacept]

ok, i try

likes my site razaro?
or not?

[wallacept]

view now razaro my site.
a edit for 340x28, but...the rigth...

[razaro]

Use this

#header #search_block_top {
background:url("../img/block_search_bg.jpg") no-repeat scroll left top transparent;
float:left;
height:28px;
margin-left:8em;
margin-top:0.5em;
width:336px;
}

And adjust position by changing values for margin-left and margin right.

And your site looks nice :-)