- ベストアンサー
ロールオーバー時に1pxずらしたい
ボタンを、ロールオーバー時に1pxずらしたいのですが、 やり方がいまいちよく判りません。 下記サイトも見つけたのですが、cssがよく判らないので、 Dreamweaver上で、css以外でする方法はないでしょうか？？ http://f32.aaa.livedoor.jp/~azusa/index.php?t=css&p=317#rollover4
- usagisippo
- お礼率59% (62/104)
- ホームページ作成ソフト
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
関連するQ&A
- 開閉式ツリー型メニューについて
こちらのサイトの↓ http://f32.aaa.livedoor.jp/~azusa/index.php?t=js&p=tips_node 開閉式ツリー型メニュー（ロールオーバーあり）を参考にメニューを作ったのですが、 リンク先へ飛ぶと元の畳まれたメニューになってしまうのです。 クリックをしてメニューが開いた状態を保ちながら 次のページにも反映される様にするにはどうしたら良いでしょうか？ ジャバもクッキーも調べてみたのですが、どうにも初心者の私には難しくて理解が困難でした； 誰かお願いいたします。
- ベストアンサー
- JavaScript
- メディアプレイヤーの埋め込みタグ
http://f32.aaa.livedoor.jp/~azusa/index.php?t=strm&p=wmv_generator こちらのサイトを参考にメディアプレイヤーを埋め込みましたが、再生リストの名前とファイルのタイトルが表示されてしまいます。 再生部分のみにしたいのですが、どのようにすれば可能でしょうか？ ご教授お願いいたしますm(__)m
- 締切済み
- PHP
- ロールオーバーについて
http://www.jangdonggun.jp/index.php このページのボタンのロールオーバーはどうやってつくっているのでしょうか？ FLASH技術でしょうか？ 普通のロールオーバーと違うような・・・
- ベストアンサー
- グラフィックソフト
- GREEのような携帯サイトのデザイン
現在携帯用のホームページを作っているのですが、携帯サイトの『EZ GREE』や『ガールズウォーカー』のような、角丸テーブルで区切ったようなデザインをしたいと考えているのですが、上手くいきません。 下記サイトの「角丸テーブル スタイルシートのみ」のソースをそのまま使ってみたのですが、auで確認すると背景色がついているだけで、角丸になりませんでした。 http://f32.aaa.livedoor.jp/~azusa/index.php?t=css&p=kadomaru softbankでは角丸テーブルで表示されているようです。 根本的にCSSで作っているという考えから間違っているのでしょうか？ 宜しくお願いします。
- 締切済み
- HTML
- CSSプルダウンメニューとjQueryの重なりについて
CSSプルダウンメニューとjQueryの重なりについて 下記サイト http://www.karuizawanet.com/cgi-bin/database/database.cgi?cmd=s&sc=hotel にてCSSプルダウンメニューと Simple jQuery Spy Effect（要素の自動スクロール） http://f32.aaa.livedoor.jp/~azusa/index.php?t=ajax&p=jquery_plugin_scroll を設置していますが、 CSSプルダウンメニューが 要素の自動スクロールの下に隠れてしまい 困っています。 CSSのz-indexを入れてみましたが、改善されません。 どなたかお力添えをお願いいたします。
- ベストアンサー
- AJAX
- ロールオーバー効果にならない。
ロールオーバー効果にならない。 宜しくお願いします。 ホームページビルダー10にてホームページを作成中です。 リンクメニューのボタンでロールオーバー効果を使おうと定番手順(参考書の記載通り)に やっているのですが、うまくいきません。 同手順でこのページはできて、このページはできない！？って感じです。 HTMLで確認してもよく分かりません(ほど素人ですが・・・)。 ご教授宜しくお願いします。 ちなみに・・・ ＜ならないパターン＞ <td height="37"><a href="http://ブログID.fc2.com/" id="_HPB_ROLLOVER8" onmouseout="HpbImgSwap('_HPB_ROLLOVER8', 'xxxx.gif');" onmouseover="HpbImgSwap('_HPB_ROLLOVER8', 'xxxx.gif');" target="_blank"><img src="xxxx.gif" width="190" height="37" border="0" name="_HPB_ROLLOVER8" /></a><a href="#"> </a></td> ＜なるパターン＞ <DIV style="top : 183px;left : 498px; position : absolute; z-index : 3; " id="Layer3"><A href="home.html" id="_HPB_ROLLOVER1" onmouseout="HpbImgSwap('_HPB_ROLLOVER1', 'xxxx.gif');" onmouseover="HpbImgSwap('_HPB_ROLLOVER1', 'xxxx.gif');"><IMG src="xxxx" width="172" height="139" border="0" name="_HPB_ROLLOVER1"></A></DIV> どちらとも 挿入→画像効果→ロールオーバー効果の手順にて作成しました。 宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- CSSでロールオーバーを作って中央揃えにしたい。
CSSを使ってロールオーバーを作成しました。 がんばっているのですが、なかなか難しく、壁ばかりです。 なんとか、ロールオーバーは出来たのですが、その画像が左揃えになっていて、中央揃えにならないのです。 どなたか、お力をお貸しください。よろしくお願い致します。 HTML ----------------------------------- <link href="css.css" rel="stylesheet" type="text/css"> <div class="contents_box2"> <h3 class="no"><a href="info.html"><img src="contents_img2_1.jpg" alt="教室のご案内" width="215" height="53" /></a></h3> <p class="contents_text2">ああああああああああああああああああああああああああああああああああああああああああああああああ <p class="contents_text2">あああああああああああああああああああああああああああああああああああああああああああああああああああああああ <p class="contents_text2"><br /> <div class="rollover01"><a href="info.html"><img src="button2.jpg" alt="詳しくはこちら" width="172" height="29" /></a></div> <img src="contents_img2_3.jpg" width="215" height="18" /></div> -------------------- css↓↓↓ ------------- BODY { COLOR: #666666; TEXT-ALIGN: center; margin-top: 0px; font: 12px/130% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; } IMG { BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: bottom; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; margin: 0px; padding: 0px; } .contents_box2 { FLOAT: left; MARGIN: 0px 12px 0px 0px; WIDTH: 215px; TEXT-ALIGN: left; padding: 0px; background: url(contents_img2_2.jpg) repeat-y; } .contents_text2 { MARGIN: 10px 16px 0px } .contents_detail { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 215px; PADDING-TOP: 0px; TEXT-ALIGN: center } .rollover01 { width:172px; height:29px; background:url(img/button3.jpg) no-repeat center bottom; text-align: center; } .rollover01 a { display:block; width:172px; height:29px; font-size:1px; line-height:1px; outline:none; text-align: center; } .rollover01 a:hover { text-indent:-9999px; } -------------------------------------
- ベストアンサー
- その他([技術者向] コンピューター)
- アニメーションするロールオーバーにリンクを張りたい
http://www.geocities.jp/peperon44/peach.html←の様にアニメーションしてリンク先が出てくるロールオーバーを作っています。 http://www.geocities.jp/peperon44/peach.fla←に作っているファイルを置きましたが 一番上の階層にシンボル化したボタンを置き、その下の階層ですべてのフレームアニメーションをさせていますが、1フレーム目に this.stop(); //マウスカーソルがロールインした this.onRollOver = function() { //ロールオーバー開始 rollover = true; }; //マウスカーソルがロールアウトした this.onRollOut = function() { //ロールオーバー終了 rollover = false; }; //フレームが進む度に実行 this.onEnterFrame = function() { if (rollover) { //次のフレームへ進む（最終フレームでは無視される） this.nextFrame(); } else { //手前のフレームに戻る（先頭フレームでは無視される） this.prevFrame(); } }; を入れ大ボタンから出てくる紹介、名前、名簿をそれぞれフレームアニメーションにさせ、シンボル化させて各オブジェクトに on (release) { getURL("name.html", "_foot"); } を入れていますが、指定のＵＲＬにリンクがかかりませんのでボタンに反応してくれません。記述が間違っているのか、スクリプトを書く場所を間違えているのだと思います。 このつくりだと一番上の階層に on (release) { getURL("name.html", "_foot"); } と入れると指定のＵＲＬにリンクされますが、それでは３つリンク先を分けられないので大ボタンから３つの文字がアニメーションして出てくる意味がありません。大ボタンから出てくる小ボタンにリンクを張るようにしたいです。 FLASHに関してはまだまだの未熟者ゆえ解らないです。何方かお助け下さい。 環境はWindowsＸＰ ソフトはFLASH８です。
- ベストアンサー
- Flash
- Dreamweaver CS3で画像のボタンを押した時に画像を変えたい
photoshopでボタン画像3つ作りDreamweaver CS3で配置し、挿入バーの一般にある『ロールオーバーイメージ』でボタンのロールオーバーはできたのですが、画像のボタンを押ている時だけ別の画像に変えるにはどうしたらよいでしょうか？ Dreamweaver CS3でやる方法が知りたいです。 Flashでボタンを作る方法と背景画像にボタン画像を使用してCSSでやる方法は知っています。
- ベストアンサー
- ホームページ作成ソフト
- SBMの割引について
http://f14.aaa.livedoor.jp/~javaappl/index.php?template%2Fphs%2Forange#content_1_15 このサイトの副回線最大75％引と書いてあり。 注釈に「月の最大割引70%に・・」 この部分の月の最大割引70％はどのような式で出しているのでしょうか？ 分かる方がおられましたら教えてください
お礼
やはりその方法がいいですかね＾＾；画像をいじらなくても出来るのかな？と思ったので。