How: Horizontal Index centered at the top

MrBruce / 2012-10-26 13:58:50   

Hi everyone,
I read other post about this and I didn't find a solution.
I would like to change my web that is with the calssic index in the left vertical, for a horizontal in the top, more like a blog.
Is this possible to do with the new CMS 2 ?

My web now (sabal-bruce.com)
What I want ateliercristinaramos.com/

Thanks!

arsondpi / 2012-10-26 14:07:46   

Hello.
You need to adjust the #index in specific dimensions and then float:left; the ul or li elements inside the #index. It's not that hard to do if you know css and html basics...

MrBruce / 2012-10-26 14:48:13   

Thanks for answer arsondpi,
Im trying to edit the CSS of the sample style, but I can't make it work.
I don't understand the part of "elements inside the #index"...
Please, when ever you can, give me some more steps.
Thanks again!

arsondpi / 2012-10-26 15:34:58   

assuming that you mean less space between the sections then try something like:

  1. #menu ul {
  2.     float: left;
  3.     list-style-type: none;
  4.     margin: 0 10px 0 0;
  5.     overflow: auto;
  6.     padding: 0;
  7.     width: auto;
  8.     width: 90px;
  9. }
  10. #menu {
  11.     background-color: white;
  12.     border: 1px solid #EE3310;
  13.     padding: 5px;
  14.     position: fixed;
  15.     width: auto;
  16. }

ps. I just noticed that you're using a Legacy version Indexhibit...

MrBruce / 2012-10-26 17:53:29   

Ok arsondpi,
I think Im getting close to what I want, you can check it out.
Is strange that the space between the sections is not the same in the first two.
And also that I can't change the thickness of the menu index line.
You think I should update to the last version of indexhibit to get this done?
Thanks!

MrBruce / 2012-10-28 13:02:37   

I can't make/aling the space between the sections equal.
Also Im trying to modify the style of the Pre Nav text (h1) but nothing happens....

This thread has been closed, thank you.