メニューの高さを固定し、メニューを水平ではなく垂直にレンダリングしたいメニューがあります。つまり、メニューを特定の高さの次の列に続けて、空のスペースがないようにしたいのです。このスクリーンショットを見てください...
「受付」メニューを「患者」メニューの下に、その次のメニューを…というように、空欄が表示されないようにしたいのですが…
これが私のCSSです...
menurepository .submenudiv
{
float: left;
padding: 1px 3px 3px 2px;
margin: 4px;
text-align: center;
}
.menurepository .submenudiv h3
{
color: #111111;
font-size: 6pt;
float: left;
font-family: Tahoma;
text-align: left;
}
.linkdiv
{
clear: both;
}
.menurepository .submenudiv .linkdiv a
{
color: #28A1E2;
font-size: 7pt;
clear: both;
display: block;
padding: 2px 0px;
margin: 4px 4px 4px 0px;
text-align: left;
font-family: Tahoma;
width: 100%;
}