Question

I have a Master Links HTML page in use for my Intranet sites.

On the page are 67 distinct links which are grouped under 7 section headers.

Currently the links are organized via tables.

Is there a better way to organize the links while making them visually distinctive?

Answer 1

Or you differ between links based on what section they are in:

<ul class="linksectionA">
  <li><a href="#">Link A1</a></li>
  <li><a href="#">Link A2</a></li>
  <li><a href="#">Link A3</a></li>
</ul>
<ul class="linksectionB">
  <li><a href="#">Link B1</a></li>
  <li><a href="#">Link B2</a></li>
  <li><a href="#">Link B3</a></li>
</ul>
<ul class="linksectionC">
  <li><a href="#">Link C1</a></li>
  <li><a href="#">Link C2</a></li>
  <li><a href="#">Link C3</a></li>
</ul>

Then you can easily assign each link within those sections a different style:

.linksectionA a { color: red; }
.linksectionB a { color: green; }
.linksectionC a { color: blue; }