Not showing image

Get Started
1

Hi all
The following code is shown when another option is selected in the form. It works fine showing the select but not the image. Why is it not showing the image? Thank you

<td colspan="3" align="center" nowrap="nowrap">&nbsp;
                        <div id="vehicle" style='display:none'>                    
	                         <span class="texto" id='tip_veh'><img height="51" width="100" style="float: left;" alt="" src="arrow.jpg">Vehicle type:</span>
                            <select name='vehicle_type' id='tipo_vehiculo'>
                              <option value="">Select</option>
                            </select>
                        </div>
                        </td>
2

I moved the images from inside the span tags but it still doesn’t show- I have also checked that the image path is correct- it must be something to do with the display none?

<td colspan="3" align="center" nowrap="nowrap">&nbsp;
                        <div id="vehicle" style='display:none'>   <img height="51" width="100" style="float: left;" alt="" src="arrow.jpg">                 
	                         <span class="texto" id='tip_veh'>Vehicle type:</span>
                            <select name='vehicle_type' id='tipo_vehiculo'>
                              <option value="">Select</option>
                            </select>
                        </div>
                        </td>
3

What kind of styles are affecting the image?

Try this:

  • Use Chrome or use Firefox with the Firebug plugin.
  • Go to your site.
  • Make it so the image should appear.
  • Right click on an element near the image and select “Inspect Element”.
  • Go through the code and find where the image is.
  • Click on it.
  • In the right-side, look for Computed Styles.
  • Check the values and see if they are what you expected (especially look for display and visibility).

That should help you narrow down your search.

4

Yes, it is probably to do with display none you won’t be able to see anything you have wrapped with display ‘none’. Disable the CSS then you should be able to see the image.

5

Thanks for the replies it worked out