プロフのタグ表示を消したい
- stickamとゆうサイトで私のプロフ画面の上のほうにある『プロフィール』『写真一覧』『お友達一覧』『コメント一覧』や『基本情報』『自己紹介』『マイフォト』『メッセージ』『お友達』『一言コメント』を消したいんです。
- 現在、私のプロフ画面には『プロフィール』『写真一覧』『お友達一覧』『コメント一覧』や『基本情報』『自己紹介』『マイフォト』『メッセージ』『お友達』『一言コメント』の表示がありますが、これらを非表示にしたいです。
- stickamというサイトのプロフィール画面上部に表示されている『プロフィール』『写真一覧』『お友達一覧』『コメント一覧』や『基本情報』『自己紹介』『マイフォト』『メッセージ』『お友達』『一言コメント』を非表示にする方法を教えてください。
- ベストアンサー
プロフのタグ表示を消したい
stickamとゆうサイトで私のプロフ画面の上のほうにある『プロフィール』『写真一覧』『お友達一覧』『コメント一覧』や『基本情報』『自己紹介』『マイフォト』『メッセージ』『お友達』『一言コメント』を消したいんです。今はこうなってます <style type="text/css"> body{ background-image:url('http://www.petit.cc/shop_wallpaper/wallpaper/petit_027_1600.gif'); } div.profilePhotoTitle, div.profileInfoTitle, div.profileAboutTitle, div.profileMediaTitle, div.profileCommentTitle, div.profileFriendTitle, div.profileMessageTitle, div.profileRssTitle{ } #profilePhoto, #profileFriend, #profileComment,#profileAbout, #profileInfo, #profileMessage, #profileMediaPhoto, #profileMediaAudio,#profileMediaVideo, div.profileRss{ } </style>どう変更したらいいですか？
- tomomi231
- お礼率100% (1/1)
- その他（プログラミング・開発）
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
#profileFriend{display: none;}#liveMember{display: none;}
関連するQ&A
- 画像が表示されません
cssを使って、ホームページを作成しようとしています。 ファイルの構成は \MyHP のフォルダーの下に\image と \style と index.html としており、\image の中に 画像の hana.gif を入れ、\style の中に style.css の名前でｃｓｓ ファイルを書いています。 hana.gif を画面の左端に並べようとして、ｃｓｓには body {background-image:url(image/hana.gif); background-repeat:repeat-y; background-attachment:fixed} と書いています。 勿論 index.html の <header> には <link rel="stylesheet" href="style/style.css" type="text/css"> は書いています。 しかし、何も表示されません。 background-color:#ffff00; と書き換えると、画面は黄色一色に変わります。 他のことでも試していますが、どうも background-image:url(....) となるとうまくゆかないようです。 background:url(......)としてもダメです。 何が悪いのでしょうか。現在はIE7を使用していますが、IE6でもダメです。 画像ソフトで hana.gif を確認しましたが、問題なく画像が表示されます。
- ベストアンサー
- ホームページ作成ソフト
- 背景イメージの重ね表示
こんにちは。 MTを使ってテンプレートを作っているのですが、サイドバー全体の背景の上に、別な背景を表示させようとしています。 例えば以下のようなかんじです。 <style type="text/css"> .bg { background-position: left; background-repeat: repeat-y; background: url("./img/bg.gif"); } .fg { padding-bottom: 100px; background-position: bottom; background-repeat: no-repeat; background-image: url("./img/fg.gif"); } </style> ： ： <!-- ▼サイドバー▼ --> <div class="bg"> <div class="fg"> ： ： </div> </div> <!-- ▲サイドバー▲ --> IE だと全体の背景が前面にでてしまい、ホントは前面に表示されて欲しい別な背景が消されてしまい困っています。※Firefox などでは問題ない。 サイドバー全体の背景の上に別な背景を表示させたい場合には、どのようにすればいいのか教えください。 よろしくお願いします。
- ベストアンサー
- ブログ
- 画像表示
<STYLE TYPE="text/css"> <!-- div.sured_line { background-image: url("/img/rope_g.gif"); width: 95%; height: 12px; （画像の縦幅） } --> </STYLE> <div class="sured_line"></div> 掲示板のスレッドとスレッドの間に、ライン画像を入れようとしています。 このままだと、何故か画像がほんの少しだけ縦にだぶってしまいます。 （ラインの画像の下に、ラインの上部が少し見えている。） height を小さくしたり、０にしてみても変化はありません。 div の代わりに table を使うとちゃんと表示されます。 これはどこを調整したらよろしいでしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- 背景の2重指定 タグ
はじめまして。 背景のタグについて悩んでいまして、 一つは左上に、右下が隙間があるので、もう一つは右下に固定したいのですが、そのような事はできるでしょうか？ 今は左上だけできるのですが、右下に固定のやり方がどうしてもわかりません；； このような感じです↓ <style type="text/css"> <!-- body { background-color: #ffffff; background-image: url(http://db1.voiceblog.jp/data/bokunikudasai/1222662705.jpg); background-repeat: no-repeat; background-attachment: fixed; } --> </style> <STYLE type="text/css"> ここからできるでしょうか？ わかりにくい質問で申し訳ないのですが、教えてくださったら嬉しいです。
- 締切済み
- HTML
- 画像の表示方法について
画像の表示方法について 画像に関してですが、HTMLの中にimgでマークアップするより、cssで画像を指定した ほうがいいとある書籍に書いてありました。しかし、実際の方法が具体的に記載されて いませんでした。 それで考えたのですが、以下のように<div></div>で範囲を決めて、その背景画像に 画像を指定すればよいと思いました。 その際に、<div>と</div>の間には何も入らなくてもいいのでしょうか？ つまりこういうことです。 <div id="photo"></div> css #photo { background-image: url(image/photo01.gif); background-repeat: no-repeat; width: 240px; height: 180px; } これで240×180の写真が出せると思いますが、中に何も入らないのは文法上 いいのかどうか分かりません。 知人に聞いたら、適当にテキストを入れて、それをcssのtext-indentで表示を 消したらいいと言われました。つまり下記の通りです。 <div id="photo">photo1</div> css #photo { background-image: url(image/photo01.gif); background-repeat: no-repeat; text-indent: -9999px; ←これでテキストをかなたに飛ばす width: 240px; height: 180px; } HTML、cssについては、独学で本などで学んでいるため、聞きたいことが聞けずに 困る時があります。上記のものもその一つです。 この質問と共に、ついでで申し訳ありませんが、伺いたいのですが、Webマスター たちが集まって、お互いに質問したり答えあったりするサイトや掲示板などが あったらお勧めのものを教えてください。何卒、よろしくお願いいたします。
- ベストアンサー
- HTML
- CSS 〈address〉タグで囲んだ部分を最下部に表示したい
CSS 〈address〉タグで囲んだ部分を最下部に表示したい お世話になっております。 CSSでサイトを構築しようと考えております。 その際にコピーライト部分を〈address〉～〈/address〉タグで 囲み、その部分をページの最下部に表示したいのですが それが出来ずに悩んでおります。 よく『containerの全長（例えば500px）のheightを指定して、main（450px）とfooter(50px)でそれぞれにも 高さを指定すればよい』との解答を見かけますが、私が考えるのは もっと単純に『ページの最下部に表示』をしたいのです。 例えばテーブルタグを使えば【vertical-align: bottom】で 簡単に実践できますがこの表現方法はスマートとは言えません。 過去ログを検索したところ・・・ http://okwave.jp/qa/q2859912.html の質問サイトに私と全く同じ症状に悩み、解決した方への回答が あるのですが、解答と同様に私のサイトにタグを適用しても解決出来ず困っております。 【index.html】 （--ページヘッダは省略--） <title>タイトル</title> <link rel="stylesheet" type="text/css" href="style.css" /> <style type="text/css"> </style> </head> <body> <div id="container"> <div id ="header"> <h1>こんにちは</h1> </div> <ul> <li><a href="index.html">top</a></li> <li><a href="schedule.html">schedule</a></li> </ul> <div id="main"> <h2>Welcome!!</h2> </div> <address>Copyright©</address> </div> </body> </html> 【style.css】 @charset "utf-8";body , html { height: 100%;} body {color: #444444;} div#container {border: solid 2px #aaaaaa; padding: 20px; width: 500px; height: 100%; background-color: #ffffff; margin-left: auto; margin-right: auto} div#header {background-color: #111111; padding: 5px 20px;} h1 {font-size: 1.25em; font-family: Verdana, Helvetica, sans-serif; color: #66aa66} h2 {font-size: 1em; padding-left: 20px; padding-bottom: 3px; maragin-bottom: 10px; border-bottom: solid 2px #999999; background-image: url(freeback65.gif); background-repeat: no-repeat} ul {list-style-type: none; margin-left:0; background-color: #888888; padding-left:0; padding:3px 20px} li {display: inline; padding-right: 10px; color: #ffffff} li a {text-decoration: none; color:#ffffff} li a:hover {background-color:#bbbbbb} p {font-size: 0.75em; padding-left:10px} address {font-size: 0.625em; font-style: normal; color: #2d444f; text-align: center; text-valign: bottom;} この状態でwebで見ますと、肝心のアドレス部分は#container内の <p>タグの直下に表示されます。私の希望としましてはcontainer内の 一番下に表示されるのが理想です。 ご教授よろしくお願いいたします （タイトルミスで間違えてマルチ投稿になっちゃいました）
- ベストアンサー
- HTML
- HTMLタグについて
<!-- #EndEditable --> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <link rel="stylesheet" href="古いデーター/text.css" type="text/css"> </HEAD> <BODY bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="5" marginwidth="0" marginheight="5"> <table width="760" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td><div align="center"><img src="toppu2.gif" width="700" height="92"></div></td> </tr> </table> <div align="center"> <table width="760" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div align="center"><img src="botan4.gif" width="700" height="57" border="0" usemap="#Map6"></div></td> </tr> <tr> <td><div align="left"><!-- InstanceBeginEditable name="contents" --> ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ 上記のタグで 【<link rel="stylesheet" href="古いデーター/text.css" type="text/css"> 】が文字化けしてるから可笑しいと思うのですが、これを テンプレート上で下記のように修正してもエラーが出て 上手くいきません。 <link rel="stylesheet" href="../../text.css" type="text/css"> この他におかしい部分が多分あると思うのですが、 そこをお教えください。 宜しくお願い致します。
- ベストアンサー
- その他([技術者向] コンピューター)
- ２つのタグを合わせる
<img src="画像ＵＲＬ" style="filter:Alpha(Style=2)"> このタグは普通の画像を丸の形に変化させるタグなんですが、このタグを 背景を左下に固定させるスタイルシート <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position:0% 100%; background-repeat: no-repeat ; } --> </STYLE> この２つのタグを合わせたいのですがそんなことが出来ますか？ ［つまり、固定する画像に変化をつけたいんです］ 意味不な質問でごめんなさい。 分かる方、ご回答願います。
- 締切済み
- HTML
- IEだとうまく表示できません。ソースのどこが悪いのでしょうか
画像はIEのものです。Firefoxだとうまく表示されるのですが、IEだと大きく崩れます。 いろいろとデバックしてみましたが、どうしてもわかりません。ソースのどこが悪いのでしょうか？本当に困っています。 問題点は以下の二つです。 (1)タイトルの右の画像が下に落ちる。 (2)画面中段の「Jan」という画像が下に落ちる。 特に困っているのが、reset.cssでブラウザデフォルトのスタイルを修正しているはずなのにうまくいかない、という点です。以前、ホームページ・ビルダーを使ったことがあり、自動的にソースが修正されてしまいました。その後、表示がおかしくなってしまったのです。 以下、ソースです。 html↓ --------------------------------------------------------- <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="description" content="製品化するサイトです" /> <meta name="keywords" content="製品化" /> <meta name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 11.0.0.0 for Windows" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>タイトル</title> <style type="text/css"> body { background-image:url(image/back.gif);background-repeat:repeat-x; } </style> <link href="css/reset.css" rel="stylesheet" type="text/css" /> <link href="css/index.css" rel="stylesheet" type="text/css" /> <link href="css/main.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrap"> <div id="header"><a href="index.html"><img id="title" src="image/title.gif" width="614" height="160" alt="タイトル" /></a> <img id="title image" src="image/title image.gif" width="160" height="160" alt=" バナー" /></div> <div id="contents"> <div id="sidebar"> <a id="_HPB_ROLLOVER4" onmouseout="HpbImgSwap('_HPB_ROLLOVER4', 'image/down.gif');" onmouseover="HpbImgSwap('_HPB_ROLLOVER4', 'image/down click.gif');" href="#"><img id="down" src="image/down.gif" width="140" height="130" alt="欲しい人" name="_HPB_ROLLOVER4" /></a> <a id="_HPB_ROLLOVER1" onmouseout="HpbImgSwap('_HPB_ROLLOVER1', 'image/sidebar site.gif');" onmouseover="HpbImgSwap('_HPB_ROLLOVER1', 'image/sidebar site clilck.gif');" href="about this site.html"><img src="image/sidebar site.gif" </div> </div> </div> </body> </html> --------------------------------------------------------- reset.css↓ --------------------------------------------------------- @charset "UTF-8"; body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,input,textarea,pre{margin:0;padding:0;} ul,li{list-style-type:none;} table,img{border:0px;} body,h1,h2,h3,h4,h5,h6,td,th,p,div,input,textarea,pre,ul,ol{ font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Verdana,'ＭＳ Ｐゴシック',sans-serif; font-weight:normal; } a:focus {outline:none} em{font-style:normal;} hr{display:none;} address{font-style:normal;} *{line-height:1.0;} ---------------------------------------------------------
- ベストアンサー
- HTML
お礼
ありがとうございました