Announcement

Collapse
No announcement yet.

Notice Help

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Notice Help

    I would like to add something similar to the far right side of this notice so it’s on the same line as the left. What sort of a code would I use to do this. I tried
    <div align=”right”> but it’s on a new line making the notice to wide

    Thanks

    #2
    Try floating it to the right using vB5's built-in utility CSS class h-right.

    HTML Code:
    <div class="h-right">
        content here
    </div>
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    Comment


      #3
      That gave me this

      Comment


      • Mitch
        Mitch commented
        Editing a comment
        I may not understand how to place this code. I tried it in the HTML notice

      #4
      Float the other one to the left.

      HTML Code:
      <div class="h-clearfix">
          <div class="h-left">
              left content
          </div>
          <div class="h-right">
              right content
          </div>
      </div>
      Helpful? Donate. Thanks!
      Buy me a coffeePayPal QR Code
      Fast VPS Host for vBulletin:
      A2 Hosting & IONOS

      Comment


        #5
        Glenn it’s getting there. Now I just need to move the β€œstore link” to the left..
        Here is my code as of now

        Comment


        • Mitch
          Mitch commented
          Editing a comment
          HTML Code:
          <div class="h-clearfix">
              <div class="h-left"><b>The 2019 VFF calendars are now available!</b><br>
                  <b><a href="https://www.vintagefordforum.com/store">Store Link</a></b>
              </div>
              <div class="h-right"><b>MARC Dearborn raffle tickets!</b><br>
                  <div align="right"><b><a href="https://www.vintagefordforum.com/store">Ticket Link</a></b>
              </div>
          </div>
          Last edited by glennrocksvb; 11-09-2018, 02:26 PM. Reason: Enclosed in [html] tag for formatting

        #6
        Here you go...
        HTML Code:
        <div class="h-clearfix text-bold">
            <div class="h-left h-align-left">
                The 2019 VFF calendars are now available!<br />
                <a href="https://www.vintagefordforum.com/store">Store Link</a>
            </div>
            <div class="h-right">
                MARC Dearborn raffle tickets!<br />
                <a href="https://www.vintagefordforum.com/store">Ticket Link</a>
            </div>
        </div>
        No need to add <div align="right">.
        No need to add <b> tags to make text bold. You can add "text-bold" vB5 utility class to the container div.
        Helpful? Donate. Thanks!
        Buy me a coffeePayPal QR Code
        Fast VPS Host for vBulletin:
        A2 Hosting & IONOS

        Comment


          #7
          Thanks Glenn for the help.

          Comment

          Users Viewing This Page

          Collapse

          There is 1 user viewing this forum topic.

          • Guest Guest

          Latest Posts

          Collapse

          Working...
          X
          Searching...Please wait.
          An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

          Please push the back button and reload the previous window.'
          An unexpected error was returned: 'Your submission could not be processed because the token has expired.

          Please push the back button and reload the previous window.'
          An internal error has occurred and the module cannot be displayed.
          There are no results that meet this criteria.
          Search Result for "|||"