リサーチ115

リサーチ115 > ffcccc

ffccccの基礎知識

ffcccc関連商品

多数のネットショップからffcccc関連の商品を探して一覧表示しています。

レバー式ロングリクライニング座椅子ソファ【libero】リベロ: ブラウン/
<p>レバー式だから、座ったまま調節できちゃう!なんともラクチンな贅沢座椅子ソファ。</p><p><span style="font-size: small"><strong><span style="color: ...
レバー式ロングリクライニング座椅子ソファ【libero】リベロ: オフホワイト/
<p>レバー式だから、座ったまま調節できちゃう!なんともラクチンな贅沢座椅子ソファ。</p><p><span style="font-size: small"><strong><span style="color: ...
レバー式ロングリクライニング座椅子ソファ【libero】リベロ: カスタード/
<p>レバー式だから、座ったまま調節できちゃう!なんともラクチンな贅沢座椅子ソファ。</p><p><span style="font-size: small"><strong><span style="color: ...
レバー式ロングリクライニング座椅子ソファ【libero】リベロ: カーキ/
<p>レバー式だから、座ったまま調節できちゃう!なんともラクチンな贅沢座椅子ソファ。</p><p><span style="font-size: small"><strong><span style="color: ...
レバー式ロングリクライニング座椅子ソファ【libero】リベロ: チャコールグレー/
<p>レバー式だから、座ったまま調節できちゃう!なんともラクチンな贅沢座椅子ソファ。</p><p><span style="font-size: small"><strong><span style="color: ...
レバー式ロングリクライニング座椅子ソファ【libero】リベロ: ピンク/
<p>レバー式だから、座ったまま調節できちゃう!なんともラクチンな贅沢座椅子ソファ。</p><p><span style="font-size: small"><strong><span style="color: ...

疑問・質問・口コミ

ヤフー知恵袋から「ffcccc」に関する疑問・質問・口コミ情報をピックアップ。プチ情報があるかも!?

