WordPress.org

1. tmillerwriter
   Member
   Posted 1 year ago #

   When I use the searchform, and go to get results, the results are returned with the one-column sidebar forced into the two-columns posts/search results area.

   Any help?

   http://ibeamforlife.com/blog/

2. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #

   Start by sorting out the validation errors on the search results page.

3. tmillerwriter
   Member
   Posted 1 year ago #

   Thanks. Can you give me anymore information than that? I inherited this theme, and I've been fixing all kinds of problems, and I don't know what those errors you refer to might be. Can you point me in the right direction?

4. tmillerwriter
   Member
   Posted 1 year ago #

   For instance, I see there are some Validation error services, but what URL would I enter for a search results page? Or, how can I expose the errors in the code to correct them?

5. tmillerwriter
   Member
   Posted 1 year ago #

   So, the odd thing is when I use a search term that returns the "Sorry no..." screen, the results look FINE. But when I put in any search terms that yield results, that's when the Search Results, knock the one-column sidebar column off whack.

   Does this have anything to do with the_excerpt?

6. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #

   Unlikely. The issue is likely to be something like a missing </div> in the search.php template file. Try running a search for a common word like "and" then submit the url of the results page to the validator. That might give you some idea of what the problem is and where you might look for it within search.php.

7. tmillerwriter
   Member
   Posted 1 year ago #

   The searchresults seem to be clean of closing errors, but does anything look funny here? It says that the naming is done twice, as in the id="s" but I looked at other search.php files, and it uses the same convention. Do you see anything here?

   \\\\\\\\\\<?php $search_text = "search"; ?>
   <form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
   <input type="text" class="searchform" value="search our blog" name="s" id="s" class="searchbox" onblur="if (this.value == '') {this.value = 'search our site';}" onfocus="if (this.value == '<?php echo $search_text; ?>') {this.value = '';}" style="width: 120px; padding: 0x 10px 0px 0px; background:none; border: none;" />
   <input type="submit" id="searchsubmit" style="display:none;" class="button" value="Go!" />
   </form>\\\\\\\\\\\\\

8. tmillerwriter
   Member
   Posted 1 year ago #

   Here's also the URL for the search you suggested.

   http://ibeamforlife.com/blog/?s=healthy

   The other funny thing is when the search results bring up more than one result, the first results is flush left, but the second one is pushed down and more indented, and then the sidebar below that.

9. alchymyth
   The Sweeper
   Posted 1 year ago #

   is there a search.php in your theme?

   if yes, then edit it and look for:
   <!-- div--><!-- /post -->
   (this is supposed to be the closing div for the post in the search results)

   change it to its original working code:
   </div><!-- /post -->

10. tmillerwriter
    Member
    Posted 1 year ago #

    Thanks, but the search.php does have the working code as you write it:

    <h1>" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></h1>
    <?php the_excerpt(); ?> ">Read more...

    </ div><!-- /post -->

    <?php endwhile; ?>

    <div class="content-bot">

    <?php next_posts_link('« previous') ?>
    ">home
    top
    <?php previous_posts_link('next »') ?></p>

11. tmillerwriter
    Member
    Posted 1 year ago #

    I think something is still going on with the width of columns. I put the searchform.php above, but here is the CSS that relates to it. There doesn't seem to be any #searchform as I've seen in others. What is listed below is it for CSS. And then compare that with the formatting commands above in the search.php (see anything? Almost a week I've been trying to fix this...):

    #navbar { float: left; display: inline; overflow: hidden; width: 860px; height: 34px; margin: 5px 0px; padding: 0px; background: url(images/navbar-bg.jpg) no-repeat top; }
    #navbar .topics { float: left; display: inline; overflow: hidden; width: 300px; margin: 0px; padding: 0px 15px 0px 10px; color: #fff; }
    #navbar .topics ul { margin: 10px; padding: 2px 0px; list-style: none; }
    #navbar .topics li { float: left; padding: 5px; margin: 0px; }
    #navbar .topics li a {	color: #fff; text-decoration: none; font-weight:bold; padding: 5px; }
    #navbar .topics li a:hover { color: #fff; text-decoration: none; background: #f0aa63; padding: 5px; }
    #navbar .search { width: 120px;	float: right; padding: 10px 15px 0px 5px; }

12. tmillerwriter
    Member
    Posted 1 year ago #

    Sorry, and one more piece of information from the CSS, because it shows how the widths are delineated:

    #wrapper { float: left; display: inline; width: 860px; padding-bottom: 20px; }
    div.float-left { float: left; display: inline; overflow: hidden; }
    div.float-right { float: right; display: inline; overflow: hidden; }
    div.one-column { width: 210px; background: #FFFFcc; height: 610px; padding: 0px 5px 5px 17px; }
    div.two-column { width: 600px; background: #fff; padding: 10px 10px 52px 10px; }
    div.three-column { width: 860px; padding: 10px; }
    div.widget { margin-bottom: 5px; }
    div.footer-column { width: 280px; padding: 10px; margin-right: 0px; }

Topic Closed

This topic has been closed to new replies.