I want to use auto complete node finder but when I activate it in header block it seems like''picture 1''. submit button is under the input form and I can't adjust it.

I want place submit button near (right) search form.

And also I don't need a block title area.

In summary I need a header region with auto complete node finder as in the ''picture 2''.

How can I do that?

CommentFileSizeAuthor
picture2.gif8.7 KBpreper
picture-1.jpg12.29 KBpreper

Comments

Jeff Burnz’s picture

Jeff Burnz commented

You should be able to style the form elements with CSS - the header region is just an empty div with some margin and a text-align: center on it. Use Firebug - that should help you figure it out.

I am not familiar with this module unless you can supply a link thats the best I can do for now.

preper’s picture

preper commented

here is the link for A.N.F; http://drupal.org/project/autocomplete_node_finder

the most difficult thing is the submit button. I have tried everything but I couln't place it right side of the search form. it places itself under the search form as I showed in picture 1.

what should I do for this? I want both of them in the same line, on the same parallel. Which codes do I need to edit?

Jeff Burnz’s picture

Jeff Burnz commented

I mean a link to a site with this all set up, sorry but I just dont have the time to download/set up etc.

preper’s picture

preper commented

sorry I could not understand. here is the link:

http://www.mezesepeti.com/

Jeff Burnz’s picture

Jeff Burnz commented
Title: Editing regions separately » Style node auto complete form elements
Assigned: preper » Jeff Burnz

Place this css at the very bottom of style.css, you may need to make padding or margin adjustments for IE, as this is tested in Fx3 only.

#content-top-full-width .block .content {text-align: left;}
#edit-autocomplete-node-finder-keywords-0-wrapper {display: inline;}

Set the block title to <none> in the block settings.

Please do not assign issues to yourself unless you are the person actually solving the issue, thats how its supposed to work:)

preper’s picture

preper commented

thank you very much jmburnz!!! I have solved this problem with your help.

I have another question,

there is a difference between IE and firefox at the ''primary menu ul.links li a:hover''. here is the link:

www.mezesepeti.com I have used a background image for a:hover it seem very good in firefox but in IE image seems cutted form the bottom. IE does not show all height of the image. but firefox shows as I actually want. I have tried to adjust the height of it but I could not do this. I tried to change padding and margins but it does not work.How can I adjust the height-width and the background same in IE and Firefox for ''primary menu ul.links li a:hover''?

Jeff Burnz’s picture

Jeff Burnz commented

Just keep adjust the paddings and margins until you get it right, use the ie.css file to feed IE styles to suit that particular browser.

preper’s picture

preper commented

ok,, but which paddigs and margins? only for 'primary menu ul.links li a:hover'' enough?

preper’s picture

preper commented

how can I adjust the height of 'primary menu ul.links li a:hover' without changing the font size?

Jeff Burnz’s picture

Jeff Burnz commented

Change the line height or padding for the <li> or <a> depending on what you are doing - its a bit hard without a link to your test site. For example are you using a tile or a tab (perhaps sliding door tabs?).

Depending on what what you are doing it may be easier to completely replace all the CSS for primary menu with code that better supports your method. This is actually fairly strait forward, but without a link its a bit tricky me to understand exactly what you are doing.

My replies may be a bit intermittent at the moment, I have some pretty major network/connectivity issues at this current time...

preper’s picture

preper commented

here is the link ; www.mezesepeti.com thank you very much jmburz for your helps..

Jeff Burnz’s picture

Jeff Burnz commented

Just modify the padding, if you need to use the ie.css file as i suggested before - the padding on the hover.

chrysonline’s picture

chrysonline commented

@ jmburnz,
@ preper,

hi,

i use Newswire and "autocomplete node finder" in the right top box... with the same problem !
no, i can adjust the module with your code :

#edit-autocomplete-node-finder-keywords-0-wrapper {display: inline;}

it runs... inline !

thank you very very much !

Jeff Burnz’s picture

Jeff Burnz commented
Status: Active » Closed (fixed)