I have a remarkably mysterious bug here

Hello. I hope that you are well and enjoying life in general.

I have a bug that is intriguingly mysterious. Here is the html:


	<div id="selector_col_2">
	<p>
	Here's some lovely music for you!
	</p>
	<br>	
		<a href="watching_things_ed_hines_band.mp3"><img src="red_lion_title_60p.gif" </a><br>
		<a href="terry_sings_ed_hines_band.mp3"><img src="red_my_girlfriend_title_60p.gif" </a><br>
        <a href="lynnie_ed_hines_band.mp3"><img src="red_crush_title_60p.gif" </a><br>
        <a href="your_star_ed_hines_band.mp3"><img src="red_the_new_girl_title_60p.gif" </a><br>

	<p>
	Or maybe some videos...
	</p>
	<br>
		<a href="http://www.youtube.com/watch?v=yIq3YHxkU4M"> <img src="walter_head_01.jpg"
		height="98px" width="110px" border="none" alt="This is the button to go to the video for Space Man">
		</a>
		<a href="http://www.youtube.com/watch?v=yIq3YHxkU4M"> <img src="walter_head_01.jpg"
		height="98px" width="110px" border="none" alt="This is the button to go to the video for Space Man">
		</a>
	
	
	</div>

Never mind the mismatch between the song names and the song titles. This is copied from an earlier site and I haven’t updated everything yet.

But anyway, the browser displays this:

As you can see, the second paragraph shows as a link. The link, if I roll over it, appears to go to an mp3 that used to be in this folder, but isn’t any more.

How did this line of text get turned into a link to an old sound file? This happens on firefox, Chrome, and Opera. I tried the usual “oh just clean out the browser”, not expecting or getting any answers. I erased everything from the previous character to the next character and replaced the text line, to no avail.

This is pretty weird.

Your code is broken, because none of your <img> elements are closed off. So the browser doesn’t know where the links end and is getting confused.

You could run your code through the HTML validator if you want more help finding the missing tags, but the code is not well written for other reasons. These days, you almost never need a <br> element, for example. Use CSS instead—padding, margin etc.

I’m sorry, I guess I don’t know what you mean…

OH, oh, I see. Got it. Just another case of looking and looking and not seeing.

Thank you.

No probs. I guess I should have given an example:

<img src="red_crush_title_60p.gif"[COLOR="#FF0000"]>[/COLOR]