リンクリストを上から順に表示するにはどうしたらいいですか？

リンクリストを左から右に表示するのではなく、上から下に表示するにはどうすればよいですか？私はhtmlの間隔（）とそのような試みました。その専門家だけではないので、私はここでこれを行う方法を尋ねました。リンクリストを上から順に表示するにはどうしたらいいですか？

は

<style> 
 
body { 
 
margin: 0; 
 
font-family: "Yu Gothic", sans-serif; 
 
transition: background-color .5s; 
 
background-color: (0, 0, 0, 0.5); 
 
background-image:url(image url here); 
 
text-align: left; 
 
} 
 

 
ul { 
 
list-style-type: none; 
 
margin: 0; 
 
padding: 0; 
 
overflow: hidden; 
 
background-color: #000000; 
 
position: fixed; 
 
top: 0; 
 
width: 278px; 
 
height: 100%; 
 
} 
 

 
li { 
 
float: left; 
 
} 
 

 
li a { 
 
display: block; 
 
color: white; 
 
padding: 16px; 
 
text-decoration: none; 
 
} 
 

 
.main { 
 
padding: 16px; 
 
margin-top: 30px; 
 
height: 1500px; /* Used in this example to enable scrolling */ 
 
} 
 
</style> 
 
</head> 
 
<body> 
 

 
<ul> 
 
<li><a href="#main"><img src="image url here" width="240 height="128"></a></li> 
 
<li><a href="#home">News</a></li> 
 
<li><a href="#contact">Contact</a></li> 
 
</ul> 
 
\t </body>

出典

2016-12-16 NumaNuma

'li'から' float：left'を削除してください –

li {float：left;} これを削除してください –

ありがとうございました。問題が解決しました。 – NumaNuma

ちょうどそれが罰金

<style> 
 
body { 
 
margin: 0; 
 
font-family: "Yu Gothic", sans-serif; 
 
transition: background-color .5s; 
 
background-color: (0, 0, 0, 0.5); 
 
background-image:url(image url here); 
 
text-align: left; 
 
} 
 

 
ul { 
 
list-style-type: none; 
 
margin: 0; 
 
padding: 0; 
 
overflow: hidden; 
 
background-color: #000000; 
 
position: fixed; 
 
top: 0; 
 
width: 278px; 
 
height: 100%; 
 
} 
 

 
li a { 
 
display: block; 
 
color: white; 
 
padding: 16px; 
 
text-decoration: none; 
 
} 
 

 
.main { 
 
padding: 16px; 
 
margin-top: 30px; 
 
height: 1500px; /* Used in this example to enable scrolling */ 
 
} 
 
</style> 
 
<body> 
 

 
<ul> 
 
<li><a href="#main"><img src="image url here" width="240 height="128"/></a></li> 
 
<li><a href="#home">News</a></li> 
 
<li><a href="#contact">Contact</a></li> 
 
</ul>

を作品のスタイル

li { 
float: left; 
}

を削除10

出典

2016-12-16 06:41:26

これは何が必要ですか？

body { 
 
\t margin: 0; 
 
\t font-family: "Yu Gothic", sans-serif; 
 
\t transition: background-color .5s; 
 
    background-color: (0, 0, 0, 0.5); 
 
\t background-image: url(image url here); 
 
\t text-align: left; 
 
} 
 
ul { 
 
\t list-style-type: none; 
 
\t margin: 0; 
 
\t padding: 0; 
 
\t overflow: hidden; 
 
\t background-color: #000000; 
 
\t position: fixed; 
 
\t top: 0; 
 
\t width: 278px; 
 
\t height: 100%; 
 
} 
 
li { 
 
\t display: block; 
 
} 
 
li a { 
 
\t display: block; 
 
\t color: white; 
 
\t padding: 16px; 
 
\t text-decoration: none; 
 
} 
 
.main { 
 
\t padding: 16px; 
 
\t margin-top: 30px; 
 
\t height: 1500px; /* Used in this example to enable scrolling */ 
 
}

<ul> 
 
    <li><a href="#main"><img src="image url here" width="240 height="128"></a></li> 
 
    <li><a href="#home">News</a></li> 
 
    <li><a href="#contact">Contact</a></li> 
 
</ul>

出典

2016-12-16 06:15:15

リンクリストを上から順に表示するにはどうしたらいいですか？

答えて

関連する問題