Gizport
1 回答
0
Share (facebook)
25
view
全般

クリックしても動かないようにしたいです。 こんにちは。CSSとHTM...

クリックしても動かないようにしたいです。 こんにちは。CSSとHTMLについて質問します。
http://www5.pf-x.net/~mon/
上記のURLから開いたページの中央近くに、
「お知らせ」「更新情報」「その他」という欄があります。
そこをクリックすると、その下の欄の内容が変わるのですが、
勝手にスクロールしてしまいます。
私の語彙力ではうまく伝えられないのですが、

目指すところは、クリックしたら下の欄の内容だけ変わり
見ている画面全体は動かない。
というものです。

文字制限でCSSしか表示できないので、HTMLはURLから直接診断してください;;

/* ------------------------------
ページ枠組み設定
------------------------------ */
.box {width:864; margin:0 auto 0 auto; text-align:left; font-size:0.875em;}
.main {float:left; text-align:left; font-size:0.94em;}
.side {width:173; float:left; text-align:left; font-size:0.94em; margin-top:4px; padding-left:5px;}
.top1 {width:468; float:left; text-align:left; font-size:0.875em;}
.top2 {width:396; float:left; text-align:right; font-size:0.9em; padding-top:4px;}
.bar {width:100%; height:40; text-align:center; background-image: url("./menu-img/menu1.jpg");}
.main1 {width:200; float:left; text-align:center; font-size:0.94em; margin-top:4px;}
.main2 {float:left; text-align:left; font-size:0.94em; margin-top:4px;}

/* ------------------------------
クリアの設定
------------------------------ */
.end {clear:both;}
/* ------------------------------
問題部分です
------------------------------ */
.navigation {padding-top:4px; margin: 0 0; background: #101010; color: #c0c0c0; }
.navigation li { display: inline; padding: 1em; }
.content { background: #000000; height: 210; padding: 1em;}
.container { height: 10em; overflow: hidden; font-size:1em;}
Yahoo!知恵袋 5645日前
コメントする
お気に入り
1
質問者が選んだベストソリューション
タブによる切り替えを検討したらいかがでしょうか?
知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE
http://gigazine.net/index.php?/news/comments/20070419_tab_ajax/
css タブ 切り替え
http://www.google.co.jp/search?hl=ja&lr=lang_ja&q=css+%E3%82%BF%E3%83%96+%E5%88%87%E3%82%8A%E6%9B%BF%E3%81%88&revid=349147065&ei=2crMSdLEOZj07AOLqNWfBw&sa=X&oi=revisions_inline&resnum=0&ct=top-revision&cd=2
Yahoo!知恵袋 5631日前
シェア
 
コメントする
 

参考になったと評価
  このQ&Aは参考になりましたか?

Share (facebook)
その他の解決方法を知っていますか?
回答する
全般
33
Views
質問者が納得① テーマ別に関しては下記を参照 http://ameblo.jp/new-blue-777/entry-11457557324.html あなたのブログのCSSを見ても、テーマ別のCSSは見当たりません。 例 .skinArticle.themeNumberテーマ番号 .skinArticleHeader{ /* タイトル部 */ margin:0 0 0 0; height:260px; width:540px; padding:15px 30px 5px 30px; /* タイトル周辺の余白(↑...
4024日前view33
全般
36
Views
質問者が納得javascript に getElementById('header') とある以上 「旧デザイン」でなければ、当然動作しない。 なんでもかんでも見境なしにコピーしてもダメということ。 「新デザイン」対応のものを探せばよい。 http://ameblo.jp/wazameba/entry-10890601224.html http://ameblo.jp/newcss/entry-11016446668.html
4145日前view36
全般
23
Views
質問者が納得/* リンクエリア */ #header div.nl li a { ここで、padding をつけているからですね。 <li><a style="padding:0" href="http://bijouyasuko.mame2plus.net/cart.jsp?listURL={http://bijouyasuko.mame2plus.net/list.jsp?categoryType=1&amp;categoryName=}">...
4162日前view23
全般
48
Views
質問者が納得元々KlispchのImage X5とX10は壊れやすい事で有名です。 残念ながら、ある程度は覚悟して使わないといけませんね。それ以外は良い機種なんですけど・・・
4358日前view48
全般
43
Views
質問者が納得http://ameblo.jp/css-staff/ 初心者さんならここを見るとわかりやすくて いいとおもいますよ
4502日前view43

取扱説明書・マニュアル

640view
http://mediacdn.shopatron.com/.../ImageX5X10Manual.pdf?1288055769
68 ページ4.24 MB
もっと見る

関連製品のQ&A