Why is my search box image not displaying ?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • jeddiki
    Contributor
    • Jan 2009
    • 290

    Why is my search box image not displaying ?

    Hi,

    In my html I have a menu and a search box which should display a search image.

    When I look in the source code - the image is there and if I browse to the image url - it displays, BUT it does not display on my page !!!

    This is the page url:



    This is the url for the search box image:




    If you look at the source code for the page, you can see this just a few lines after the <body> starts


    Code:
    <div id="menu" style="clear:both;margin-top: -3px;;background: url('./styles/prosilver_se/theme/images/menu/blue/menu_bg.gif') repeat-x;">
      <div class="inner">
        	<span class="menu_corner-left" style="background: url('./styles/prosilver_se/theme/images/menu/blue/menu_corner.gif') no-repeat;"></span>
        	<span class="menu_corner-right" style="background: url('./styles/prosilver_se/theme/images/menu/blue/menu_corner_right.gif') no-repeat;"></span>
        
       	<div id="top-search" style="float: right;background: transparent url('./styles/prosilver_se/theme/images/menu/blue/menu_search.gif') no-repeat scroll 0 0;">
        		<form action="./search.php" method="post" id="search">
        		<fieldset>
        			<input name="keywords" id="keywords" type="text" maxlength="128" title="Search for keywords" class="menu_search" value="Search…" onclick="if(this.value=='Search…')this.value='';" onblur="if(this.value=='')this.value='Search…';" /> 
        			
        		</fieldset>
        		</form>
        	</div>
    The image address is there - but it doesn't show up on the page.

    Can any one figure out why ?

    I am not sure but looking at the css includes - am I missing a css file maybe ?

    Obviously this is a phpbb implementation - but the html basic principles apply everywhere.

    Thanks for any help
  • drhowarddrfine
    Recognized Expert Expert
    • Sep 2006
    • 7434

    #2
    I see it just fine.

    Comment

    • JKing
      Recognized Expert Top Contributor
      • Jun 2007
      • 1206

      #3
      You have set your image as a background image on the div.

      Therefore it shows up behind your input box. You may want to consider placing the background image directly on the input tag. Then using some css to set the height and width of your input box to match the dimensions of your background image.

      Comment

      Working...