/* CSS・スタイルシート質問スレッド【18】 */

このエントリーをはてなブックマークに追加
853Name_Not_Found
ul{list-style-image:url(URI);}
li{text-align:right;}
Opera7.10なんかでマークがついてこないのはバグでしょうか
既出ならスマソ
854Name_Not_Found:03/05/18 05:33 ID:???
>>853
バグっぽいですね。
ちなみにOpera6では再現しません。
855Name_Not_Found:03/05/18 12:03 ID:???
>>853
スレ違い
・CSS/DHTMLバグ辞典スレッド ver2.0
 http://pc2.2ch.net/test/read.cgi/hp/991666454/l50
856Name_Not_Found:03/05/18 13:27 ID:???
>>853,854,855
って、いうか各リストに表示したいなら、
li {
list-style-image:url(URI);
text-align:right;
}
もしくは<ul>のみ表示されるには
ul{
display:list-item;
list-style-image:url(URI);
}
li{
text-align:right;
list-style:none;
}
こうだけどな
バグ以前の問題だけどな(w
857Name_Not_Found:03/05/18 15:25 ID:???
>>855 それ、お倉入りですよ。新スレッドへどうぞ。
CSS/DHTMLバグ辞典スレッド 第3版
http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50

>>857
「もしくは<ul>のみ表示されるには」で、
なんでli{list-style:none;}なのか。
これではulのリストマークは何も表示されなくなるぞ。
858Name_Not_Found:03/05/18 15:41 ID:???
>>853
「マークがついてこない」とは、MacIEの次のバグと同じかな。

リストをセンタリングしたときにリストマーカーがセンタリングされない(5.0)
http://cssbug.tripod.co.jp/detail/macie/b048.html

Opera7で>>853をtext-align:center;にしても再現するね。
でも、これはこれで「仕樣通りの動作」らしいよ。
但しOperaはMacIEと違って、list-style-imageを指定した場合だけなるわけで、
問題ですね。
859Name_Not_Found:03/05/18 17:47 ID:???
独自拡張を使うと、W3CのValidatorではエラーが出るんでしょうか?
860Name_Not_Found:03/05/18 18:08 ID:???
>>859
試せばすぐわかることをなぜ訊くの? 出るよ。
861856:03/05/18 18:25 ID:???
>>857
自分への問いかけ?(w
<li>表示したければlist-style:noneを消せば良い。
つまり、<ul>にはリスト用のボックスがないので、display:list-item;で
リスト用のボックスを生成させてlist-style-imageを指定するってこと。
<ul>に何も表示されないのではなくて隠れているのでmargin付ければでる。
意味分かるか?
862Name_Not_Found:03/05/18 18:41 ID:???
言ってる意味がよくわからないのは僕だけでしょうか?
863Name_Not_Found:03/05/18 18:45 ID:???
>>856
何でそんな面倒臭いことするの?
ul li {
list-style-image:url(URI);
text-align:right;
}
で充分じゃん(w
864856:03/05/18 18:54 ID:???
>>862.863
20pxぐらいの mark_ul.gif・mark_li.gifを用意してやってみな

ul {
border:red thin solid;
display:list-item;
list-style-image:url(mark_ul.gif);
margin-left:30px;
}
li {
list-style-image:url(mark_li.gif);
border:blue thin solid;
margin-left:30px;
}
<ul>
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ul>
865856:03/05/18 18:59 ID:???
>>863
一見それでいいようだけど、<ul><dl><ol>はブラウザによって
初期値が違うんだよね、バグじゃないよ
866Name_Not_Found:03/05/18 19:13 ID:???
初期値違ってもmarginとpadding指定してやればそんな面倒なことする必要ないんじゃ?
867Name_Not_Found:03/05/18 19:18 ID:???
>>866
まったく意味がわかってない香具師
アフォだな
868昔の人:03/05/18 21:29 ID:???
>>856は根本的に勘違ひをしてゐませんか。

>つまり、<ul>にはリスト用のボックスがないので、display:list-item;で
>リスト用のボックスを生成させてlist-style-imageを指定するってこと。

そんな「<ul>のみ表示される」なんてこと、
質問者(>>853)が求めてゐたとは思へないんですが。
869Name_Not_Found:03/05/18 21:29 ID:???
tableタグにfilter:alpha をつけて表を半透明化させたのですが、
その表の中の画像だけ透明化をきりたいので、IMGタグの中にfilter:alpha(opacity=100)と記述したのですが半透明なままです。
画像のみ半透明をきることは不可能なのでしょうか?
870Name_Not_Found:03/05/18 21:41 ID:???
んなもんMSに聞け
871856:03/05/18 21:53 ID:???
>>868
オマエも解ってないな?
<ul>のみに表示させるっていうより、基本的にいえば<ul>にlist-style-image
を指定することは、Strictじゃないわけで、あえて表示させるなら...
ってことで説明してやたんだけど?
<ul>にlist-style-imageしたところで継承の関係で<li>のマーカーとして
表示されているだけで、実際のところは、>>853はどういう風に要素に対して
マーカーを表示させたいのかは知らないし、どうでもいいことなんだけどな。

872Name_Not_Found:03/05/18 22:01 ID:???
>>869
そんなモノ使用するのやめる
最近は糞なWinIEのせいで勘違いしている香具師が増えてきたね?
873昔の人:03/05/18 22:04 ID:???
>基本的にいえば<ul>にlist-style-image
>を指定することは、Strictじゃないわけで、

ハテ? CSS2の仕樣書に例が載ってゐましたが、あれは間違ひなのでしたか。
http://www.w3.org/TR/REC-CSS2/generate.html#lists
>The following example sets the marker at the beginning of each list
>item to be the image "ellipse.png".
>
>UL { list-style-image: url("http://png.com/ellipse.png") }
874Name_Not_Found:03/05/18 22:09 ID:???
>>871 偉ぶってウソ説かれたら、困りますな。
>>872 独自拡張位で目くじら立てなさんな。ええやん、どうせIEで見てないんでしょ?
875Name_Not_Found:03/05/18 22:16 ID:???
>869とは違うんだけど
IEのfilter: Alpha みたいなのって
CSSではでけへん?
876Name_Not_Found:03/05/18 22:19 ID:???
>>875
alpha関係はCSS3だね。
877Name_Not_Found:03/05/18 22:19 ID:???
>>875
正式には、できない。
でもMozilla/NN6なら、独自拡張のmoz-opacityでできるから、検索してごらん。
878Name_Not_Found:03/05/18 22:30 ID:???
>869
tableに50、imgに100を指定してたとすると
imgは結局50% * 100% = 50%だから半透明のまま。
200にすれば解決



するかどうかは知らんけどな、IE使ってないから
879Name_Not_Found:03/05/18 22:31 ID:???
つかimg{filter:none;}で良いんじゃないかって気もするが
880853:03/05/18 22:51 ID:???
質問者です。多数のご意見有り難うございました。
えと、CSSの例文については疑義もあると思いますが、
質問点は以下で取り上げていただいた通りで、大変参考になりました。

> 「CSS/DHTMLバグ辞典スレッド 第3版」
> 112 :Name_Not_Found :03/05/18 15:54 ID:???

# スレ違いスマソ
881875:03/05/18 22:58 ID:???
>>876,877
ありがd。参考になりました。
882Name_Not_Found:03/05/19 03:45 ID:???
結局>>856>>871は、知ったかぶっておいて誤りだったのか。逃げたかな?
883Name_Not_Found:03/05/19 12:06 ID:???
>>882
>>864の例からして、単純にULのマーカーではなくて、
ULと、LIのブロックの配置について語っていると思われ
884Name_Not_Found:03/05/19 14:01 ID:???
なんかよくわからんけど<ul><ol>にわざわざdisplay:list-itemする必要ないし、
list-style-imageプロパティはli要素だけじゃなくてdisplayプロパティが
list-itemの要素にも適用できるってことでいいのかな。
885Name_Not_Found:03/05/20 00:14 ID:MzEdboz8
テキストに重ねて色付きの横棒を表示させるデザインにしたいんですが、どうしたらいいんでしょうか。
886Name_Not_Found:03/05/20 00:20 ID:???
>>885
その色付きの横棒とやらを何処にどういう風に付けたいのかが問題
887Name_Not_Found:03/05/20 00:26 ID:???
>885
打消し線の色は変えられなかったような希ガス
888Name_Not_Found:03/05/20 00:27 ID:MzEdboz8
>>886

打ち消し線のように重ねて表示です。で、テキストの色とは別の色でテキストを強調させるような
効果をだしたいんですが。
889Name_Not_Found:03/05/20 00:51 ID:???
>>888
spanでくくって背景指定、とか。
890Name_Not_Found:03/05/20 00:57 ID:???
で、>>856は結局なんだったの?電波?
891Name_Not_Found:03/05/20 00:59 ID:???
>888
positionとz-indexで「─」を文字の上に重ねる、かな。
あんまりお手軽には出来ないね。
892Name_Not_Found:03/05/20 01:35 ID:???
ちょっとすれ違い気味かもしれないけど、、
CSS切り替えスクリプトでBBSの外観までコントロール
しているページって知ってます?
893Name_Not_Found:03/05/20 01:48 ID:???
どういうこと?
サイト全体の外観が変わることでBBSの外観も変わるという所なら、いくつかあるだろうけど。
894Name_Not_Found:03/05/20 01:58 ID:???
>>888
こんなんどう?

.ui{color:blue;text-decoration:line-through}
.wi{color:red}

<div class="ui">
<span class="wi">うぃうぃ</span>
<div>
895Name_Not_Found:03/05/20 02:08 ID:???
スマソ。

.ui{color:blue;text-decoration:line-through}
.wi{color:red}
<span class="ui"><span class="wi">あうあう</span></span>

こっちのほうがスマートかも。
しかしspanって入れ子にしてよかったっけ?
ちゃんと動作するみたいだけど。
896Name_Not_Found:03/05/20 02:18 ID:???
>>893
レスども。
切り替えスクリプトを使ってCGIまでいじってるとこあるのかな、と思ったんですけど。
よくよく考えるとその道のサイトでは結構ばんばんやってましたね。
しょうもないことに時間とらせてスマソ
897Name_Not_Found:03/05/20 02:26 ID:???
>>895
回答するなら仕様書ぐらい読め。間違った事教えたらどうするんだ。

で、spanをネストするのはinvalidではないが、
むやみやたらとネストすることはお勧めできない。
898Name_Not_Found:03/05/20 02:48 ID:???
895>>897
いや、すみませんでした(汗
フォロー、サンクスです。
899Name_Not_Found:03/05/20 06:29 ID:???
テーブルの幅をウィンドウ幅に合わせて伸縮させ、かつ左右の余白は常に一定…とするには、どうすれば良いでしょう?

こんな感じ

   テーブル
┌―│―┐
│┌↓┐│
││  │←余白
│└―┘│
└―――┘

    テーブル横幅はウィンドウにあわせて伸縮
┌――│――┐
│┌―↓―┐│
││      │←左右の余白は一定
│└―――┘│
└―――――┘

どうも、すごい基本的なことのような気がするのですが、どうぞよろしくお願いします。
900Name_Not_Found:03/05/20 07:39 ID:???
width=100%
margin=適当。
901899:03/05/20 09:01 ID:???
>>900

やってみました。
右のほうが画面外にはみ出してしまいます…。
902proxy125.docomo.ne.jp:03/05/20 09:39 ID:???
100%じゃなくてautoとかにしないと実装がアレだったような…。資料出せなくてスマ。
903Name_Not_Found:03/05/20 10:01 ID:???
5 :Name_Not_Found :03/04/12 03:41 ID:???
【FAQ】
Q1: IEでは大丈夫なのに、Netscape6 以降で見ると横スクロールバーが出たりするが?
A1: Windows版 Internet Explorerのボックス・モデルが間違った実装だからです。
「width と height の計算方法の実装の違いについて」参照。
http://hp.vector.co.jp/authors/VA022006/css/visualren.html#ref-width-height
width(height)は、要素の内容領域の幅(高さ)を指定するプロパティですが、
WinIE等では、ボーダー領域 + パディング領域 + 内容領域 の寸法で計算されます。
Netscape 6以降やMacintosh版 Internet Explorer 5 の計算が正しい。
WinIEもver.6 からは標準準拠モードにすると仕様通りに計算してくれます。
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic3
参考「IEとNNのBOXの計測方法の違いについて」
http://www.fromdfj.net/html/border2.html
904Name_Not_Found:03/05/20 10:45 ID:???
>>899
div厨かもしれないけど、こんなん駄目?

.hako{margin:1em 3em 1em}
.hyou{width:100%;margin:0}

<div class="hako">
<table class="hyou" border="1">
<tr>
<td>あ</td><td>ん</td>
</tr>
</table>
</div>
905Name_Not_Found:03/05/20 10:54 ID:???
あ、スマソ。>>904の.hyouのmargin:0は消し忘れです。
906Name_Not_Found:03/05/20 11:06 ID:???

次スレッド立てる人、テンプレートが移転してるから宜しく。

CSS・スタイルシート質問スレッドのテンプレ
http://web2ch.s31.xrea.com:8080/index.php?CSS
 FAQ(よくある質問と回答)
  http://web2ch.s31.xrea.com:8080/index.php?CSSFAQ
 過去ログ
  http://web2ch.s31.xrea.com:8080/index.php?CSSLog
 関連リンク
  http://web2ch.s31.xrea.com:8080/index.php?CSSRelated
907899:03/05/20 11:30 ID:???
レスありがとうございます。
うーん、いずれの方法でもうまく表示されません。
環境はIE6.0で確認しているのですが、やはり>>903のような事情なのでしょうか。
少し考えてみます。
908Name_Not_Found:03/05/20 11:34 ID:???
>906
不思議マークアップで笑タ。
おまけにうざくてオナニーサイト化してきたな。
909Name_Not_Found:03/05/20 11:49 ID:???
>>908 
不思議って……広告の部分は仕方ないのでは。ケチつけることばかりうまくなって。
910Name_Not_Found:03/05/20 12:05 ID:???
>>909
今見てきたら不思議というよりあまりにも酷過ぎだったけど。
でもwikiってのよく知らないんだけど、
これが吐くソースがひどいのではないだろうかと推測。
あと関係ないけどxreaなら広告を手動で挿入すれば正しいHTMLソースでいける。
911Name_Not_Found:03/05/20 12:17 ID:???
>>909
移転前はちゃんとしたマークアップだったのにねえ……(広告除く)
http://fake_lint.tripod.co.jp/css.html
912Name_Not_Found:03/05/20 13:05 ID:???
で、>>856は結局なんだったのでしょうか?
913Name_Not_Found:03/05/20 13:08 ID:???
>>899
marginのサイズに合わせてwidth:95%くらいに加減すればハミデナーイ
914Name_Not_Found:03/05/20 13:38 ID:???
>>912
113 :Name_Not_Found :03/05/18 18:31 ID:???
>>112
基本的には、<li>にlist-style-image:url(URI);
を指定するもんだけどね?(w

115 :Name_Not_Found :03/05/18 22:16 ID:???
>>113
http://pc2.2ch.net/test/read.cgi/hp/1050086156/873n
>ハテ? CSS2の仕樣書に例が載ってゐましたが、あれは間違ひなのでしたか。
> http://www.w3.org/TR/REC-CSS2/generate.html#lists
>>The following example sets the marker at the beginning of each list
>>item to be the image "ellipse.png".
>>
>>UL { list-style-image: url("http://png.com/ellipse.png") }
915Name_Not_Found:03/05/20 20:43 ID:???
新しいテンプレ見てきましたが・・・

ああいうデザイン、今はやってんですか?
Operaのフロントページ、Lunascapeのフロントページ、
みーんなそっくし。

もしかして作ってる人が同じ?
特徴がなくて何だか見ててつまんにゃい。
916Name_Not_Found:03/05/20 21:09 ID:???
http://web2ch.s31.xrea.com:8080/index.php?CSSFAQ を HTML4.01 Transitional としてチェックしました。
143個のエラーがありました。このHTMLは -1点です。タグが 33種類 367組使われています。文字コードは EUC-JP のようです。


……XHTMLでないのに<br />だの<img />だの、なんなんだろうね
917Name_Not_Found:03/05/20 22:06 ID:???
オナニーサイトだからな。
他人の評価なんてどうでもいいんだろう。
918Name_Not_Found:03/05/20 22:25 ID:???
>>906
このスレの関係サイトがこれじゃなねぇ。
919Name_Not_Found:03/05/20 23:03 ID:???
>>915
流行っていると言うかpukiwikiだし
920Name_Not_Found:03/05/21 00:04 ID:???
まあこの板で使うなら、ちゃんとしたソース吐くように
改造しても良さそうなもんだけどな。
921Name_Not_Found:03/05/21 19:41 ID:???
pukiwiki使う必要があるのかはさておき、
なんでCSSスレなのにpukiwiki使うのか。
http://pc2.2ch.net/test/read.cgi/hp/1041641395/
23 名前: Name_Not_Found :sage 投稿日: 03/01/04 (土) 17:31 ID:???
>>10
なんとなく作ってみますた…。
需要なさそうだったら消します。
http://hiro777o.fc2web.com/omega/2ch/css000.html

38 名前: Name_Not_Found :sage 投稿日: 03/01/04 (土) 22:20 ID:???
俺もFAQをなんとなく載せてみたんだが、かぶったな。
http://nira.s25.xrea.com/FAQCSS/ls_00.html

78 名前: Name_Not_Found :sage 投稿日: 03/01/06 (月) 17:30 ID:???
>>1に貼るテンプレ作ってみたよ。
http://fake_lint.tripod.co.jp/css.html

追加したいこととか、修正するとことか教えて。
923Name_Not_Found:03/05/21 21:00 ID:???
プッ
924Name_Not_Found:03/05/22 00:22 ID:???
>>922
真中のがよさげだな。
あとは
http://www.xrea.com/?action=ad
を見て広告を自分で挿入してくだちぃ。
CENTERはイカンよ。
それと、
DOCTYPE宣言がIEを互換モードへ導いてるのは仕様ですか?
925Name_Not_Found:03/05/22 09:01 ID:LdW0NUPk
質問です。

CGIで生成されるHTMLで(DOCTYPE宣言無し)、
Opera6のH要素につけた<CENTER>がききません。
<CENTER><H3 style="border:solid 1px #000;">見出し</H3></CENTER>が
 ブロックごと普通に左寄せになります。

<CENTER><table><tr>・・・・・</table></CENTER>
だと画面中央にちゃんときます。

<CENTER>なんか取っ払ってcssでBODY{text-align:center}とすれば
いいんでしょうが、
CGIなので<CENTER></CENTER>が記事を追加するたびに
延々吐き出されつづけます。

どう対処すればいいのでしょうか?
ちなみにIEでは問題ありません。
926Name_Not_Found:03/05/22 09:03 ID:???
>925
center{text-align:center}
これでダメならCGI改造するべし。
927動画直リン:03/05/22 09:09 ID:eu9qdXFr
928Name_Not_Found:03/05/22 16:33 ID:???
質問ではないのですが、
今自分でトラブってて解決したことからちょっと。

<p class=" myclass">
という感じに半角スペースをいれて
.myclass{  /*  いろいろ  */  }
とやるとオペラで無効、IEと根輔では有効に働きます。
ブラウザ振り分けのとても邪道な方法になる・・・・・わけないですよね。

駄文許してけろ。
929Name_Not_Found:03/05/22 20:53 ID:???
>>928
文法的には問題ないのかしら?
930Name_Not_Found:03/05/22 21:09 ID:???
>>929
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/types.html#type-cdata
>ユーザエージェントは、CDATA型属性値の、冒頭あるいは末尾の空白
>文字を無視してよい。 (例えば「 myval 」を「myval」として解釈
>してよい。) 著者は、冒頭あるいは末尾に空白文字のある属性値を宣言
>することを避けるべきである。
931Name_Not_Found:03/05/22 21:10 ID:???
http://www.w3.org/TR/1999/REC-html401-19991224/types.html#type-cdata
>User agents may ignore leading and trailing white space in CDATA attribute values (e.g., " myval " may be interpreted as "myval").
>Authors should not declare attribute values with leading or trailing white space.

UA的にはそういう空白は無視して良い。
ページ製作者的にはそういう書き方はするべきでない(禁止ではない)。
932930:03/05/22 21:20 ID:???
>>931
あたしでよければ、ケコーンし(ry
933Name_Not_Found:03/05/22 22:56 ID:???
>>928-932
こちらに登録してくれると、嬉しい。

CSS/DHTMLバグ辞典スレッド 第3版
http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50
934Name_Not_Found:03/05/22 23:29 ID:???
すみません。初めてで解説サイト見ながら四苦八苦やってるんですがどうも出来ないので質問させてください。
素材サイトからフォントを落としたんですがこれをIEで表示させたい時はどうすればいいのでしょうか?
windowsのフォルダファイルに落としたフォントファイル入れてテキストエディタで
<font-family: "落としたフォントファイルの名前">〜</font>
でいいんでしょうか?
935Name_Not_Found:03/05/22 23:35 ID:???
<span style="font-family:xxxxx;">〜〜</span>
だけど結局自分以外には意味が無いからやめとけ。
936Name_Not_Found:03/05/22 23:36 ID:???
>>934
すれちがい
937Name_Not_Found:03/05/22 23:45 ID:???
>934
まあCSSでやるにはどう?って質問ならスレ違いじゃ無いんだけど。

見る人がそのフォントを持ってないとブラウザで指定されているフォントが使われるか、
まあそれなら良いんだけど実装や特定の環境によっては文字化けの原因になっちゃうので
フォント決め打ちはちょっと推奨できないかな。
938Name_Not_Found:03/05/22 23:46 ID:???
ああ、自分専用のローカルな文書を作るのなら問題無しだけど。
939Name_Not_Found:03/05/22 23:48 ID:???
>>922
なんだ、まだまともなHTMLのところもあるじゃないか。

つーか、結局このスレにテンプレ張っているんだから
あんまり必要ないような気が
940Name_Not_Found:03/05/22 23:48 ID:???
>>934
解説サイト↓読んで、ナゼわからないかねえ。
http://msugai.fc2web.com/web/CSS/font.html
941Name_Not_Found:03/05/22 23:51 ID:???
>>934
特定のフォントきめうちでは、そのフォントがインスコされていない
他のPCでは、あなたの思っているような表示にならないでしょうから、
(A) あきらめる
    [閲覧者の好みのフォントを使わせてあげる♥]
(B) 画像にしてみる
(C) "MS Pゴシック","Osaka",,,,,のように候補を増やす
942934:03/05/23 00:08 ID:???
詳細&迅速なレスありがとうございます。
あまり実用的でない&スレ違い失礼致しました。
フォントファイルを画像にして保存するってできないですよね?
ちと自分で方法探してみます
943Name_Not_Found:03/05/23 00:13 ID:???
>>942
著作者の意向も考えなきゃだめだよ。
画像にする、ってことは加工して表示するわけなんだから。
944Name_Not_Found:03/05/23 00:23 ID:???
>>933
> ユーザエージェントは、CDATA型属性値の、冒頭あるいは末尾の空白
> 文字を無視してよい
 って、ユーザエージェントが空白を無視しないのも仕様上間違っては
いないのでは?
つまりバグとは言えないような気がするのですが.。
識者フォローお願いします。
945Name_Not_Found:03/05/23 00:42 ID:???
>>944
それも含めて、こちらで論じては?

CSS/DHTMLバグ辞典スレッド 第3版
http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50
946Name_Not_Found:03/05/23 01:09 ID:???

/* CSS・スタイルシート質問スレッド【19】 */
http://pc2.2ch.net/test/read.cgi/hp/1053619342/l50
947Name_Not_Found:03/05/23 01:17 ID:???
新スレッドにテンプレートを使用すべきではなかったか?
948Name_Not_Found:03/05/23 03:24 ID:???
<table>
<tr>
<td><p>oijfeafew<br />
affefew<br />
afewcafe<br />
wafewa<br />
wawoifjewa</p>
</td>
<td><img src="ea" /></td>
</tr>
</table>
こんな感じの←文字列、画像→のCSSはどんな感じで実現したらいいでしょうか
<p>feawfeawfewafea<img src="ea" /></p>
こんな風にすると結局文字列が画像の大きさに左右されて見にくくなってしまうので
949404:03/05/23 07:47 ID:???
>>948 言ってる意味理解するのに時間かかった。・゚・(ノД`)・゚・。 うえええん
<img style="float:left;" src="ea" />
950404:03/05/23 07:50 ID:???
全然違う・・・。・゚・(ノД`)・゚・。 うえええん
951404:03/05/23 07:52 ID:???
style="clear:right;"
鬱だ・・・
952Name_Not_Found:03/05/23 11:17 ID:???
解説サイト見ながらやってるんですがある素材サイトで重ねることで形が完成するようなメニューアイコンを落としたんですがどうもうまくいきません。
どうも上と下で微妙なスペースが空いてしまいます。
メニューアイコンを上下スペースナシで貼り付けるにはどうしたらいいんでしょうか?
953Name_Not_Found:03/05/23 11:32 ID:???
>>952
htmlソース書いてくれたらアドバイスできるかも。
自分である程度cssわかりますというレベルなら「margin、padding、line-height」
あたりをキーワードに調べてみるといいかも。
954953:03/05/23 11:34 ID:???
と思ったらマルチだったので放置します
955Name_Not_Found:03/05/23 11:56 ID:???
>>948
>文字列が画像の大きさに左右されて見にくくなってしまうので

意味わからん。なので回答できん。説明求む。
956Name_Not_Found:03/05/23 14:22 ID:???
-----------┌───┐
-----------│     │
-----     └───┘
という感じになると良くて
------┌───┐
------│     │
------└───┘
----------
のようにテキストが回り込むのが嫌って事なのか?
957948:03/05/23 15:38 ID:???
>>956
そんな感じです
958Name_Not_Found:03/05/23 15:52 ID:???
>>957
文をdivでくくって、floatで回り込ませれるとか…
959952:03/05/23 21:04 ID:???
自己解決しました。地道にやってりゃできました。
マルチすみません
960Name_Not_Found:03/05/24 14:07 ID:tFA3GdMj
すみません。
<li></li>の項目をCSSで
どうすれば横一列にすることができますか?

きっと初歩的なことだと思うのですがお願いします。
961960:03/05/24 14:09 ID:tFA3GdMj
あ、float:left; ですね。
スレ汚しでした。ごめんなさい。
962Name_Not_Found:03/05/24 14:13 ID:???
display:inline;でもよい。お好みで。 >>960-961
963Name_Not_Found:03/05/24 14:15 ID:???
次スレッド

/* CSS・スタイルシート質問スレッド【19】 */
http://pc2.2ch.net/test/read.cgi/hp/1053619342/l50
964960:03/05/24 14:37 ID:tFA3GdMj
>>962さんありがとう。

で、リストのアイコンを無しにしようと
ul の class で list-style:none;
と指定しましたが、消えません。

どうしたらいいでしょうか。
965Name_Not_Found:03/05/24 14:40 ID:???
>>964
・OSやブラウザの種類とヴァージョンについては必ず明記してください。
 特にNetscapeは、ver.4までと6以降でまったく別物です。
966Name_Not_Found:03/05/24 14:49 ID:???
>>964
li にする
967960:03/05/24 14:50 ID:tFA3GdMj
あの、、叩かれるのを承知でドキドキしながら書きますが、、
自分のパソコンのブラウザってどこを見たら分かるでしょうか。

ちなみにwindosです。
馬鹿ですいませんです。
968Name_Not_Found:03/05/24 14:54 ID:???
>>967
叩きはしないけど、初心者板あたりで聞いた方がいいと思うよ。
969Name_Not_Found:03/05/24 14:54 ID:???
>>964
IEとN7では消えるけど?
<ul style="list-style:none;">
<li style="float:left;width:3em">111</li>
<li style="float:left;width:3em">222</li>
</ul>
970Name_Not_Found:03/05/24 14:59 ID:???
>>967
WindowsならInternet Explorerがデフォルト(初期装備)で入ってる。
他にブラウザをインストールしてなければIEだと推定される。
使ってるブラウザのメニュー・バーから「ヘルプ」を開けば
ヴァージョンは判るはず。
971Name_Not_Found:03/05/24 15:06 ID:eHhCqL32
FrontpageExpressを使ってるんですが
改行するとやたらと行間が広くなってしまいます。
狭くするにはスタイルシートを使えば出来るってあったんですけど、
コピペしてやっても狭くなんないんですが、どういう事dしょう?
972Name_Not_Found:03/05/24 15:09 ID:???
>>971
該当部分のソースを出せと
973960:03/05/24 15:09 ID:tFA3GdMj
Internet Explorer の ver6 でした。
皆さんありがとう。

dreamweaver上では消えるのですが、送ると消えていないままです。
色々やってみます。お世話かけました。
974Name_Not_Found:03/05/24 15:10 ID:???
>>967
floatしてもリスト・マーカーが消えないってことは、
Mozilla/Netscape 6〜7だな。
 cf. http://cssbug.tripod.co.jp/detail/mozilla/b047.html
もっとも、list-style:none;を指定すれば消えるはずなんだが。

しかしブラウザ名もわからない初心者がなんでネットスケープを使ってるのか不思議。
975Name_Not_Found:03/05/24 15:10 ID:eHhCqL32
>>972
すいません。こんな感じです。

<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=x-sjis">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Contents</title>
<STYLE type="text/css">
<!--
BODY { line-height:1.5em; }
-->
</STYLE>
</head>

<body bgcolor="#FFFFFF">
<div align="right">

<table border="0">
<tr>
<td><p align="left"><font size="2"><strong>Contents</strong></font></p>
</td>
</tr>
<tr>
<td><p align="left"><font size="2">▼ C</font></p>
</table>
</div>
</body>
</html>
976Name_Not_Found:03/05/24 15:13 ID:???
>>975
そのソースを見て、色んな感情を通り越して
むしろ爽やかな気分になった。
977Name_Not_Found:03/05/24 15:13 ID:???
>971
シフト+Enterで改行してみたら?
978Name_Not_Found:03/05/24 15:16 ID:eHhCqL32
>>977
おおおおお!!!!
ありがとうございます!!!!!!!マジうれしいです!
>>976
なんででつか?
979Name_Not_Found:03/05/24 15:21 ID:???
>>978 おい、冗談をまともに取って感激するなよな。
p要素とbr要素について学んで下さい。
brでやたらに改行するものではありません。
p要素のマージンを指定すると幸せになれるかもしれません。
980Name_Not_Found:03/05/24 15:24 ID:???
Frontpage Expressに依存してる限り、まともなCSSなんてムリでしょ。
981Name_Not_Found:03/05/24 15:26 ID:???
どうやらまともなCSSじゃなくても
かまわないみたいですので気にせず
そのまま続けてください
982Name_Not_Found:03/05/24 15:34 ID:eHhCqL32
>>979
そうでつか。アイスィー。
どうでもいいですけど、更新履歴って英語でなんていうんでつか?
983Name_Not_Found:03/05/24 15:35 ID:???
私もHTML触り立ての初心者の時はp改行とbr改行で悩んだな。
やはりフロントページ(昔は無料だった)を使ってたのだが、
CSSの便利さを知るにつれて、フロントページでは
思った通りにスタイル指定できないのが嫌になって、メモ帳に移行した。
984Name_Not_Found:03/05/24 15:37 ID:???
>>982 ここはCSS・スタイルシート質問スレッドです!

次スレッド

/* CSS・スタイルシート質問スレッド【19】 */
http://pc2.2ch.net/test/read.cgi/hp/1053619342/l50
985Name_Not_Found:03/05/24 21:30 ID:???
うめー
986Name_Not_Found:03/05/25 02:03 ID:???
まつー
987Name_Not_Found:03/05/25 10:56 ID:XIZjMQqn
ページを開こうとするとパスワードを入力せよと言うのがでて
正解か不正解によって2つのページに飛ぶ、といったようなものを
つくるにはどうしたらいいでしょうか
988Name_Not_Found:03/05/25 10:58 ID:???
JavaScriptかCGIでやれ。>>987
989Name_Not_Found:03/05/25 11:08 ID:???
>>987
ここはCSS・スタイルシートの質問スレッドです!

次スレッド

/* CSS・スタイルシート質問スレッド【19】 */
http://pc2.2ch.net/test/read.cgi/hp/1053619342/l50
990Name_Not_Found:03/05/25 13:01 ID:???
>>987
一体、いくつのスレにマルチしたんだよ…埋め。
991Name_Not_Found:03/05/25 13:09 ID:???
991
992Name_Not_Found:03/05/25 13:15 ID:???
990
993Name_Not_Found:03/05/25 13:21 ID:???
989
994Name_Not_Found:03/05/25 13:25 ID:???
976
995Name_Not_Found:03/05/25 13:28 ID:???
902
996Name_Not_Found:03/05/25 13:32 ID:???
752
997Name_Not_Found:03/05/25 13:35 ID:???
1001
998Name_Not_Found:03/05/25 13:36 ID:???
67
999Name_Not_Found:03/05/25 13:40 ID:???
401
1000Name_Not_Found:03/05/25 13:40 ID:???
0
10011001
このスレッドは1000を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。