Keys should be easier to access if they were horizontal than vertical. regards.

Comments

njivy’s picture

njivy commented

CSS is your friend.

.node-item-index li {
display: inline;
}

Example: http://njivy.org/node/list

Andrzej7’s picture

Andrzej7 commented

I found:

node-list-index

Changed in style.css for "node-list-index" your code and it works

Thanks

ec’s picture

ec commented

Njivy thanks for your module and your answer. I made a concat of your post and the one sent by Andrzej7 and find my way. It works great. For those like me who like full help :
- if like me you're using xtemplate
- in your theme folder find style.css, edit it and add those line (in my case I put them after .node .content { ...} :

.node-list-index li {
  display: inline;
}

regards,
eric

consen’s picture

consen commented

.node-list-index li {
display: inline;
}
.node-list-index {
font-weight: bold; text-align: left; float: center;
font-style: italic;
font: 130% "Palatino Linotype", Georgia, Caslon, serif;
line-height: 100%; margin: 5px 5px 5px 5px;
padding: 2px 2px 2px 2px;
border: dotted 1px #bcc; background:#ffffcc;
}
.node-list {
font-weight: bold; text-align: left; float: center;
font-style: italic;
font: 100% "Palatino Linotype", Georgia, Caslon, serif;
line-height: 100%; margin: 3px 3px 3px 3px;
padding: 2px 2px 2px 2px;
background:#f7f7f7;
}

green monkey’s picture

green monkey commented

This worked great!! Thanks

Is there a way to add a "| " between the letters?

| a | b | c |

??

Thanks

ansius’s picture

ansius commented

just put a border-left and border-right in the CSS