上記の広告は１ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。

タイトル通り、cssでメニューを作ってみようと思いました。

cssの記述は下記の通り・・・。
素人で何をするにも悪戦苦闘です（笑）

---

/*------まず枠のサイズと位置決め------*/
※【ur】のclass指定　　
.navi {
width: 650px;
margin : 0 0 10 25;
}

/*------リストの配置指定（floatを使ってみた）------*/
※float: left;で左に回り込み
※border(枠)　solid（実線）


.navi li {
float: left;
text-align: center;
border-right: solid 1px #a7a7a7;
border-left: solid 1px #a7a7a7;
}

/*------リストの a の色の指定------*/

.navi li a {
display: block;
width: 105px;
padding: 5px 10px;
background-image : url(img_mn.gif);
text-decoration: none;
border-top: solid 1px #a7a7a7;
border-bottom: solid 1px #a7a7a7;
color: #000099;
}

/*------リストの hover の色の指定------*/

.navi li a:hover {
background: #004040;
padding: 5px 10px;
text-decoration: none;
border-top: solid 1px #004040;
border-bottom: solid 1px #004040;
color: #fff;
}

最近、管理中のサイトをドンドンとCSSファイルを
使って記述するように訂正中なんです。

それで毎回悩むのが、classの名前！！

一度決めた名前を後で書き換えることが多発するんです（汗）
class名を一目見て、何かを何となく分かる名前がいいな。

PS　サイト全体のボリュームが減っていくのは何気に嬉しい管理人でした。

ホームページビルダーを使ってサイトの修正を進めているわけですが、
今度はＣＳＳを大いに使って修正を進めてます。
※今までも少しはＣＳＳを使ってましたが、
コンテンツの作成に時間を費やしてました（笑）

ただ、私はＷＥＢの事は素人で
ＣＳＳの事についても知らないことが多い・・・。

日々、グーグルで調べては作成の繰り返しです。
疲れるけど、ドンドンと知識を吸収している感じがあるのは楽しいですね〜

ただ今、修正中のサイトです↓

東京新宿区加圧トレーニングセンター

先日【.htaccess】ファイルを使って
独自ドメインの正規化を行いましたが・・・。
wwwなしで表示されてました。

ですので、更に修正（笑）
下記の記述中に一文を追加しました！

---

RewriteEngine On

RewriteCond %{HTTP_HOST} ^chibacairo\.lolipop\.jp
RewriteRule ^(.*) http://www.nonnons.net/$1 [R=301,L]

RewriteCond %{HTTP_HOST} ^nonnons\.net
RewriteRule ^(.*) http://www.nonnons.net/$1 [R=301,L]

RewriteCond %{THE_REQUEST} ^.*/index.html
RewriteRule ^(.*)index.html$ http://www.nonnons.net/$1 [R=301,L]

---

ただ今、１つのサイトを大修正中なんですが・・・
ほぼ作り直している位の修正規模です。

さすがに疲れてきました（笑）
稼動中のＨＰの修正ですから、早く終わらせたい気持ちが強くて
ついつい徹夜での作業になりますね〜

ふぅーーーー