• 締切済み

角が丸いテーブルをCSSで作るには

<head></head>内をいじれる（<body></body>内はいじることができない）レンタル掲示板で、ベースのテーブルの角を丸くするにはどうすればいいのでしょうか？ 通常、<body></body>内に記述ができる場合は３×３のテーブルを作ってその四隅に丸い角の部分になる画像を背景として置くことで角の丸いテーブルを作ることができるということはわかったのですが、<body></body>内に記述ができない場合どうすればいいのかがわかりません。 分かる方がおりましたら教えていただけると助かります。

  • CSS
  • 回答数2
  • ありがとう数2

みんなの回答

回答No.2

厳しいね。正しくid属性やclass属性が指定されているなら Nifty Cornersというものを使う手ぐらいにしかならなそうだ。 ======= ソース自体は↓もきれいなんだけど， http://www.akatsukinishisu.net/itazuragaki/css/nifty_corners_behavior.html 当然ながらMozilla独自拡張にもIE独自拡張のhtcも理解できないOperaではできなかった。 また、手元のIE 7ではセキュリティを中高にして実現できたけれども セキュリティ高では実現できないので，Vistaの保護モードで利用するユーザにも適用されるのかどうかは疑問。 beforeやafterでいけたりして・・・とか期待したけど、無理っぽい。 ========== だが，この手の質問を見て何よりも思うのは「そこまでして絶対に必要なものなの？角丸という奴は」ってこと。

arkabale
質問者

お礼

リンク先のページ、勉強になりました。 かなり難易度が高いようですね。レンタル掲示板で、テーブルに画像を使用するなどしてレイアウトを変えたいと思っている方は、実は結構いるのではないかと思い、質問させていただきました。角丸ができる＝テーブルに画像を使用できる　ということになるので、もしも実現できればとても意味があると思います。 回答いただき、ありがとうございました。

  • moon_night
  • ベストアンサー率32% (598/1831)
回答No.1

BODY内をいじれなければ出来ません。

arkabale
質問者

お礼

HEAD内をいじれるだけではできないのですね。 残念です。 回答いただき、どうもありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CSS

関連するQ&A

  • テーブルの角を丸く見せる画像について

    テーブルの四隅にCSSで画像を配置してテーブルの角を丸く見せるデザインをされているサイトを良く見ますが あの四隅の画像はどのようなソフトを使って作られているのでしょうか？ 有料・無料のソフトを含めて教えてください。 宜しくお願いします。

    • ベストアンサー
    • CSS
  • テーブルの角を画像を使わずに丸くさせたい

    1616BBSという掲示板のスタイルシートを弄っており、自分で解決出来ない問題が浮上しまして此の場をお借りして質問させていただきました。 テーブルの角を丸くさせる方法は画像を使ったものが主流だと思いますが、出来ればテーブルの角を丸くさせる方法を探しております。ご存知の方がいらっしゃれば、教えてくださると助かります。方法の回答じゃなく、こういう方法が載っているサイトを知っているという回答でも構いません。

  • テーブルの角の画像の作成について教えてください

    よく個人や企業のＨＰで、通常なら角がカクカクの テーブルを、画像を使って角を丸くしてるテーブルを見かける んですが、この画像を作るにはどうすればよいでしょうか？ できれば作成できるソフトも教えてもらえるとうれしいです。 持ってるのは、フォトショップ６．０とホームページビルダーです。

  • 丸角テーブルが作りたい

    たびたびお世話になっていますｍ（＿＿）ｍ HP作成初級者です。 丸角テーブルを作りたいと思っています。 しかも、そのテーブルに背景画像も入れたいのですが可能でしょうか？ やはり、丸角テーブルに背景画像を入れると角の部分が変になってしまうでしょうか？ もし、可能であれば一番簡単な方法を教えていただきたいです。 よろしくお願いします。

  • tableの角の丸い装飾

    Tableの外枠に角丸の画像を使ったり、線状の行を使ったりして、角が丸い表を表示しています。 ここから角の丸い装飾 <TD>★★</TD> ここで角の丸い装飾の終わり ★★の部分に、なんなかの文章なり、小さいtableを入れて使っていますが、★★以外の部分を関数化して共用にして簡単に使う方法はないでしょうか。 ××★★×× ＃上記部分を極限まで短い文字にするテクニックを。

  • テーブルやボックスの角を丸くする方法を教えて下さい。

    HPの初心者です。 Win98 IE6.0を使っています。 テーブルやスタイルシートのボックスを作った場合、通常それらの４角は直角になります。 これらを丸くする方法があれば、教えて下さい。 私はやむを得ず、画像ソフトを使っています。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • テーブルの角を丸くして、立体的に

    先日、IEでも閲覧可能で、 テーブルの線を細くするスタイルシートを このように教えて頂きました。 このスタイルシートから、 テーブルの角を丸くして、 立体的にする書き方を教えて頂けると とっても助かります。 －－－－－－－－－－－－ <!DOCTYPE html> <html lang="ja"> <head> <style type="text/css"><!-- table.WebDesign{ border-collapse: collapse; width: 400px;} table.WebDesign,table.WebDesign td{border:solid 1px #1C79C6;} --></style> </head> <body><div> <table class="WebDesign"> <tr><td>Webデザイン</td><td>Webデザイン</td></tr> <tr><td>Webデザイン</td><td>Webデザイン</td></tr> </table> </div></body></html>

    • ベストアンサー
    • CSS
  • 角のある四角いテーブルで囲みたい（ホームページ）

    Dreamweaver8を使用しています。 テーブルを利用して各項目別に区切って記述したいのですが、 これだと四角ばかりで硬いイメージになってしまいます。 下記サイトのような角が丸いテーブルを使用したいのですが、 どのようにすればよいのでしょうか？ おそらくスタイルシートを使用しているのだと思いますが、 cssファイルを開いても、どこのぶぶんかわかりませんでした。 http://www.cashingpartner.com/ よろしくお願いします。

  • htmlのｔａｂｌｅで日記をつくりたい・・・・

    はじめましてこんにちわ。 私は今HP作成の勉強をしています。 tableで角が丸いものはつくれるようになりました。 その後tableの周りのtd8箇所かな？に画像が入っている日記を作ろうと頑張っていますがどうもうまくいきません。 幅はそのままで、文字を入れると縦に伸びるように作りたいのです。四隅の画像はつねにそのままで、その他の画像は文字を入れると伸びてほしいのですが・・・どうも４角の画像が繰り返されて伸びたり・・伸びてほしいところが伸びなかったり・・・ いったいどうしたらいいのでしょうか・・ どこかわかりやすく説明されているサイトや、このtableの作り方をご存知の方はせひ教えてください。 よろしくお願いいたします。。

  • テーブルにスタイルシートを使う方法

    こんにちは、テーブルタグのことで質問があります。 普通、背景画像でスタイルシートを使い右下などに固定するタグは <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像の名前"); background-repeat : no-repeat; background-attachment : fixed; background-position : left bottom; background-color:#FFFFFF; } --> </STYLE> となると思いますが、これは通常<head></head>の間にいれますよね。 これをテーブルの中で使うにはどうすればいいでしょう？ テーブルの背景画像を右下や左下などに固定したいということなんですがそういうことはできますか？ よろしくお願いします；

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する