質問
外部CSSにするとずれてしまいます。左カラムとメインカラムは左いっぱいにくっつき、ヘッダーとフッターは画面いっぱいに広がってしまいます。CSSは以下の通りです。<!--.outer { width:822px; background-color: #ffffff; padding: 10px; margin:0 auto 0 auto; }.menu { float:left; width:250px; background-color: #339999; height: 1010px; }.main { float:left; width:570px; background-color: #ffffff; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #63c; border-right-color: #6633CC; border-bottom-color: #6633CC; border-left-color: #6633CC; margin-bottom: 3px; padding-top: 1px; height: 1010px; }.main { font-family: "HG丸ゴシックM-PRO","HG正楷書体-PRO";}.clears{ clear:both;}.foot { clear:left; width:820px; background-color: #FFCCCC; height: 40px; } .head { background-image: url(./img/bg.gif); height: 160px; font-size: 36pt; font-weight: bold; padding-left: 30px; padding-top: 40px; letter-spacing: 2px; }.clears{ clear:both;}--><head><link href="./style.css" rel="stylesheet" type="text/css"></head><div class="outer"><div class="head"></div><div class="menu"></div><div class="main"></div><div class="foot"></div></div>これをそれぞれのページの<head>~</head>の間に入れると上手く表示されるのですが、外部にすると下の画像のようにずれてしまいます。何が原因なんでしょう?どうすれば解決できるのか、ご教授下さい。

ベストアンサー
外部CSSには<style></style>と<!---->は必要ありませんし正しく外部化できればheadに書いたとでも外部化してもずれる事はありません。スタイルシート1 - スタイル設定の方法http://www.kanzaki.com/docs/html/htminfo17.html

質問
アイフレについてです。私はアメブロをやっています。http://ameblo.jp/sakuramodear1011アイフレの背景だけを透明にする方法ってありますか?私はこのタグを使いました。#aifure2{position:absolute;top:470px;/*上から A*/right:370px;/*右から B ※注*/width:130px;/*枠の横 C*/height:170px;/*枠の縦 D*/overflow:auto;/*スクロールをつける*/padding:10px;/*中のスキマ E*/filter:alpha(opacity=70); /*背景色を半透明*/-moz-opacity: 0.7;/*背景色を半透明*/opacity: 0.7;/*背景色を半透明*/z-index:300;/*重なりの順序を一番上に*/border:1px solid #ffcccc;/*枠 太さ・線種・色*/}半透明じゃなく透明にするためにbackground-color: transparent;/*枠内の背景色を透明に*/を貼って、filter:alpha(opacity=70); /*背景色を半透明*/-moz-opacity: 0.7;/*背景色を半透明*/opacity: 0.7;/*背景色を半透明*/を消したら、背景が白くなりました。別に半透明でもいいのですが、画像の半透明になってしまうので・・・背景が半透明で画像が普通に映るやり方でもいいので教えて下さい!!

ベストアンサー
① 下記をCSSの最後に追記してください#aifure1, #aifure2, #aifure3, #aifure4, #aifure5, #aifure6, #aifure7,#aifure {background-color:transparent !important;}.plugin{background-color:transparent !important;}■ 補足の回答① CSSを見て下記を全部消してください(3行)filter:alpha(opacity=70); /*背景色を半透明*/-moz-opacity: 0.7;/*背景色を半透明*/opacity: 0.7;/*背景色を半透明*/② 半透明にするのは、①のCSSは最近使わないです。半透明画像を入れます。① のCSSは画像や、動画までも半透明になるので。IEでは、対応方法があるが FireFoxではNG!③ わからなければ、私のブログにコメントしてください。ちゃんと直した、CSS全部をファイルで提供できます

質問
私はアメブロをやっています。http://ameblo.jp/sakuramodear1011なぜかアイフレの背景が斜めのしましまになっているんですが、どこを直せば普通の透明に戻りますか?(一つ成功してますが、なぜかはわかりません)実際にcssに貼っているタグです。#aifure4{position:absolute;top:500px;/*上から A*/right:800px;/*右から B ※注*/width:260px;/*枠の横 C*/height:170px;/*枠の縦 D*/overflow:auto;/*スクロールをつける*/padding:10px;/*中のスキマ E*/background-color:背景色;/*枠内の背景色*/z-index:300;/*重なりの順序を一番上に*/filter:alpha(opacity=70); /*背景色を半透明*/-moz-opacity: 0.7;/*背景色を半透明*/opacity: 0.7;/*背景色を半透明*/border:1px solid #ffcccc;/*枠 太さ・線種・色*/}

ベストアンサー
① 下記をCSSへ追記する.skinBody{background-repeat:no-repeat;height:860px;}.skinContentsArea{height:700px;}#aifure1,#aifure2,#aifure3,#aifure4,#aifure,#aifure5{background-image:none;background-color:#ffffff !important;}.plugin{background-image:none;background-color:#ffffff !important;}② 下記の行を消す(透過度を指定している部分)filter:alpha(opacity=70); /*背景色を半透明*/-moz-opacity: 0.7;/*背景色を半透明*/opacity: 0.7;/*背景色を半透明*/■ 補足の回答① 下記をCSSへ追記する#aifure1, #aifure2, #aifure3, #aifure4, #aifure5, #aifure6, #aifure7 {background-image:none !important;background-color:transparent;}② 回答したのをCSSにいれてください。質問して回答して、CSSに貼らないでは、何のために質問したか?何のために回答したかわからなくなります。

質問
CSSで #ffcccc #999999など打ちますがイラストレーターやフォトショップなどで 何が何色か分かりませんかね?

ベストアンサー
Illustratorなら。カラーパネル左上の塗り(線でも良い)の四角をダブルクリック>カラーピッカー内の#欄に数値入力>カラーピッカー内のなにもない部分をクリック>見た目の色やRGBやCMYK等で数値表示されます。

質問
タグについてなのですが、以下のタグを使うとどうしてもリンク色が青、リンク済みの色が紫(?)になってしまいます。どの部分を変えれば色を変えられますか?<div align="center"><nopc><table border="0" bordercolor="#ffcccc" width="90%"><tr><td><div style="line-height:15px;"></nopc><nopc><font size="1"></nopc><pc><table border="0" bordercolor="#ffcccc" width="50%"><tr><td><div style="line-height:20px;"></pc><pc><font size="3"></pc><FONT color="#ffcccc" size="3" face="HGSゴシックM"><font color="gray"><font color="#ffcccc"></font><FONT color="#0000ff" size="3" face="HGゴシックM"><font color="gray"></font></FONT><FONT color="#0000ff" size="1" face="HGゴシックM"><font color="gray">(<a href=""></a>/<a href=""></a>/<a href=" "></a>/<a href=""></a>)<FONT color="#0000ff" size="1" face="HGゴシックM"><font color="gray"><font color="#ffcccc">*</font><FONT color="#0000ff" size="1" face="HGゴシックM"><font color="gray"><a href=""></a><FONT><FONT></td></tr></table></div></td></tr></table></div></div>

ベストアンサー
>sakura0sora0さん>どうしてもリンク色が青、リンク済みの色が紫(?)になってしまいます。リンクですから。ページ全体でのリンク色を指定(<body link="#aaaaaa" vlink="#cccccc">)するか、<a href=""><font color="gray">xxx</font></a>とリンクの中で文字色を指定するかですね。ただ、それはリンクなのですから、通常文字色とは違っているほうがユーザビリティ上では良いと思います。http://www.tagindex.com/html_tag/page/body.html

このページはWebサービスを利用して作成されています。詳しくは以下のページをご覧ください。

リサーチ115とは?


since 2010/05/13 Copyright (C) 115. All Rights Reserved