• ベストアンサー

CSSで画像に枠をつけない方法

ブログのエントリー画面に画像を載せた時に、枠が表示されるようにしたのですが、 サイドバーの画像には枠をつけたくありません。 どう指定すればいいでしょうか? 宜しくお願い致します。

  • HTML
  • 回答数3
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • chizakura
  • ベストアンサー率40% (77/190)
回答No.2

#1です。 追記しておきますね。 スタイルシートの優先度としては (1)各要素ごとに個別にスタイルシートを適用する方法  <img src~>←の中に直接記述する方法 (2)HTMLファイルごとにスタイルシートを記述する方法  ファイルのheadの部分に記述する内部css (3)外部スタイルシートを読み込み、一括指定する方法  外部にファイルを持つcss と上から順に高くなります。 私のしるした方法は(3)の方法ですので (1)か(2)で枠が設定されているような場合はそちらが優先され 消えないことがあります。

0909neko
質問者

お礼

ご丁寧に有難うございました^^

その他の回答 (2)

noname#100277
noname#100277
回答No.3

締め切って無い様子なので・・・ 該当する画像に直接CSSでもHTML属性でも構わないので、記述するのが一番確実でしょう。

0909neko
質問者

お礼

直接記述するようにしました^^ 有難うございました^^

  • chizakura
  • ベストアンサー率40% (77/190)
回答No.1

サイドバーの設定をしているクラスの部分に border-style: none; で、つかなくなると思います。 ちなみに、場所は関係なくすべての画像の線を外す場合は img{ border-style: none; } で消えます。

0909neko
質問者

お礼

解決できました!有難うございました

0909neko
質問者

補足

有難うございます サイドバーの全体の navigation のCSSに加えましたが、消えませんでした。 今下記の状態です。 <div id="navi1"><!-- start_navi --> <div class="navigation"> <!-- BEGIN link --> <center><img src=画像のurl border=0></center> <!-- END link --> </div></div> 他に方法はありますでしょうか?

