WordPress.org

Ready to get started?Download WordPress

Forums

Positioning Search Box (19 posts)

  1. wairoanz
    Member
    Posted 10 years ago #

    http://www.wairoa.com/
    I am using the Gemini Template by Root, and what I'm trying to do now is position the search box up in the header, aligned on right side, and on the same horizontal plane as the site title (which is aligned left). I can't get it right. Any tips would be greatly appreciated.

  2. Beel
    Member
    Posted 10 years ago #

    form#searchform {position:absolute; top:35px; } or something to that effect

  3. Root
    Member
    Posted 10 years ago #

    Errr. Doesn't position absolute take its reference from the parent container?

  4. Alan
    Member
    Posted 10 years ago #

    I think it does....that's why I like containers. But then CSS confuses me. :)

  5. Beel
    Member
    Posted 10 years ago #

    Yes, so you would need to use a negative px

  6. wairoanz
    Member
    Posted 10 years ago #

    Posting error? Sorry, Root, I don't understand... do you mean I posted this question in the wrong forum? or... ?

  7. Root
    Member
    Posted 10 years ago #

    No. I began a post but I changed my mind. I couldnt find the words to explain it but I have to tell you this q concerns me. I have done one of these live on this forum before and it was a disaster. I even did a demo and the guy still could' nt get it. It drove us both mad in the end.:)

  8. wairoanz
    Member
    Posted 10 years ago #

    hmmm... well... I'm getting there... just a bit more fiddling required I think. :)

  9. Root
    Member
    Posted 10 years ago #

    Well there is going to be fiddling aplenty. Guaranteed.

  10. wairoanz
    Member
    Posted 10 years ago #

    ok, I give up. It is appearing at different positions between FireFox and IE... and I'm not ready to figure that stuff out. :(

  11. Root
    Member
    Posted 10 years ago #

    Might be a bit early for you. But dont give up completely. My code is there in the demo. Just help yourself.

  12. wairoanz
    Member
    Posted 10 years ago #

    Well it's still not aligned properly, but at least it is consistantly in the wrong place between FireFox and IE. Now if someone could just help me to understand how I can move it down a bit, and a little to the right? :)
    Funny thing is that when I put in the demo code above I had a lovely banner perfectly positioned! Maybe I should just sell ad space. ;)

  13. wairoanz
    Member
    Posted 10 years ago #

    got it sussed! yee hah!

  14. Root
    Member
    Posted 10 years ago #

    Looks fine here on FF.

  15. Anonymous
    Unregistered
    Posted 10 years ago #

    Looks good on both IE and FF! Good on ya mate :)

  16. DevonTT
    Member
    Posted 9 years ago #

    Speaking of customizing the search box, how do you change the width of the button? I've tinkered, but have only succeeded in adjusting the width of the box, which also resizes the button. Is it possible to resize the button independently? I'd like to make it smaller and centered under the input box.
    Barring that, is there a way to use an image instead of a button?
    Thanks.

  17. Mark (podz)
    Support Maven
    Posted 9 years ago #

  18. Root
    Member
    Posted 9 years ago #

    podz a 403 on server :(

  19. mitchpowell
    Member
    Posted 8 years ago #

    Thorough searching for an answer to my little IE bug, and this is the closest I can come. podz' tutorials are very informative too, but still I can't iron out my particular wrinkle.

    (Oh, and now that I've been researching it, I've decided I'd like another small feature to work also). Here goes:

    In Firefox, I like the header navbar for my Gemini theme in WP1.5.2. It's just high enough to contain the text of the navigation links. Have a look.

    But in IE, it has space underneath it.

    I've tried all sorts of hacks. In the stylesheet, and in the header template, etc. I'm just not getting rid of that pesky space below the navbar.

    And as for the second part to this query, I'd like to put the searchbox on that very same line. As you can see, it looks okay in the sidebar for now, but I'd like to see if I could position the navbar a little more over to the left, and the searchbox all the way over to the right, all on one line which is only as tall as the text's line-height.

    Can someone help please?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.