Hi,

I want to make a block with the links of Account menu. The links should be in one line like this:
My Account | Log out

But at the moment the are among each other like this:
My Account
Log out

How can I change this?

Thanks

Comments

mattyoung’s picture

Just style the accountmenu's <li> to inline instead of block.

Here is the CSS I use

  #block-menu-accountmenu ul.menu
  {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  #block-menu-accountmenu ul.menu li
  {
    display: inline;
    border-left: none;
    margin: 0;
    padding: 0;
  }

  #block-menu-accountmenu ul.menu a
  {
    background: #6DA6E2 url(images/tabs.png) repeat-x;
    color: #FFF;
    font-weight: bold;
    display: block;
    float: left;
    padding: 5px 14px 5px 14px;
    margin: 0 1px 0 0;
    border: solid #6191C5 1px;
    border-width: 1px 1px 0 1px;
  }

  #block-menu-accountmenu ul.menu a
  {
    background-position: 0% 0;
  }

  #block-menu-accountmenu ul.menu a:hover
  {
    background-position: 0% -42px;
    text-decoration: none;
  }

  #block-menu-accountmenu ul.menu a.active
  {
    background-position: 0% -84px;
  }
K4m1K4tz3’s picture

Status: Active » Closed (fixed)

Thanks. Works like a charm.

MerjaS’s picture

Title: change layout of the block » simple instructions requested

Hi!

It seems to me that drupal.org is really an endless source for things that I come up with when wondering "nice, but could I..."

This piece of css looks good, but, excuse me for asking, where and how do I put this?
Yes, I need simple instructions, of where to save this text as css, how to name the file, and where to put it.

Or are the lines to be inserted in an excisting file, and if so, what is that file called, and where is it.
This may seem stupid to you, but I really do not know.

This is a problem that I keep on facing when ever I search for help here, people have had the same question, someone has written an answer, but I just don't understand the basics. I am no coder, I don't know codin languages and terms, and that's why all these hooks and implementations just confuse me.

Apologising, but requesting for help,
MerjaS