- ベストアンサー
CSSを使ってサイドメニューをリンク先を一括変更できますか？
CSSに詳しくないため、質問が分かりにくいかもしれませんが CSSはフォントやフォントカラーなどを定義つけられるそうですが 文章などは一括で変更できたりしないのでしょうか？ 例えば リンクしているサイトをホームページのサイドメニューに３つ載せる場合、 そのサイトを変更する際、HTMLだと全ページを手作業で変更しますが CSSの場合はその３サイトのテキスト及びリンク先自体を一括変更できますでしょうか？ それとも書体やカラーが一括変更できるだけで そこに書いているテキストやリンク先を一括変更できる訳ではないのでしょうか？
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- CSS：スタイルシートでテキストリンク
教えてください！！ 外部ファイルのスタイルシート（ＣＳＳ）を使って、各ページへジャンプするテキストリンクをマウスオーバー時に太字になるように設定しています。 ＩＥ6.0では問題なく起動していますが、ＮＳ7.1,Firefox1.0では、機能していません。何か対処方法はないでしょうか？ ↓私の記述は以下の通りです↓ 【外部ファイルへのリンクの記述】 <link rel="stylesheet" type="text/css" href="../menu.css" title="menu" /> 【外部ファイル内のＣＳＳの記述】 .menu { font-family: "ＭＳ Ｐゴシック", Osaka; font-size: 12px; font-style: normal; line-height: 14px; color: #FFFFFF; text-decoration: none; } .menu a:link { color: #FFFFFF; text-decoration: none; } .menu a:visited { color: #FFFFFF; text-decoration: none; } .menu a:hover { color: #FFFFFF; font-weight: bold; text-decoration: none; } .menu a:active { color: #FFFFFF; font-weight: bold; text-decoration: none; }
- ベストアンサー
- その他（プログラミング・開発）
- 外部CSSでリンクカラー指定
外部CSSでwebサイトを作っています。 リンクカラーの指定をbody全体にしているのですが、 フッターだけ色を変えることはできますか？ その際フォントカラーも変えられればと思っています。 現在のCSSは a{/*リンクされた文字*/ color:#002AD1; font-style:normal; text-decoration:underline; } a:link {/*未訪問のリンク*/ color:0000ff; font-style:normal; text-decoration:underline; } a:visited {/*訪問後のリンク*/ color:#002AD1; text-decoration:underline; } a:hover {/*マウスをのせたとき*/ color:#335BFF; font-style:normal; text-decoration:underline; } a:active {/*クリック中*/ text-decoration:none; } 現在サイト全体のフォントカラーはグレーで、 リンクは上記の通り青系です。 footerは白から濃い紺の帯にするので、 文言やリンクが見えなくなってしまうのです。 フッターのCSSに個別にカラー指定しても変わりません。 .footer { border : none; width : 838px; heigth : 100%; text-align: left; padding : 0px 0px 0px 20px; color: #ffffff; ←このようにフォントを白にしても変化がないです line-height: 160%; font-size: 11px; } 何が原因でしょうか？ またそのようにする方法があれば教えてください。 よろしくお願いいたします。
- ベストアンサー
- CSS
- リンク先の一括ダウンロード
リンク先の一括ダウンロードできるソフトはありますか？ たとえば http://www.katotaizo.com/words/words373.html を全部テキストで読みたい場合はどうしたらいいでしょうか？
- ベストアンサー
- フリーウェア・フリーソフト
- CSSでメニュー作成
OS：WindowsXP ProXP2 現在ホームページを作成しています。 メニューを作ろうと思うのですがフレームは使いたくありません。 実現したいことは左にメニュー、右に内容を表示させようと考えています。（メニューはリンク先へジャンプしても変わりません） しかしCSS（float）を使って実現できそうなところまで調べたのですが、 この方法ではリンク先をページ毎に書かなくてはいけなくなってしまい、もし変更があった場合全ページを修正しなくてなりません。 メニューだけ外部ファイルなどにして呼び出す方法はあるのでしょうか？ ご存知の方ご教示宜しくお願いいたします。
- ベストアンサー
- ブラウザ
- CSSで指定したリンクのみに下線
現在CSSを使ってHPを作成しています。全体的にはリンクには下線を引かないように下記のように指定しました。 a:link{color:#523e35;text-decoration:none;} しかし、リンク色とテキスト色を同じにしたいので同じにしましたがどこにリンクが貼ってあるのか分かりません。 とりあえず、ホームページ内メニューの部分のみはリンクが張ってあるか把握できるようメニューのリンク部分だけにでも下線を引きたいのです。 試しに .menu_line { text-decoration: underline; } 上記をつかって<div class="menu_line">でメニューを囲ってみるとリンクの部分ではなく、テキストの部分にのみ下線がひかれてしまいました。 いったいどう指定すればメニューの部分のリンクにのみ下線を引くことができるでしょうか…。 ご存知の方がいれば教えていただきたいです。 よろしくお願いします。
- ベストアンサー
- HTML
- FC2のHPでサイドメニューを別ファイルに
FC2でHPを作ったのですが、メニューに新しいカテゴリを追加したりするとき 一つ一つのページを編集しなくてはならず、大変です。 自分の作業が遅いのも原因かも知れませんが、半日ほど時間がかかってしまいます。 どうにかして、HTMLでFrameタグを使わずに、サイドメニューを別ファイルから読み込む なんてことは出来ないでしょうか?(CSSとかで) もしくは、サイドメニューを簡単に管理できる方法はないでしょうか? (CSSにサイドメニューのHTMLファイルを指定して、読み込み。。。なんてことは出来ないですよね・・・)
- ベストアンサー
- その他（インターネット・Webサービス）
- レンタルホームページでのリンク先を一括指定するには
いま あちゅらHP というレンタルホームページをつかってHPを作っています。 TOPにリンク先メニューが表示されていて 子ページにも同じように表示したいと思っています。 しかしそのようにすると、TOPページのリンク先URLが変更された場合、 子ページもリンク変更しなくてはいけないので、子ページ分だけ編集が必要になります。 なにか良いリンク先一括指定方法はないでしょうか？ よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- CSSでプルダウンメニュー
お世話になります。 添付画像のようなプルダウンメニューを作りたいです。 http://css-eblog.com/csstechnique/css-8.html こちらを参考にさせていただき、ソースを変更しました。一応動作はするのですが、不具合があり悩んでいます。 問題はマウスオーバーさせたい画像の高さ（60px）とプルダウンで出てくるもの（画像は使用せずCSSで背景色をしたバー状になっています）の高さ（20px）が異なることです。 添付画像のように、画像A全体がマウスオーバー領域となり、20pxのバーが出るようにしたいのですが、現在はBのようにバーが60pxとなっています。 ※IE6のみ。他ブラウザではバーの高さ自体は20pxであるものの、リンク先1の領域が60pxとなっているため、リンク先2の文字が書かれている20px付近をクリックしてもリンク先1に行ってしまいます。 そこでソースの値を .menu ul li a { display: block; height: 20px;←ココ padding:3px; } と変更したら、バーは20pxで出るようになり、リンク先2もうまく選べるものの、今度は60pxの画像の上20px部分のみしかマウスオーバーに反応しなくなってしまいました。 知識がなくどうしていいのかサッパリ分かりません。 どうか助けて下さい！ 下記ソースです。 /* CSS*/ .menu { margin:0px auto; padding:0px; width:760px; height:60px; } .menu ul li { float: left; position: relative; margin-right: 0px; width: 128px; height: 20px; list-style:none; } .menu ul li table { border-collapse: collapse; border: none; font-size: 10px; padding: 0; position: absolute; top: 0; left: 0; } .menu ul li ul { visibility: hidden; overflow: hidden; position: absolute; top:60px; left: 0px; width: 128px; height:20px; z-index: 100; } .menu ul li ul li { margin-bottom: 0; width: 128px; height: 20px; } .menu ul li a { display: block; height: 60px; padding:3px; } .menu ul li a:hover { position: relative; z-index: 100; } .menu ul li:hover ul , .menu ul li a:hover ul { visibility: visible; overflow: visible; height: auto; z-index: 10; } .menu li.test {background:url(../image/test.jpg) left top no-repeat; width:128px; height:60px;} .menu li.sub { background-color:#666666; color:#FFFFFF; text-align:left; width:122px; height:20px; padding:3px;} a.sub:link{font-size:10px; color:#FFFFFF; text-decoration:none;}/*サブメニューリンク*/ a.sub:visited{font-size:10px; color:#FFFFFF; text-decoration:none;} a.sub:hover{ font-size:10px; color:#FFFFFF; text-decoration:underline;} a.sub:active{ font-size:10px; color:#FFFFFF; text-decoration:underline;} <!--html--> <div class="menu"> <ul> <li class="test"><a href="test.html"><!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li class="sub"><a href="test.html" class="sub">リンク先1</a></li> <li class="sub"><a href="test2.html" class="sub">リンク先2</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> </ul> </div> 長文申し訳ありません。よろしくお願い致します。
- ベストアンサー
- CSS
- CSSでメニューの作成
初心者ですがホームページを作成しています。 メニューをあとから追加して複数ページを一括変更するには、外部スタイルシートを用いてメニューを作成すると良い、ということを検索してみつけたのですが、どうすればいいのかよくわかりません。 過去の質問を検索するとCSSではメニュー自体は作れないと書いてあったのですが、実際はどっちが正しいのでしょうか？ もし作れるなら、作り方の載っているサイト等をおしえてください。
- ベストアンサー
- HTML
- フォントサイズの設定変更 ＣＳＳ
ホームページテンプレート・ＣＳＳを個人サイトよりお借りして 作成しております。 ＣＳＳで、 * { margin : 0; padding : 0; color : #000; font : normal 10px Verdana; line-height : 200%; letter-spacing : 0.2em; } このような記述があり、ページ全体がここで設定されているフォントサイズ になっています。 ただしある一部分だけ個別にフォントサイズを変更したいのですが、 ＨＴＭＬ側に記載してもこのＣＳＳのほうが優先されてしまい 反映しません。 設定する方法は無いのでしょうか？ご回答お願いいたします。
- ベストアンサー
- HTML
お礼
やはり無理でしたか； ご回答ありがとうございました♪