ペライチを使ったHP「健歩会[首都圏]簡便サイト」で終了で「無い」
プルダウンが使える「無料HP」に挑戦したい!!
そこで、
◆ホームページ作成ツールを無料もありで18個も!もう制作会社を頼らない。
等で情報をキャッチした。
<狙い>
構築し体験しないと、評価も出来ないのですよ!!
アホな低能人は、作れないで「ツッコミ」のみだよね。
HPが作れる人は、黙って相手の作成を見守り、テクニックの助言を的確に行ってくれる。
論より、試行錯誤で、挑戦する事にした。
プルダウンが使えるか?
登録して放置していたFC2のHP再レビー開始した。
(1)現在の画面
(2)編集中のファイル:kenhokai.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>FC2ホームページ - 無料ホームページスペース</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
<!-- アイコンフォントの利用方法 http://fortawesome.github.io/Font-Awesome/ -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<style>
body {
background: #fff;
color: #444;
font-size: 16px;
font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, Arial, 'MS Pゴシック', sans-serif;
line-height: 1.42857;
}
a:link {
color: #04c;
text-decoration: none;
}
a:hover {
color: #f00;
text-decoration: none;
}
a:visited {
color: #999;
text-decoration: none;
}
/* ヘッダー */
.header {
z-index: 100;
padding: 24px 0;
width: 100%;
border-bottom: #ccd1d9 solid 1px;
background: #fff;
color: #333;
text-align: center;
}
.header-title {
margin: 0;
font-size: 2.4em;
}
.header-description {
color: #999;
}
/* ナビゲーション */
.nav {
z-index: 100;
padding: 12px 0;
width: 100%;
background: #fff;
text-align: center;
}
.nav-group {
margin: 0;
padding: 0;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
}
.nav-group > li {
margin: 0;
padding: 0 12px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
}
.nav-group > li a {
display: block;
padding: 6px 12px;
color: #333;
text-decoration: none;
}
.nav-group > li a:hover {
color: #999;
}
.nav-group > li a.active {
border-bottom: #333 solid 2px;
color: #999;
}
/* メインイメージ */
**********
この記事へのコメント