Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Can’t float search form to the right

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #36006
    angelazou
    Participant

    I want to place a search form to the right of the site title (like in twentyeleven theme), but it seems to be tucked under that site title. I was able to replicate the condition in this fiddle (http://jsfiddle.net/LqkHk/), but I couldn’t figure out why there seem to be an invisible box holding the content of the entire header.

    #94215
    stevedeer
    Member

    Not an expert. And there’s a lot of code there… but shouldn’t the form html come before the headline if you want the form to float to the right of it?

    http://jsfiddle.net/stevedeer/QtZWy/18/

    #94234
    TheDoc
    Member

    Just absolutely position it.

    #94213
    angelazou
    Participant

    Just one more thing. I’ve updated the fiddle using relative positioning to push the search form to the right, but I wish to change the button for search form using an image. I tried to use the background attribute to lead to the image, but not only did it not show up, the search button is also pushed to the next row (instead of being on the same row as the search form).

    Angela

    Here is the fiddle: http://jsfiddle.net/LqkHk/2/

    #94302
    angelazou
    Participant

    Well, it’s not only about the image, but the positioning of the image as well. I have no idea why the image is not showing up, because all my previous images from Flickr would show.

    #94335
    angelazou
    Participant

    The search button is still being pushed to the next row. I tried to specify an exact width with “width: 150px”, but the button is still down there instead of being on the same row as search box. http://jsfiddle.net/LqkHk/3/

    Angela

    #94363
    angelazou
    Participant

    anyone?

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.