block menu like this. how?

[dominik92r]

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:

[something else]

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

[dominik92r]

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

[something else]

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

[dominik92r]

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

so, what you could me advise ?

[GumSlone]

use display:inline-block

but you could use also tables

[arnage]

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

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

[opticalpigion]

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

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