How do I only use images and not text for primary links in drupal 5?

There are no lack of methods to place images as background on Primary Link elements. noborders said

I've figured out how to use css background images but it still shows the text part of the primary links menu.

That is not why I chose to make them a regular images in the links.

The problem is removing the Primary Links text without nullifying the entire link.

You cannot create a Primary Link with null or a space " "

The methods I tried to hide the link including display:none and content:"" got rid of the text and the entire link - the bgimage did not display either, throwing out the baby with the bathwater.

I think the Dwyer method (see below)

	display: block;
	width: 0;
	height: 0;
	overflow: hidden;

would have the same effect without a <span> or other container specific to the Primary Link text.

dman,

From All the available methods I choose the 'fixed-height', 'padding-top', 'overflow-hidden' trick, or "Dwyer Method" apparently.

The Dwyer method most certainly relies on a </span> tag surrounding the text:

<h3 id="header">
	<span>Revised Image Replacement</span>
</h3>

/* css */
#header {
	width: 329px;
	height: 25px;
	background-image: url(sample-opaque.gif);
	}
#header span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}

McJim,

Where in this function is the link text isolated so we may add a class or id to it alone, not the entire link?
And are you suggesting integrating this modified function into the theme template?
(from http://api.drupal.org/api/function/theme_links/5 )

<?php
function theme_links($links, $attributes = array('class' => 'links')) {
  $output = '';

  if (count($links) > 0) {
    $output = '<ul'. drupal_attributes($attributes) .'>';

    $num_links = count($links);
    $i = 1;

    foreach ($links as $key => $link) {
      $class = '';

      // Automatically add a class to each link and also to each LI
      if (isset($link['attributes']) && isset($link['attributes']['class'])) {
        $link['attributes']['class'] .= ' ' . $key;
        $class = $key;
      }
      else {
        $link['attributes']['class'] = $key;
        $class = $key;
      }

      // Add first and last classes to the list of links to help out themers.
      $extra_class = '';
      if ($i == 1) {
        $extra_class .= 'first ';
      }
      if ($i == $num_links) {
        $extra_class .= 'last ';
      }
      $output .= '<li class="'. $extra_class . $class .'">';

      // Is the title HTML?
      $html = isset($link['html']) && $link['html'];

      // Initialize fragment and query variables.
      $link['query'] = isset($link['query']) ? $link['query'] : NULL;
      $link['fragment'] = isset($link['fragment']) ? $link['fragment'] : NULL;

      if (isset($link['href'])) {
        $output .= l($link['title'], $link['href'], $link['attributes'], $link['query'], $link['fragment'], FALSE, $html);
      }
      else if ($link['title']) {
        //Some links are actually not links, but we wrap these in <span> for adding title and class attributes
        if (!$html) {
          $link['title'] = check_plain($link['title']);
        }
        $output .= '<span'. drupal_attributes($link['attributes']) .'>'. $link['title'] .'</span>';
      }

      $i++;
      $output .= "</li>\n";
    }

    $output .= '</ul>';
  }

  return $output;
}
?>

When all is said and done, for my money I would prefer changing a couple of lines of code in my template.

~are you netsperienced? http://netsperience.org