0

このスクリプトのタブを水平ではなく垂直にする方法はありますか?(積み重ねて)

http://www.javascriptsource.com/navigation/giltab.html

それ以外の点では気に入っていますが、メインページ内でメニューを作成したいと思っています。メインメニューは横向きです。

4

2 に答える 2

1

垂直

     <!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>
于 2012-07-23T08:30:18.997 に答える
0
use
//vertical  
li
    {
    display:inline;
    }

//horizontal

li
    {
    display:block;
    }
于 2012-07-23T10:34:26.483 に答える