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

質問ではないのですが、
今自分でトラブってて解決したことからちょっと。

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

駄文許してけろ。

>>928
文法的には問題ないのかしら？

>>929
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/types.html#type-cdata
>ユーザエージェントは、CDATA型属性値の、冒頭あるいは末尾の空白
>文字を無視してよい。 (例えば「 myval 」を「myval」として解釈
>してよい。) 著者は、冒頭あるいは末尾に空白文字のある属性値を宣言
>することを避けるべきである。

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的にはそういう空白は無視して良い。
ページ製作者的にはそういう書き方はするべきでない（禁止ではない）。

>>931
あたしでよければ、ｹｺｰﾝし(ry

>>928-932
こちらに登録してくれると、嬉しい。

CSS/DHTMLバグ辞典スレッド 第３版
http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50

すみません。初めてで解説サイト見ながら四苦八苦やってるんですがどうも出来ないので質問させてください。
素材サイトからフォントを落としたんですがこれをIEで表示させたい時はどうすればいいのでしょうか？
windowsのフォルダファイルに落としたフォントファイル入れてテキストエディタで
<font-family: "落としたフォントファイルの名前">〜</font>
でいいんでしょうか？

<span style="font-family:xxxxx;">〜〜</span>
だけど結局自分以外には意味が無いからやめとけ。

>>934
すれちがい

>934
まあCSSでやるにはどう？って質問ならスレ違いじゃ無いんだけど。

見る人がそのフォントを持ってないとブラウザで指定されているフォントが使われるか、
まあそれなら良いんだけど実装や特定の環境によっては文字化けの原因になっちゃうので
フォント決め打ちはちょっと推奨できないかな。

ああ、自分専用のローカルな文書を作るのなら問題無しだけど。

>>922
なんだ、まだまともなHTMLのところもあるじゃないか。

つーか、結局このスレにテンプレ張っているんだから
あんまり必要ないような気が

>>934
解説サイト↓読んで、ナゼわからないかねえ。
http://msugai.fc2web.com/web/CSS/font.html

>>934
特定のフォントきめうちでは、そのフォントがｲﾝｽｺされていない
他のPCでは、あなたの思っているような表示にならないでしょうから、
(A) あきらめる
　　　　[閲覧者の好みのフォントを使わせてあげる♥]
(B) 画像にしてみる
(C) "ＭＳ Ｐゴシック","Osaka",,,,,のように候補を増やす

詳細＆迅速なレスありがとうございます。
あまり実用的でない＆スレ違い失礼致しました。
フォントファイルを画像にして保存するってできないですよね？
ちと自分で方法探してみます

>>942
著作者の意向も考えなきゃだめだよ。
画像にする、ってことは加工して表示するわけなんだから。

>>933
> ユーザエージェントは、CDATA型属性値の、冒頭あるいは末尾の空白
> 文字を無視してよい
　って、ユーザエージェントが空白を無視しないのも仕様上間違っては
いないのでは？
つまりバグとは言えないような気がするのですが.。
識者フォローお願いします。

>>944
それも含めて、こちらで論じては？

CSS/DHTMLバグ辞典スレッド 第３版
http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50

/* CSS・スタイルシート質問スレッド【19】 */
http://pc2.2ch.net/test/read.cgi/hp/1053619342/l50

新スレッドにテンプレートを使用すべきではなかったか？

<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>
こんな風にすると結局文字列が画像の大きさに左右されて見にくくなってしまうので

>>948 言ってる意味理解するのに時間かかった｡･ﾟ･(ﾉД`)･ﾟ･｡ うえええん
<img style="float:left;" src="ea" />

全然違う・・・｡･ﾟ･(ﾉД`)･ﾟ･｡ うえええん

style="clear:right;"
鬱だ・・・

解説サイト見ながらやってるんですがある素材サイトで重ねることで形が完成するようなメニューアイコンを落としたんですがどうもうまくいきません。
どうも上と下で微妙なスペースが空いてしまいます。
メニューアイコンを上下スペースナシで貼り付けるにはどうしたらいいんでしょうか？

>>952
htmlソース書いてくれたらアドバイスできるかも。
自分である程度cssわかりますというレベルなら「margin、padding、line-height」
あたりをキーワードに調べてみるといいかも。

と思ったらマルチだったので放置します

>>948
>文字列が画像の大きさに左右されて見にくくなってしまうので

意味わからん。なので回答できん。説明求む。

-----------┌───┐
-----------│　 　　　│
-----　　　 　└───┘
という感じになると良くて
------┌───┐
------│　　 　　│
------└───┘
----------
のようにテキストが回り込むのが嫌って事なのか?

>>956
そんな感じです

>>957
文をdivでくくって、floatで回り込ませれるとか…

自己解決しました。地道にやってりゃできました。
マルチすみません

すみません。
<li></li>の項目をCSSで
どうすれば横一列にすることができますか？

きっと初歩的なことだと思うのですがお願いします。

あ、float:left; ですね。
スレ汚しでした。ごめんなさい。

display:inline;でもよい。お好みで。　>>960-961

次スレッド

/* CSS・スタイルシート質問スレッド【19】 */
http://pc2.2ch.net/test/read.cgi/hp/1053619342/l50

>>962さんありがとう。

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

どうしたらいいでしょうか。

>>964
・OSやブラウザの種類とヴァージョンについては必ず明記してください。
　特にNetscapeは、ver.4までと6以降でまったく別物です。

>>964
li にする

あの、、叩かれるのを承知でﾄﾞｷﾄﾞｷしながら書きますが、、
自分のパソコンのブラウザってどこを見たら分かるでしょうか。

ちなみにwindosです。
馬鹿ですいませんです。

>>967
叩きはしないけど、初心者板あたりで聞いた方がいいと思うよ。

>>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>

>>967
WindowsならInternet Explorerがデフォルト（初期装備）で入ってる。
他にブラウザをインストールしてなければIEだと推定される。
使ってるブラウザのメニュー・バーから「ヘルプ」を開けば
ヴァージョンは判るはず。

ＦｒｏｎｔｐａｇｅExpressを使ってるんですが
改行するとやたらと行間が広くなってしまいます。
狭くするにはスタイルシートを使えば出来るってあったんですけど、
コピペしてやっても狭くなんないんですが、どういう事ｄしょう？

>>971
該当部分のソースを出せと

Internet Explorer の ver6 でした。
皆さんありがとう。

dreamweaver上では消えるのですが、送ると消えていないままです。
色々やってみます。お世話かけました。

>>967
floatしてもリスト・マーカーが消えないってことは、
Mozilla/Netscape 6〜7だな。
　cf. http://cssbug.tripod.co.jp/detail/mozilla/b047.html
もっとも、list-style:none;を指定すれば消えるはずなんだが。

しかしブラウザ名もわからない初心者がなんでネットスケープを使ってるのか不思議。

>>972
すいません。こんな感じです。

<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=x-sjis">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Ｃｏｎｔｅｎｔｓ</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>Ｃｏｎｔｅｎｔｓ</strong></font></p>
</td>
</tr>
<tr>
<td><p align="left"><font size="2">▼　C</font></p>
</table>
</div>
</body>
</html>

>>975
そのソースを見て、色んな感情を通り越して
むしろ爽やかな気分になった。

>971
シフト＋Enterで改行してみたら？

>>977
おおおおお！！！！
ありがとうございます！！！！！！！マジうれしいです！
>>976
なんででつか？

>>978 おい、冗談をまともに取って感激するなよな。
p要素とbr要素について学んで下さい。
brでやたらに改行するものではありません。
p要素のマージンを指定すると幸せになれるかもしれません。

Frontpage Expressに依存してる限り、まともなＣＳＳなんてムリでしょ。

どうやらまともなＣＳＳじゃなくても
かまわないみたいですので気にせず
そのまま続けてください

>>979
そうでつか。アイスィー。
どうでもいいですけど、更新履歴って英語でなんていうんでつか？

私もＨＴＭＬ触り立ての初心者の時はp改行とbr改行で悩んだな。
やはりフロントページ（昔は無料だった）を使ってたのだが、
ＣＳＳの便利さを知るにつれて、フロントページでは
思った通りにスタイル指定できないのが嫌になって、メモ帳に移行した。

>>982　ここはＣＳＳ・スタイルシート質問スレッドです！

次スレッド

/* CSS・スタイルシート質問スレッド【19】 */
http://pc2.2ch.net/test/read.cgi/hp/1053619342/l50

うめー

まつー

ページを開こうとするとパスワードを入力せよと言うのがでて
正解か不正解によって２つのページに飛ぶ、といったようなものを
つくるにはどうしたらいいでしょうか

JavaScriptかＣＧＩでやれ。>>987

>>987
ここはＣＳＳ・スタイルシートの質問スレッドです！

次スレッド

/* CSS・スタイルシート質問スレッド【19】 */
http://pc2.2ch.net/test/read.cgi/hp/1053619342/l50

>>987
一体、いくつのスレにマルチしたんだよ…埋め。

991

990

989

976

902

752

1001

67

401

0

このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。