関連するQ&A

  • [CSS]リキッドレイアウト上で、floatさせたサイドバーの背景画像を高さ100%で敷き詰めたい

    今ヘッダフッタ付きの3カラムブログデザインを作っています。 leftnaviとrightnavi(サイドバー/メニュー)の間にmaincontents(ブログのメイネントリ)が挟まるような、まあ一般的なブログデザインです。 で、質問なんですが、leftnaviとrightnavi(サイドバー/メニュー)に背景画像を敷き詰めたいんです。 ブログですので、基本的にはmaincontents(エントリ)の方がサイドバーよりもheightが大きくなってしまいます。 その際、サイドバーの背景が、記述されたメニューの部分までしか反映されません。これについて、エントリ部分の高さまで敷き詰める方法を教えて頂けませんでしょうか? 色々調べたところ、(http://css-happylife.com/log/css-template/000028.shtml)こちらで、width固定デザインの際にcontainerに背景画像を指定する方法が紹介されていました。 ただ、今回お伺いしたいのは、containerのwidthを%指定するリキッドデザインの場合、です。左右のサイドバーにはそれぞれ別の背景画像を指定したいと考えているのですが、それは可能なのでしょうか?

  • アーカイブページも枠で囲みたい

    <div class="boxtop"> </div> <div class="boxmiddle"> 『文章』 </div> <div class="boxbottom"> </div> ▲とすれば、『文章』を枠の画像で囲む事が出来ると知り ブログのエントリー部分を囲みました ですが、エントリやサイドバーを囲めたものの… エントリ・アーカイブやカテゴリ・アーカイブの中身を 枠画像で囲めずに困っています さきほど述べたclassの指定を、 エントリーアイカイブやカテゴリーアーカイブの、 テンプレートページの何処に設定すれば良いのかが分かりません・・。 pagebodyを囲うのか、entry-contentを囲うのか・・ 出来ればalpha(左)部分とbeta(右)部分を別々で 行いたいのですが・・。 何処に設定すべきか、ご存知の方…助けてください

  • WordPress画像の枠について

    WordPress画像の枠について質問です。 いろいろ調べましたが初心者のためさっぱりわかりません。 画像の枠を消したくていろいろ試してみました。 そうしたら、枠の高さが細くなり、画像は細くなった枠からはみ出すように表示されるように なりました。 これなら枠内に収まっていた方がまだよかったかなと後悔しています。 最終的には画像の枠がなくなることが望ましいのですが、元のように枠内に表示されたままでも良いかなと思っています。 どうしたらいいでしょうか。 管理者は別にいて、私は一部のページやブログを担当しているだけです。 訳あって、その管理者には質問出来ません。 すみませんがなるべく初心者でもわかるように教えてください。 宜しくお願いします。

  • 画像枠 ポラロイド風

    こんばんは。カテ違いだったらゴメンナサイ>< 画像枠をポラロイド風にしているブログをよく見かけます。 そういうサイトがあるのでしょうか? 一応探してみて見つけましたが、そのサイトは現在使えないようになっています。 ポラロイド風でなくてもいいので、画像枠を簡単に変えられるようなサイトを 教えていただけないでしょうか? 宜しくお願い致します★

  • CSSの編集について

    私は、MAX os10.5.8を使用してます。 CSSの編集でブログ記事枠を少し広げました。 確認画面では、問題なかったのですが、 実際に表示してみると、右側のサイドバー項目が ブログの下に表示されてしまいました。 直す方法を教えてください。 Firefoxで見るときのみ、変更されてないままでした。 ちなみにマックの サファリとウインドウズで確認した所、 問題ありませんでした。 よろしくお願いします

  • 画像枠

    ブログに添付する画像(写真)の枠を削除する方法を教えて下さい。

  • 画像の背景に画像を入れるようにする指定方法。

    ホームページを作成していての質問です。 動的ページで、画像を10枚ほど入れられるように設定してあるのですが、 10枚画像がない場合、枠の中に画像が表示されない×印がついてしまいます。 (7枚しか画像がない場合、3枚分の枠が×印になってしまう。) この×印を表示させないために、 CSSで、入れる画像がない場合は背景を白にする、もしくは、指定した画像を表示するように 指定することは可能でしょうか。 どなたかご回答いただけると幸いです。 宜しくお願い致します。

    • 締切済み
    • CSS
  • bloggerブログで画像の枠を消す方法

    bloggerブログで画像の枠を消す方法を検索したところ、Blogger管理画面より「テンプレート」→「HTML の編集」をクリック。「.post-body img」を探し、、、編集するという方法がいくつか見つかりました。編集方法は何通りかあるようですが、「HTMLの編集」からCtrl+Fで検索しても「.post-body img」が見つかりません。他にも「background」や「padding」等関連しそうなコードも検索されません。探している場所が違うのでしょうか?画像の枠を消す方法をご存じの方、宜しくお願い致します。

  • 画像の大きさにぴったり合った枠

    <a href="images/画像.jpg" target="_blank">ここをクリック</a> これで、 「ここをクリック」をクリックして、表示される「画像.jpg」が 大きな白地の枠の左上に小さな画像が表示されます。 画像の大きさにぴったり合った枠で表示する方法は有りますか?

    • ベストアンサー
    • HTML
  • Inkscape画像を「枠無し」にする方法

    InkscapeおよびIT全般初心者です。よろしくお願いします。 Inkscapeで作成した「りんご」の画像を、コピーして EXCELに貼り付けたのですが Inkscapeで作成した時は「りんご」そのものの形で表示されていたのですが EXCELに持ってくると「りんご」を囲む四角い枠が出来て 四角い画像としてしか使えません。 (丸みをおびた)「りんご」の形としてEXCELに取り込む方法はないでしょうか? ご存知の方、宜しくお願い致します。 画像を囲んでる四角い枠

専門家に質問してみよう