We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 28357
    • 8 Posts
    Hi everybody.

    Firts of all thanks for the css box using one single image as seen on this page.

    I tried to have 2 boxes in a single row but when I modified the html code the 2 boxes are aligned vertically whatever I do in the CSS file.

    Does anyone knows a trick to solvet it ?

    Thanks a lot for your answers, and have a good day.
      • 12295
      • 30 Posts
      Hi Stan,


      I tried to have 2 boxes in a single row but when I modified the html code the 2 boxes are aligned vertically whatever I do in the CSS file.

      Hm, it’s hard to tell without actually nothing to look at.
      Do you have an example online?
      That would be much easier...

      div’s are usually block elements, so without re-positioning them, they should not align vertically. they should align vertically. Bad one me, mixing up hotizontal and vertival too many times :-(
      Did you some floating?

      Friedhelm
        • 25663 MODX Staff
        • 12,272 Posts
        Since I wrote it I suppose I should take a peek... time to post that link away! They are block elements, so I would expect them to be vertically aligned.
          Ryan Thrash, MODX Co-Founder
          Follow me on Twitter at @rthrash or catch my occasional unofficial thoughts at thrash.me
          • 28357
          • 8 Posts
          Hi both of you and thanks a lot for your answers
          I love that box that’s why I tried several times to have 2 boxes wink but horizontally aligned.
          I’ve playing around with some variables but I didn’t succeed
          You can see what happen on this page

          See you smiley
            • 12295
            • 30 Posts
            Hi Stan,

            to have your boxes horizontally aligned, you have to float them.
            Try:
            .part_cssbox, ent_cssbox { float: left;}

            and do proper clearing. You also could float them opposite:
            .part_cssbox {float: left;}
            .ent_cssbox float: right;}
            


            Friedhelm

              • 28357
              • 8 Posts
              dear holliwell
              we were cross-posting !
              I wanted you to be informed that I finally made it. grin

              This is the static part of the web site.
              I certainly comme back when I put my hands in ModX.

              Thanks a lot for helping !
              You’re great people.