• 締切済み

一箇所だけborder-style:outsetで、他をinsetにするには?

CSSについてですが 適当なカテゴリがわかりませんでしたので間違っていたらご指摘ください。 TABLEを用いて板チョコ状(outset)のボタン列を作ろうと思っています。 クリックした所だけ凹む(inset)にしたいのですが いちいちoutset部の設定を入れるのは何となく気が進みません。 良い方法ないでしょうか?

みんなの回答

  • suzuko
  • ベストアンサー率38% (1112/2922)
回答No.1

今一理解できていないのですが、 a:link, a:visited, a:hover, a:active を使われては?

関連するQ&A

  • CSSでテーブルボーダーを一発指定出来ません!

    現在テーブルに対してのCSSを設定しているのですが、私の勘違いなのかうまく出来ません・・・。 例えば縦5×横5列の表が有ったとします。 そこにCSSで四方1pxのボーダーを指定します。 でも、これだけだと表の一番外枠部分にしかボーダーが表示されません・・・。(当然なのかもしれませんが) そこで、CSSを使い中のブロック?部分、<td>全てにボーダーを表示させたいのですが、そのようなことは可能なのでしょうか? ようは、表の枠線全てをcssで表示させたいのですが、この様な事は可能でしょうか?? ご存知の方がいましたら、アドバイスいただけますでしょうか? 宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • スタイルシートのfloatでセンタリングしたい

    書籍でfloatを使用したリンクボタンの作り方が下のように紹介されていました。 3つ並べるボタンの作り方なのですが、これだと左寄せになってしまうため、3つとも並べたまま中央に配置したいのです。 align="center"や<center>では、配置できず、paddingを使えば左があくもののpx指定のため常にセンタリングになりません。 この書籍では左寄せのままで中央へ配置する方法が書かれていないので、みなさんにお教えいただきたいです。 よろしくお願いします。 (IE6.0使用) <body>内 <A href="test001.html">test001</A> <A href="test002.html">test002</A> <A href="test003.html">test003</A> <style type="text/css">内 a{ border:outset #00ffff 4px; background-color:#8fa7ef; color:#ffffff; padding:0.5em; display:block; width:5em; float:left; } a:hover{ border:inset #ccffff 4px; }

    • ベストアンサー
    • HTML
  • 悪質な広告クリック誘導

    悪質な広告クリック誘導 適当なカテゴリーを選択 ↓ 時間差で Ads by Overture 2行分が上部に表示される ↓ 「未回答の質問」ボタンの列が下にずれる ↓ 「未回答の質問」をクリックしたつもりが、ずれたので広告をクリックしてしまう。(誤クリック) ↓ かなりうざい このやり方は悪質では?

  • ビルダーVer11 CSSの編集について

    ホームページビルダーVer.11のCSSの編集についての質問です。 ビルダーに限らず、CSS全般に言えることなのかもしれませんが、 CSSをビルダーにおいてHTMLのページをビジュアル的に編集するように できるのでしょうか? なぜこのような質問をしたのかというと、現在引き継がれたホームページに 新しくメニューにボタン項目を追加したいのですが、全てのページにいちいち ボタンを新しく挿入し、リンクを設定するのが大変面倒くさいです。 ホームページのデータには外部CSSが存在し、全てのページに適用できる形に なっておりました。 この場合、CSSを書き換えて新しいボタンを全てのページに追加することが できないのですか? また、この時CSSをビルダーVer.11で編集する際、タグではなくビジュアル化した 状態で編集することはできないのでしょうか? 分かりやすく簡単にCSSを編集する方法がビルダーVer.11にあるのでしょうか? 教えてください。よろしくお願いします。 またCSSに対する考え方が根本的に間違っていましたら、ご指摘お願いします。

  • 複数テーブルの幅指定?

    こんばんは。こちらでのカテゴリでは初めての投函になります。 以下の件に関して、悩んでおりますが、対処法などご存知の方がいらっしゃいましたら、 ご指導いただければと思います。宜しくお願い致します! <table align="left" width="50%"> <tr><td>あああ</td></tr> </table> のようなテーブルが10個あるとき、プログラムで2列表示に変更(widthの値はプログラムで変動) したり3列表示に変更したりしたいのですが、上記に示したテーブルの設定はそのままにした場合、 自動で改行?させる方法はあるのでしょうか? 当たり前なのでしょうが、上記テーブルをそのまま10個並べると、 +-------+ +-------+ +-------+ +-------+ +-------+ +-------+  | あああ | | あああ | | あああ | | あああ | | あああ | | あああ | ・・・ +-------+ +-------+ +-------+ +-------+ +-------+ +-------+  のように、右に続いてしまいます。テーブルの指定でも構いませんし、CSSの設定でも構いません。 対処法があればアドバイスいただけないでしょうか?宜しくお願い致します!

    • ベストアンサー
    • CSS
  • VBで他のアプリケーションを操作する

    VBを使って、たとえばブラウザや適当なアプリケーションのテキストボックスに文字を書いて検索ボタンを押すことはできますか。 ブラウザなどは立ち上げておいて、最大化してテキストボックスの位置がわかっているものとして構いません。 マウスの位置を動かして、ウインドウをクリックして(VBのフォーカスは失われる)、文字列を送り込んで、ボタンを押すということができるのでしょうか。 もちろんVBのFormの中では個々の操作ができることはわかっています。 まるで人が操作しているかのように他のアプリケーションを間接的に操作できるかどうかを教えてください。

  • スタイルシートの読み込みについて

    はじめまして。 最近業務でスタイルシートを使うことになったのですが、 外部ファイルとしてスタイルシートを保存して、 HTMLの中にリンクの部分を書いておいても、 IEで表示したときに読み込んでくれません。(IEのバージョンは6.0です。) インターネットオプションのユーザー補助のところで、ホームページを見る場合は自分のスタイルシートを適用する、という設定にすれば読み込んで表示されるのですが、それをしないと、表示されませんし、 その設定にしてあっても、外部シートの上書きをした場合、更新ボタンをおしただけでは画面が変わらず、 いちいちインターネットオプションのところで 更新をしないと、外部シートの変更が反映されません。 どこがおかしいか分からず困っています。 「XPのせいでは?」とも言われましたが、 そうなのでしょうか? ぜひご回答よろしくお願いいたします。 下はソースでリンクを書いてある部分です <html lang="ja"> <head> <title>SAMPLE</title> <link rel="stylesheet"href="detail_2.css" type="text/css"> <script type="text/javascript"> </head>

    • ベストアンサー
    • HTML
  • ウィンドウの大きさに左右されない、CSSを使ったセル幅の設定は??

    HPのトップ画面を作る際に、テーブルを入れ子にして使っています。 ---------------------------------- teble1 [ セル1 ] [*****] [*****] [*****] ---------------------------------- table2 [ セル2 ] [######] [######] [######] [######] [######] ----------------------------------/table2 ----------------------------------/table1 まず、テーブル1のセル1の幅をcssで設定しました。 しかし、テーブル2内のセル2の幅を設定するとセル1の幅が乱れ、 ウィンドウを横に広げるとセル1も延々横に伸びてしまいます。 セル1をメニューボタンとして使うために画像と組み合わせていますので、 幅を固定にしたいのです。 全体の幅は<width="100%">設定しています。 セル幅が狂わないようにするため、 それぞれの列の右端に幅を設定していないセルをおいています。 (苦肉の策だったのですが、テーブル1だけのときはそれでうまく見えていました。) 設定したセル幅のトータルはテーブル2のほうがはるかに大きいのですが、 右端にあまっているセルで調節はきかないのでしょうか? わかりにくい説明で申し訳ございません。 どうかご教授ください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • HTMLの<TABLE>タグの線の表示/非表示について

    HTMLのテーブルタグの線の表示/非表示について教えてください。 2行3列のテーブルがあります。 ●元テーブル ------- |あ|い|い|  ------- |あ|う|え| ------- ●加工したい形式 ------- |あ|い|い| ------- |あ|う え| ------- 上記のように、「う」「え」の間のみ、線を消したいと思っています。 (出来れば、CSSなどは使わずに設定したいと考えてます) TABLEタグのFRAME属性を使って制御できそうかと思いましたが、 一部分だけというのは出来ませんか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • プルダウンメニューから他のページへ移動するには?

    先程ソフトウェアのページにも投稿したのですが、この『教えて!goo』の質問するカテゴリーを選択するプルダウンメニュー形式のページがありますよね?この様にしたいのです。 プルダウンメニュー(カテゴリーは2種類)とボタンまでは作成したのですが、メニューを選択しボタンをクリックすると他のページへ移動する・選択結果(48パターンあります)によって移動するページが異なる。この様な設定にするにはどうすればよいのでしょうか? よろしくお願いします。 ・ホームページビルダーを使っており、HTML・JavaScriptに関しては初心者です。

    • ベストアンサー
    • HTML

専門家に質問してみよう