Spacing between menu items.

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Doug Laidlaw

    #1

    Spacing between menu items.

    At http://www.douglaidlaw.net/boykett/index.html I have a menu of buttons
    generated by a "self-serve" Web site. As originally supplied, all the
    buttons were in a block, hard up against each other. Now they are spaced
    out. I have tried using the "margin" CSS variable set to 0, but I can't
    have the syntax correct, because NVU keeps deleting what I write.

    Am I on the right track, or do I need to try something different?

    I do intend to implement sans serif fonts. At the moment Firefox gives me
    Times font by default, and Konqueror gives me Verdana or similar.

    Thanks,

    Doug.
    --
    Registered Linux User No. 277548. My true email address has hotkey for
    myaccess.
    To know the road ahead, ask those coming back.
    - Chinese Proverb.

  • Els

    #2
    Re: Spacing between menu items.

    Doug Laidlaw wrote:
    [color=blue]
    > At http://www.douglaidlaw.net/boykett/index.html I have a menu of buttons
    > generated by a "self-serve" Web site. As originally supplied, all the
    > buttons were in a block, hard up against each other. Now they are spaced
    > out. I have tried using the "margin" CSS variable set to 0, but I can't
    > have the syntax correct, because NVU keeps deleting what I write.
    >
    > Am I on the right track, or do I need to try something different?[/color]

    What happens if you add this bit of code in the <head>:

    <style type="text/css">
    img{display:blo ck;}
    </style>

    --
    Els http://locusmeus.com/
    Sonhos vem. Sonhos vão. O resto é imperfeito.
    - Renato Russo -
    Now playing: The Cult - She Sells Sanctuary (Long Version)

    Comment

    • Doug Laidlaw

      #3
      Re: Spacing between menu items.

      Els wrote:
      [color=blue]
      > Doug Laidlaw wrote:
      >[color=green]
      >> At http://www.douglaidlaw.net/boykett/index.html I have a menu of buttons
      >> generated by a "self-serve" Web site. As originally supplied, all the
      >> buttons were in a block, hard up against each other. Now they are spaced
      >> out. I have tried using the "margin" CSS variable set to 0, but I can't
      >> have the syntax correct, because NVU keeps deleting what I write.
      >>
      >> Am I on the right track, or do I need to try something different?[/color]
      >
      > What happens if you add this bit of code in the <head>:
      >
      > <style type="text/css">
      > img{display:blo ck;}
      > </style>
      >[/color]

      It didn't seem to make any difference. The last item, which I made myself
      and added, was hard up against the others, but had no <br> tag before it.
      Stripping all the <br> tags fixed the spacing, but I expected that to make
      the buttons try to align horizontally?

      Doug.
      --
      Registered Linux User No. 277548. My true email address has hotkey for
      myaccess.
      Live as if your were to die tomorrow. Learn as if you were to live forever.
      - Mahatma Gandhi.

      Comment

      • Els

        #4
        Re: Spacing between menu items.

        Doug Laidlaw wrote:
        [color=blue]
        > Stripping all the <br> tags fixed the spacing, but I expected that to make
        > the buttons try to align horizontally?[/color]

        Not if the TD width is limited. Images wrap just like text. Maybe the
        <br>s were the problem because the TD width was too narrow to have
        them after each image?

        --
        Els http://locusmeus.com/
        Sonhos vem. Sonhos vão. O resto é imperfeito.
        - Renato Russo -

        Comment

        • Doug Laidlaw

          #5
          Re: Spacing between menu items.

          Els wrote:
          [color=blue]
          > Doug Laidlaw wrote:
          >[color=green]
          >> Stripping all the <br> tags fixed the spacing, but I expected that to
          >> make the buttons try to align horizontally?[/color]
          >
          > Not if the TD width is limited. Images wrap just like text. Maybe the
          > <br>s were the problem because the TD width was too narrow to have
          > them after each image?
          >[/color]
          That is probably the reason. I thought that the <br> tag was simply a
          direction, and didn't itself take up any space at all, so I made the width
          of the column equal to the width of a button. Things have certainly been
          tightened up. I still recall the days when the table proportions would
          ignore the stated dimensions and adjust themselves to accommodate the
          images. At one stage within the last few days I had the opposite: the
          picture of the ship was only half displayed because it was cut off at the
          right-hand edge of the cell.

          Thanks for all your help.

          Doug.
          --
          Registered Linux User No. 277548. My true email address has hotkey for
          myaccess.
          It takes both sunshine and rain to make a rainbow.
          - Caption to a motivational picture.

          Comment

          Working...