Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Member suz4x4's Avatar
    Join Date
    Mar 2007
    Location
    Long Island, NY
    Posts
    78
    Member #
    14978
    I am having trouble getting things to look the same as it did before making a google custom search bar, it fits where it should but now the div "top-block right" shifts(this is where the address box is) and looks different in both IE & FF. I have tried several things but I am clueless nothing works and this looks the best I can get it so far. I had to leave the table info for the old search form or it really messed things up. I hope this makes sense.
    This is the page where the new google search is and this page is how I would like the address box to look. I am obviously missing something and hope someone could point it out to me.

    thanks for you help!
    Q~

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,694
    Member #
    5580
    Liked
    717 times
    This is hard to troubleshoot because I can't duplicate it easily to experiment.

    I would try this ... The blue part is new (and get rid of your old <table> stuff)


    <div id="header-wrap">
    <img src="resources.png" width="220" height="215" alt="" class="headerpic" />
    <div id="top-block">

    <div style="padding:10px;">
    <!-- Google CSE Search Box Begins -->
    <form action="http://www.google.com/cse" id="searchbox_017951731933203588137:lpwy8upkdsc">
    <input type="hidden" name="cx" value="017951731933203588137:lpwy8upkdsc" />
    <input type="text" name="q" size="25" />
    <input type="submit" name="sa" value="Search" />
    </form>
    <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_017951731933203588137%3Alpwy8 upkdsc&lang=en"></script>
    <!-- Google CSE Search Box Ends -->
    </div>

    <div class="top-block-left">

    <div><img src="vast.gif" alt="Colleran, O'Hara &amp; Mills has a Vast and Vaired
    Experience in all Aspects of the Legal Representation of Labor Organizations." style="padding-top: 12px;" /></div>


    =====================

    You could also try different padding options to experiment ... like this:
    <div style="padding-top:15px;">


  4. #3
    Member suz4x4's Avatar
    Join Date
    Mar 2007
    Location
    Long Island, NY
    Posts
    78
    Member #
    14978
    that did the trick! looks good in both IE & FF.... but now should I delete all the old search form css or is that actually working on my new google search form? silly I know, but I did not create that part of the site.
    Thank you I tried creating a div before but I don't remember what I had in it but for me it did not work. Sometimes you need fresh eyes and someone who knows what they are doing! LOL!!!

    Thank you very much!
    Q~


    Quote Originally Posted by mlseim
    This is hard to troubleshoot because I can't duplicate it easily to experiment.

    I would try this ... The blue part is new (and get rid of your old <table> stuff)


    <div id="header-wrap">
    <img src="resources.png" width="220" height="215" alt="" class="headerpic" />
    <div id="top-block">

    <div style="padding:10px;">
    <!-- Google CSE Search Box Begins -->
    <form action="http://www.google.com/cse" id="searchbox_017951731933203588137:lpwy8upkdsc">
    <input type="hidden" name="cx" value="017951731933203588137:lpwy8upkdsc" />
    <input type="text" name="q" size="25" />
    <input type="submit" name="sa" value="Search" />
    </form>
    <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_017951731933203588137%3Alpwy8 upkdsc&lang=en"></script>
    <!-- Google CSE Search Box Ends -->
    </div>

    <div class="top-block-left">

    <div><img src="vast.gif" alt="Colleran, O'Hara &amp; Mills has a Vast and Vaired
    Experience in all Aspects of the Legal Representation of Labor Organizations." style="padding-top: 12px;" /></div>


    =====================

    You could also try different padding options to experiment ... like this:
    <div style="padding-top:15px;">

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,694
    Member #
    5580
    Liked
    717 times
    I just specified an "inline" <div> without referencing any CSS id's.

    <div style="padding:10px;">

    so, you can leave your old one there (in case you need it for something else)


  6. #5
    Member suz4x4's Avatar
    Join Date
    Mar 2007
    Location
    Long Island, NY
    Posts
    78
    Member #
    14978
    Thank you again it worked! I'll leave the form css for now just in case.
    I could have never done this without the help of people like you!

    :classic:
    Q~


    Quote Originally Posted by mlseim
    I just specified an "inline" <div> without referencing any CSS id's.

    <div style="padding:10px;">

    so, you can leave your old one there (in case you need it for something else)


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:07 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com