By OnthegOinOz on

Hi,

I have been doing my head in tryin gto get rid of the space between my primary links.... I would really appreciate if someone could have a look at my style.css details below and tell me how to join them together (no gap!!)

Thanks heaps in advance

/* Navigation */

ul#primary {
  position: static;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
#primary li {
  display: inline;
  font-size: 100%;
}
#primary a:link,
#primary a:visited,
#primary a:hover,
#primary a:active {
  display: inline;
  float:none;
  background: transparent url(images/opacity_shaded_20.png);
  color: #000 ;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1em;
  font-weight: bold;
  margin-top: 10px;
  margin-right: 0px;
  padding: 3px 15px;
  text-decoration: none;
}
#primary a:hover,
#primary a.active {
  font-size: 1em;
  color: #af500e
}
⋅ Categories: Drupal 6.x

Comments

OnthegOinOz’s picture

OnthegOinOz commented

I still have not been able to find a solution to this problem.... The gaps are still there and I feel like i've tried everything???

here is a link to the page just in case anyone has a chance to look http://visionaryventures.com.au/bellepromotions4/home

thanks

fabian83’s picture

fabian83 commented

Hi!

I had the same problem a did a dirty trick to solve the problem.

In my page.tpl.php file i replaced

print theme('links', $primary_links);

with 

$primary_without_line_breaks = theme('links', $primary_links);
$primary_without_line_breaks = preg_replace("/[\n\r]/","",$primary_without_line_breaks);
print $primary_without_line_breaks;

This removes all line breaks in the string, because the line breaks between the li elements shouldn't be there.

Hope it helps you!

Greetings,
Fabian

OnthegOinOz’s picture

OnthegOinOz commented

thanks Fabian...i'll try it out

sbsimmons86’s picture

sbsimmons86 commented

Just for reference, float: left worked for me