image problem in firefox

[krishkam]

i have been facing a problem in firefox it does not show up my images with <img src> tags while its not the kind of problem in IE and its showing all the images there. need your help on this issue to resolve the problem.

thanx

[Phidev]

can you provide an example? or your code?

[krishkam]

below is the code

<div id="imagelink">


<a href="http://mydomain/joomla/legal-research.html/"><img src="\templates\themza_j15_05\images\2.jpg" alt="E-Discovery and Document Review"></a>
<a href="http://mydomain/joomla/intellectual-property-solutions.html/"><img src="\templates\themza_j15_05\images\3.jpg" alt="Intellectual Services"></a>
<a href="http://mydomain/joomla/estate-planning.html/"><img src="\templates\themza_j15_05\images\4.jpg" alt="State planning"></a>
<a href="http://mydomain/joomla/legal-research.html/"><img src="\templates\themza_j15_05\images\1.jpg" alt="Legal Research and Analysis"></a>


</div><br>

<img src="\templates\themza_j15_05\images\bullet.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Legal Transcription
<br>
<img src="\templates\themza_j15_05\images\bullet.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Document Review
<br>
<img src="\templates\themza_j15_05\images\bullet.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Legal Research
<br>
<img src="\templates\themza_j15_05\images\bullet.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Deposition Summaries
<br>
<img src="\templates\themza_j15_05\images\bullet.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Document Coding and Indexing
<br>
<img src="\templates\themza_j15_05\images\bullet.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Drafting
<br>
<img src="\templates\themza_j15_05\images\bullet.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Patent Search

i hope you would better be a able to analyse the problem in the code, and between i like to appreciate for your quick response.

thanx

[Phidev]

The path for your images is inverted.
it should be

src="/templates/themza_j15_05/images/bullet.gif"

same for all images. Remember that the path is relative to the domain. not the hard drive. I assume you are using windows.

[Erik J]

Try change the backslashes:

<img src="\templates\themza_j15_05\images\bullet.gif">

to slashes:

<img src="/templates/themza_j15_05/images/bullet.gif">

Hope that helps.

Edit:


@Phidey, I waited to see if you answered, but then I forgot to do a refresh.

[Phidev]

Isnt that what I just said ? :P

[krishkam]

ya it worked, i was really stupid, your suggestion helped me greately.

thanx many times

[krishkam]

thanx to both of you phidev and erik.j

[Acquiesce]

Out of interest krishkam, you would be better off using CSS to provide the whitespace between the image and the text (as opposed to using &nbsp;. For example in your CSS use:

img {
margin-right: 20px;
}

Increase/decrease the px as required.

Or, looking at your code further it appears you are trying to make a bulleted list? In which case you would be better off (from a semantic/SEO) point of view to use ordered/unordered lists. You can find out more about those in the SP HTML Reference.

[krishkam]

sorry for late reply Acquiesce, you have really provided me a useful tip, thanx