Announcement Announcement Module
No announcement yet.
website menu help (css) Page Title Module
Move Remove Collapse
Search Search Module

Advertisement Advertisement Module

Latest Topics Latest Topics Module

Conversation Detail Module
  • Filter
  • Time
  • Show
Clear All
new posts

  • website menu help (css)

    I was curious if someone could help me figure out how to get the menu to span the whole distance of the menu width. 500px is its css property, but instead of adding padding to each tab, i'd like them to just auto adjust to distribute themselves in the width of 500px.

    is this possible?

    I'm trying to get rid of the empty space on teh right side of the menu. the just blue area with no link.

  • #2
    Not possible with CSS alone
    Swedish Meatball Pornography


    • #3
      what are possible options?


      • #4
        You could try asking at - they are mainly web designers/developers and if anyone knows someone there will (possibly!)


        • #5

          If I'm reading it right...
          “Pain is temporary. Quitting lasts forever.” Lance Armstrong


          • #6
            give auto to which property?


            • #7
              Width: auto is the default width setting of any block-level element, so no, that won't work.

              You could manage it with Javascript but I wouldn't know where to start with it.
              Swedish Meatball Pornography


              • #8
                Have a read here:

                Professional Pixel Pusher — Designing the world around you. | Working daily to reach 10,000 hours of practice.


                • #9
                  You first need to calculate the width of every list item.

                  You would then also calculate the width of the containing element.

                  Then you would subtract the the total width of all list items from that of the containing item.

                  From there you would then divide the the difference by the total number of list items.

                  You would then take that number and divide it by half to redistribute as padding to the left and right of each list item.

                  The only part that becomes somewhat tricky is resolving fractions.

                  I've written something to do this before in JavaScript, but only God would know where its located on my computer…


                  Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2015 Mediabistro Inc.