7 Replies Latest reply on Feb 29, 2008 12:19 PM by MergeThis

    Shifting "Next" Buttons

    BetsyBB
      This morning, I got the following message from the PM I'm doing some work for:

      The "Next" button at the end of every page "moves" from page to page. It would be great if this button could stay in the same place. I felt it was kind of annoying when it kept shifting positions from page to page.

      The only way I could think of to do this was to put it in the footer (and selectively apply it); however, rather than hyperlink it directly to the next topic, which would take forever, I thought of using DHTML triggers or an image button... BUT I cannot get the menu to show in the footer,

      I've been looking at all the "usual" sites (Grainger, HyperTexas,etc.) but haven't found anything related to this kind of thing. Soooo... does anyone have any idea on how I can fulfill his request or is he out of luck?

      Many thanks,
      Betsy
        • 1. Re: Shifting "Next" Buttons
          RoboColum(n) Level 5
          Hi Betsy.
          You can't apply DHTML to headers and footers. Maybe you could add an image and apply some javascript to it to move to the next page? Just a thought.
          • 2. Re: Shifting "Next" Buttons
            MergeThis Level 4
            I think I'd look at the TrueCode and try to figure out just exactly what's causing the (seemingly) same button to move from page to page. If they're all independently coded in the same manner, why would they move?

            We have two links, centered at the bottom of every topic (not in a footer), and they all appear in the same spot every time.


            Good luck,
            Leon
            • 3. Re: Shifting "Next" Buttons
              Captiv8r Adobe Community Professional & MVP
              Hi all

              Uhhh, can someone please enlighten me as to where the "Next" button is coming from? Near as I can tell, this is a custom solution? Or possibly part of a Browse Sequence?

              Cheers... Rick
              • 4. Re: Shifting "Next" Buttons
                BetsyBB Level 1
                oooops! Can't read my mind?

                The button is a right-justified graphic that I put at the end of a topic and hyperlinked it to the next topic (not always in sequence)

                Sorry about that..
                • 5. Re: Shifting "Next" Buttons
                  MergeThis Level 4
                  Unlike Rick, I was able to read your mind easily.

                  Again, the likely reason this graphic appears in different locations is that the code might be a part of some previous elements.

                  For example:
                  < DIV
                  Some other content
                  < NEXT image
                  < /DIV

                  would look different from:
                  < DIV
                  Some other content
                  < /DIV
                  < NEXT image

                  That is, the NEXT button will be placed differently if it's wrapped within some other element, rather than as a free-standing unit (DIV, TABLE, UL, OL, etc.).


                  Good luck,
                  Leon
                  • 6. Re: Shifting &quot;Next&quot; Buttons
                    BetsyBB Level 1
                    Sadly, Leon, I'm not that clever... it is merely a para at the end of the page; therefore the page length is what determines the placement... and therein lies the question of how can I standardize them...

                    <p style="text-align: right;" align=right><a href="FSM Tasks.htm"><img src="..\..\NextButton6.gif" x-maintain-ratio=TRUE style="border: none; width: 57px; height: 25px; float: none;border-style: none; border-style: none;" width=57 height=25 border=0></a></p>
                    • 7. Re: Shifting &quot;Next&quot; Buttons
                      MergeThis Level 4
                      Oh, the VERTICAL placement is different, eh? Well, then, just remove enough technical content to ensure that the button is always right there at the bottom, without this PM getting annoyed!

                      There, now that I've vented, how about this suggestion? Put it at the top right instead of bottom right. [Spaces added on tags for forum viewing only; adjust values per your needs]

                      In your topic:
                      < body >
                      < div id=nextdivid
                      style="x-condition: Online;" >
                      < !--kadov_tag{{< implicit_p >}}-- >< img src="My_Image.gif"
                      etc.

                      In your style sheet:
                      div#nextdivid {
                      float: right;
                      padding-top: 0px;
                      padding-right: 8px;
                      padding-left: 10px;
                      padding-bottom: 10px;
                      width: auto;
                      margin-left: 15px;
                      margin-bottom: 15px;
                      margin-top: -5px;
                      }


                      Good luck,
                      Leon