We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 36605
    • 70 Posts
    Ok guys, I’m back for a bit! cool So I started coding the design I showed you awhile ago (been pretty busy), and its only slightly working. Now I only started so its not supposed to look anything fancy as of yet, but yeah. Mind checkin it out guys?

    www.onr23.org/cms
      • 27330
      • 884 Posts
      to judge from my Opera point of view, you should be ashamed of yourself grin
        • 7231
        • 4,205 Posts
        It’s a good start. It is a promising design. The horizontal menu is not styled yet so that causes some problems. Also the left column content is wider than the actual column also causing some visual problems.

        I think that you have MODx down since all the features seem to be working, however, the css/xhtml needs a bit of tweaking.

        Keep it up and you will have it worked out in no time. grin grin
          [font=Verdana]Shane Sponagle | [wiki] Snippet Call Anatomy | MODx Developer Blog | [nettuts] Working With a Content Management Framework: MODx

          Something is happening here, but you don't know what it is.
          Do you, Mr. Jones? - [bob dylan]
          • 28033
          • 925 Posts
          Download Opera (I’m checking it on the latest 9.50 snapshot). There’s some *really* bad rendering issues.
            My Snippets
            -> PopUpChunk v1.0
            • 3749
            • 24,544 Posts
            It’s quite messed up in IE7 as well.

            Bob
              Did I help you? Buy me a beer
              Get my Book: MODX:The Official Guide
              MODX info for everyone: http://bobsguides.com/modx.html
              My MODX Extras
              Bob's Guides is now hosted at A2 MODX Hosting
              • 36605
              • 70 Posts
              hehe, I was actually more lookin for help grin, didn’t have much time to addres the probs myself.

              Wayfinder is really pesky, but so much easier to use (to output and maintain in that sense), and I for some reason couldn’t figure out where what I need is to code for it right. Like, for instance, here’s the preview pic:


              There has to a simple way to make wayfinder output it like that (instead of the complicated list format that’s standard. HOW? I’ve tried to understand OuterTPL and all that so many times, but hasn’t happened for me...
                • 27708 MODX Staff
                • 2,502 Posts
                When asking for help with a design problem it is best to let people know what you are having trouble with. If you are having trouble styling the Wayfinder menu there are lots and lots of examples on this site.

                The more specific the problem the more likely people are to offer more than the response that you received but in fact they answered your question. It is okay to post many little questions but you need to also be prepared to get your hands dirty. I have been working with MODx for nearly two years and I have to ask questions and search the forums every day.

                Styling a nav bar as a list is very easy to do with CSS. You don’t have to do anything with the outerTPL or innerTPL if you are just using all sibling links in the document structure for such a simple menu.

                One of the prerequisites of most CMS’s is that you know how CSS at least to some degree.

                to make the list into a horizontal list you just do the following:
                ul.nav{
                    list-style:none;
                    margin:0;
                    padding:0;
                }
                .nav li {
                    display:inline;
                    float:left;
                    margin-right:20px; /*or some such*/
                }
                .nav li a{
                    display:inline-block;
                }
                


                Above this would be if your &outerClass was listed as nav.

                Hope this helps.
                  Author of zero books. Formerly of many strange things. Pairs well with meats. Conversations are magical experiences. He's dangerous around code but a markup magician. Blog ✦ Twitter ✦ LinkedIn ✦ GitHub
                  • 27708 MODX Staff
                  • 2,502 Posts
                  Just looking again at your menu and it seems that it is all buggered up. Scrap the use of the outerTPL and innerTPL if you are using it and rely on the built in templates.

                  [[Wayfinder? &startID=`0` &level=`1`]]

                  use the CSS that I placed up top.

                  Don’t use inline styles.
                  Do place the rules in an external CSS file.
                  Don’t make it harder by using the outerTPL when it is not necessary.
                  List based menus are easy to style: Use CSS and remove styles from the ul, make the li’s inline and float them and add a margin. That alone should make it work.
                    Author of zero books. Formerly of many strange things. Pairs well with meats. Conversations are magical experiences. He's dangerous around code but a markup magician. Blog ✦ Twitter ✦ LinkedIn ✦ GitHub
                    • 3749
                    • 24,544 Posts
                    It would help us help you if you pasted your wayfinder call into a message here.

                    As Smashingred suggested, all you need is a little bit of .css to style the menu and a very simple Wayfinder call (assuming that it’s not intended to be a drop-down menu).

                    Bob
                      Did I help you? Buy me a beer
                      Get my Book: MODX:The Official Guide
                      MODX info for everyone: http://bobsguides.com/modx.html
                      My MODX Extras
                      Bob's Guides is now hosted at A2 MODX Hosting
                      • 36605
                      • 70 Posts
                      thanks guys, that’s all I’m pretty sure... I know CSS a good bit, just not in styling lists tongue

                      Oh, actually one more thing: I’m having trouble getting that sidebar content to not extend over. I have the div set to the right size (and put max width as well), but it still does that.