Announcement Announcement Module
Collapse
No announcement yet.
website menu help (css) Page Title Module
Move Remove Collapse
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • website menu help (css)

    #1
    http://www.jeremywisecup.com/mhsc09

    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

    Comment


    • #3
      what are possible options?

      Comment


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

        Comment


        • #5
          Width:auto

          If I'm reading it right...

          Comment


          • #6
            give auto to which property?

            Comment


            • #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.

              Comment


              • #8
                Have a read here: http://www.sohtanaka.com/web-design/...-w-css-jquery/

                Comment


                • #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…

                  Comment

                  Google search Google search Module
                  Collapse
                  Latest Topics Latest Topics Module
                  Collapse
                  All Creative World Network All Creative World Network Module
                  Collapse
                  WebMediaBrands
                  Mediabistro | SemanticWeb | Inside Network
                  Jobs | Education | Research | Events | News
                  Advertise | Terms of Use | Privacy Policy
                  Copyright WebMediaBrands Inc. All rights reserved.
                  Working...
                  X