WordPress.org

1. davy_yg
   Member
   Posted 4 months ago #

   header.php

   [Code moderated as per the Forum Rules. Please use the pastebin]

   search.php
   

   <div id="search"><form action="<?php echo home_url('/'); ?>">
   <input type="text" class="searchbox" name="s" value="Search" onFocus="if (this.value=='Search')this.value='';" onBlur="if (this.value=='')this.value='Search'" />
   <input type="image" src="<?php echo get_stylesheet_directory_uri(); ?>/images/searchbutton.png" class="searchbox_submit" value="" />
   </form></div>

   style.css

   [CSS moderated as per the Forum Rules. Please just post a link to your site.]

   I wonder why I am enable to see the search button? Thanks.

2. Fire Truck
   Member
   Posted 4 months ago #

   A link to you site would really help to determine the problem.

3. davy_yg
   Member
   Posted 4 months ago #

   The site is not online. Yet, I can give you part of the picture.

   website

   The search button suppose to appears next to contact (in the navigation). I also wonder why there is blank space underneath the navigation.

4. esmi
   Theme Diva & Forum Moderator
   Posted 4 months ago #

   Try using Firefox with the Firebug add-on for this kind of CSS work.
   http://getfirebug.com/

5. davy_yg
   Member
   Posted 4 months ago #

   Now, no blank space above the banner. bullets navigations. but I do not see the search button yet. (I wonder why there are lots of spaces under the banner when I browse the website with forebox but not in IE ?)

   I've installed the firebug for firefox but do not understand how to use it.

6. esmi
   Theme Diva & Forum Moderator
   Posted 4 months ago #

   http://getfirebug.com/wiki/index.php/CSS_Panel

7. davy_yg
   Member
   Posted 4 months ago #

   I think I already install the firebug Tools - Add Ons - Firebug 1.9

   I am using Firefox 9.0.1 , I still do not see the Console panel. Which button do I have to press ?

8. esmi
   Theme Diva & Forum Moderator
   Posted 4 months ago #

   Try using right-click -> Inspect Element.

9. davy_yg
   Member
   Posted 4 months ago #

   Well, if I place the cusor above the <div id="search">, then the cusor highlight points to the top header. but I still do not see the search button. I wonder why.

   header.php
   

   <div id="container">
   <div id="header">
   
   <ul id="nav">
   <li><?php wp_list_pages('sort_column=menu_order&title_li='); ?></li>
    </ul>
    <div id="search"><?php include('search.php'); ?></div>
   <ul id="topcorner">
   <li><a href="#">Career</a> | <a href="#">Mail</a></li>
   </ul>
   
   </div>
   </div>

   style.css
   [CSS moderated as per the Forum Rules. Please just post a link to your site.]

   Well earlier I move :

   <div id="container">
   <div id="header">
   </div>
   </div>

   Then, the search button appears, but the header disappeared.

10. esmi
    Theme Diva & Forum Moderator
    Posted 4 months ago #

    I'm sorry but it is beyond the scope of these forums to teach basic CSS. Try asking on a general CSS forum.

Reply

You must log in to post.