このスクリプトのタブを水平ではなく垂直にする方法はありますか?(積み重ねて)
http://www.javascriptsource.com/navigation/giltab.html
それ以外の点では気に入っていますが、メインページ内でメニューを作成したいと思っています。メインメニューは横向きです。
このスクリプトのタブを水平ではなく垂直にする方法はありますか?(積み重ねて)
http://www.javascriptsource.com/navigation/giltab.html
それ以外の点では気に入っていますが、メインページ内でメニューを作成したいと思っています。メインメニューは横向きです。
垂直
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
ul
{
list-style-type:none;
margin:0;
padding:0;
}
a
{
display:block;
width:60px;
background-color:#dddddd;
}
</style>
</head>
<body>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
</body>
</html>
水平
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
ul
{
list-style-type:none;
margin:0;
padding:0;
}
li
{
display:inline;
}
</style>
</head>
<body>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
use
//vertical
li
{
display:inline;
}
//horizontal
li
{
display:block;
}