Help needed! Links don't work

milly · #1 Jun 27th, 2007, 17:02

I am very new to web design and taught myself html and css from internet tutorials so I could make a website for a local charity, which is at http://www.northwiltsholidayclub.org.uk/.
It seems ok when viewed in IE7 but in Firefox the links in the right column don't work. I have got abit muddled, I'm trying to make each ad be a link (the whole box, including an image with text beneath).
The links are styled with display:block; and I've tried adding a width and z-index to it - but they are also nested in divs etc. I might have been too ambitious for a first try!

I have no idea whether it's the html, the css or some combination that is causing the problem - I have also just realised that I left some stuff out of the html headers so I'll have to find out how to put that in, could that affect my links?

Here's the html for one of them:
<a href="http://www.yellowmoon.org.uk/?ymsrc=SNO1396"><img src="http://www.webforumz.com/images/yellowmoonlogo100x48.gif" width="100" height="48" alt="Go to the Yellow Moon website" title="Support us by shopping with Yellow Moon"/>
 Yellow Moon - Fun and educational toys, games, crafts, gifts and more. Up to 25% cashback for our funds!</a>


The css file is here: http://www.northwiltsholidayclub.org.uk/web1.css
Please feel free to have a look and make suggestions! I'm hoping to tidy it up in the next few days. (I also wasn't sure about the use of break tags)

Any comments welcome. Thank you.

Lchad · #2 Jun 27th, 2007, 17:30

Your code for those links is correct.
I ran it through the W3C validator and you are missing an character encoding.
http://validator.w3.org/check?uri=ht...club.org.uk%2F

I honestly do not know if that is the problem though.
Put this between your <head></head> and see if that fixes it.

Code: Select all

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

milly · #3 Jun 27th, 2007, 23:29

Thanks - I've added the code to a couple of my pages - the links still don't work though! And now I'm even more confused because I've noticed stuff about HTML/XHTML and doctypes etc - I don't know what I should be doing! I have used doctype XHTML 1.0 strict (so am I using HTML or XHTML??!!) - I think the code got added when I tried an HTML editor.

Should I alter my doctype? What difference would it make?

Lchad · #4 Jun 28th, 2007, 01:31

HTML strict would be easier but XHTML strict is great!

I'll have another look at it tomorrow. If you think an editor put stuff in, then it might be a matter of striping out "junk". Sometimes, you have to start over when all else fails. But hold off.. I'll see if I can't look at it tomorrow.. or maybe SOMEONE else will be smarter than me!

milly · #5 Jun 28th, 2007, 18:32

Done it!!!
I'm soooo pleased!
It was the z-index thing but I needed to use it on my div, not the links. The right column with the links in it is before the main content in the html - the content width is designed to change depending on the browser window so the width isn't fixed and it has a margin that must cover up the right column in firefox. (does this make sense?)
I still have to sort out the stuff at the top of the html pages and do some more tweaking but at least it works now.
Thanks everyone who looked

Lchad · #6 Jun 28th, 2007, 19:48

Good job!!!!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[SOLVED] Links not working in IE but work in FireFox/Safari	skuliaxe	Web Page Design	2	Mar 17th, 2008 15:52
Please help! My links won't work.	Arsiei	Web Page Design	3	Jun 28th, 2006 12:45
Some links work, other's don't??	csa	Web Page Design	6	Mar 10th, 2006 11:16
Web Developer needed to work with Designer (anywhere)	groovy	Job Opportunities	3	Mar 24th, 2005 05:49
Why mailto links don't always work.	Rob	Web Page Design	3	Oct 31st, 2003 13:11

		Webforumz.com > Main Forums > Design Your Website > Starting Out
Help needed! Links don't work