Member Avatar for HLA91

Hi everyone
Take a look at this page please there is supposed to be a link in between tutorial 3 and forum. If you click there it works its just that its not showing i looked at the code and it looks fine here is the page:
http://www.webfun.freehostia.com
and here is the style sheet:

Help me please

many thanks
HLA91

  • 3 Contributors
  • 3 Replies
  • 79 Views
  • 8 Hours Discussion Span
  • Latest Post Latest Post by Member #114696

Dani AI

Generated

Quick diagnosis: the visible menu text is not inside the clickable link, or the link is present but styled so it is invisible. was on the right track — a misplaced closing anchor will leave the text visible but not part of the link. Also check for CSS rules that hide link text (color identical to background, large negative text-indent, font-size:0, display/visibility rules, etc.). seeing it in Firefox 2 suggests the anchor exists; differences between browsers can mask CSS/markup problems.

Practical steps to debug and fix:

  • View the page source or use the browser inspector to find the anchor around the menu label and confirm the visible label is actually between the opening and closing anchor.
  • In developer tools, inspect the element box and computed styles to check for color, text-indent, font-size, display, visibility, and overflow rules that could hide the text.
  • Run the page through an HTML validator to catch mismatched or stray tags.
  • If the link is image-only, ensure it has an accessible text alternative (visible text, alt attribute on a contained image, or aria-label) rather than an empty anchor.

After moving the visible text inside the link and fixing any offending CSS, test in multiple browsers. For reference on expected anchor behavior and CSS display properties, see MDN on the anchor element (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) and the W3C validator (https://validator.w3.org/).

Recommended Answers

All 3 Replies

Member Avatar for stymiee

I see it and it works for me in Firefox 2

Member Avatar for HLA91

sorry the page link is wrong here is the page I was on about

Member Avatar for Member #114696

Well, I could see something like this in your page:

Line 33

<a href="tutorial1.html" class="green"></a> Tutorial 1&nbsp;&larr;

Change this to:

<a href="tutorial1.html" class="green">Tutorial 1&nbsp;&larr;</a>

I think thats pretty clear.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.