Support » Themes and Templates » Little help placing item below my logo

  • HI ALL!! I need a little help placing a search form right below my logo. The logo is very top left header http://thecount.com “thecount celebrity mash up”
    I wanna put my search form right below that.

    here is my search code:

    <form method=”get” id=”searchform” action=”<?php bloginfo(‘url’); ?>”>
    <fieldset>
    <label for=”s”>
    <?php bloginfo(‘none’); ?>
    <?php _e(”,’mtsgossip’); ?>
    <input type=”text” size=”20″ value=”<?php echo wp_specialchars($s, 1); ?>” name=”s” id=”s” />
    <input type=”submit” id=”searchsubmit” value=”<?php _e(‘Search’,’mtsgossip’); ?>” />
    </label>
    </fieldset>
    </form>

    Please be as detailed as poss (i.e. “put this bit in the style.css dummy” I am struggling with the learning curve here :)>

    Count
    thecount.com

Viewing 12 replies - 1 through 12 (of 12 total)
  • Hey Count

    I think you’d have better luck in the Themes forum. But the short answer for the moment is that it’ll probably go somewhere in your header.php file… good luck!

    [moved to Themes… never double post if in wrong forum; we can move it]

    sorry I did not know. Ok I will wait for some help with my issue.

    Count
    thecount.com

    Check your header.php file . What’s in that file totally depends on what theme you’re using, but hopefully you can see the image or text you want to put your form below. That’s where you can paste your script. Save a copy pre-changes just in case it doesn’t look so good 🙂

    I did that but could not get it to position below the logo. Do you have any coding tricks I could try that will let me move it around and try get it right :)>

    Ah, looks like your logo is actually a background image, rather than a block level element.

    You’ll have to add an appropriate width to your form, float it left (to keep it from bumping into your ad there) and then give it enough of a top margin that it’ll sit below the logo.

    My recommendation: use the web developer tool bar to tweak it till its just so, then copy your changes over to your header.

    could you please send over the code to add to the form? or a link.
    😀

    Do it for you you mean? 😉

    that would be super novia, not for me can you show me code that would be appropriate to add to that section? Is it a <table or <div. I already said I’m not so super count at all this.

    count

    guess not

    Sorry, I’m on vacation for a few days. Will be back working on my own stuff when I’m back and then I’ll be around here again too.

    quick answer btw for now. I don’t know what numbers you’ll need but yo should be able to mess with them a bit.

    Put the code below your logo as you had before, but add an ID to it.

    <form id=”topsearchform” action=” ….

    Then you can add to your css file like so:

    #topsearchform { width: 200px; float: left; margin-top: 140px; }

    You will likely need to adjust those numbers to make it look just right, but that’s the general idea.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Little help placing item below my logo’ is closed to new replies.