block menu like this. how?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    block menu like this. how?

    hi, on my site i have got menu. in this menu every button have this same width. for example i have 4 buttons - 25% for one button. i would make 3 buttons, first 50% width, second 25% and third 25% too. how to do it? i this must be in display:block i don't want float or something like this because float might bad display in
    some older phones. please i'm weak in css.

    i wan't make similar menu like this:
    Click image for larger version

Name:	Switcher.png
Views:	1
Size:	150.2 KB
ID:	113033

    #2
    I don't think display:block / onhover unblock wont work on older phones either

    Comment


      #3
      I don't care hover. I know this one won't work all right.

      Comment


        #4
        display:block will also cause big blank gaps on your page - which will look really bad >.<

        Comment


          #5
          Originally posted by something else View Post
          display:block will also cause big blank gaps on your page - which will look really bad >.<
          so, what you could me advise ?

          Comment


            #6
            use display:inline-block

            but you could use also tables
            Advertise your mobile site for FREE with AdTwirl

            Comment


              #7
              The menu on left side of image i don't know, menu on right side can be done with something like this.

              HTML Code:
              <table width="100%">
              	<tr>
              		<td>
              		One part
              		</td>
              		<td>
              		Second part
              		</td>
              	</tr>
              </table>
              And design it in CSS. Each attribute can have own design class.
              <!DOCTYPE html PUBLIC "-//WAPFORUM.RS

              Comment


                #8
                It is known as css mega menu/mega navigation menu.

                How to Build a Kick-Butt CSS3 Mega Drop-Down Menu | Nettuts+
                sigpic

                Comment

                Working...
                X