Hi, my primary links do not show up underneath my custom logo image. The image does not encroach onto the black link bar, but the links do not begin until the end of the logo. This is a problem for me, as my links need the space under the logo in order to fit on the bar.

I've changed my primary links to nice menus, but even before this change, I experienced the same problem. How can I get the links to align at the left edge of the black menu bar, below my logo image?

The site can be viewed at http://www.rootriverenergy.com

Comments

nationalwind’s picture

nationalwind commented
Assigned: Unassigned » nationalwind
Status: Active » Fixed

Fixed in Firefox by changing height in 'logo' css. However this fix does not work for Internet Explorer. The links appear below the black menu bar. (You have to hover to see the links, as they are white text on no bg)

nationalwind’s picture

nationalwind commented
Status: Fixed » Active
nationalwind’s picture

nationalwind commented
Assigned: nationalwind » Unassigned
TSE’s picture

TSE commented

Hi,

add this to your styles.css:

#menu ul {margin-left: -900px;}

where the value (900px) should be the width of your logo.
If you changed the color remember to do this again, so that the styles.css is regenerated.

EDIT: WONT WORK IN IE7, so forget it... sorry

Greetz TSE

spazfox’s picture

spazfox
Location Olympia, WA
commented

I'm having this exact same problem (and I'm not using nice menus). Anyone figure this out yet? This is a great theme and I really want to use it, but I need to be able to fit all my primary links!

spazfox’s picture

spazfox
Location Olympia, WA
commented

Okay, I think I figured this out (for my site, anyway!). I did this:

  • In page.tpl.php, I removed the rowspan=2 for the logo (http://drupal.org/node/276207) by changing
        <td id="logo" valign=top rowspan=2>
      <a href="/" title="Home"><img src="/sites/sa.travisnanek.com/files/logo.png" alt="Home" /></a>  </td>

    to

        <td id="logo" valign="top">
      <a href="/" title="Home"><img src="/sites/sa.travisnanek.com/files/logo.png" alt="Home" /></a>  </td>
  • In style.css I changed the #logo height to be 85px (the actual height of my logo) instead of 120px

This works for me in both Firefox and IE 6. I have not tested it in IE 7 or Safari yet.

level02’s picture

level02 commented

If removing rowspan=2 from td#logo, as suggested in #6, td#menu should also be changed from colspan=2 to colspan=3.

In Pixture's page.tpl.php file change line 27 from:

<td id="logo" valign=top rowspan=2>

to:

<td id="logo" valign=top>

and change line 39 from:

<td id="menu" colspan=2>

to:

<td id="menu" colspan=3>

http://drupal.org/files/issues/header-table-pixture-theme.gif

nationalwind’s picture

nationalwind commented

Yep, it was all about the rowspan and colspan. Sorry I forgot to update earlier when I found the fix back in May.

level02’s picture

level02 commented
Status: Active » Fixed
Anonymous’s picture

Anonymous (not verified) commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.