/* CSS・スタイルシート質問スレッド【19】 */
はじめまして。
HPのデザインでやりたい事ですが
ペイント系ソフトとかでできる、フォントの頭に@をつけて文字を90°回すのをやりたいんですが、
検索しても関係無い物にばかり引っ掛かって
そういう機能が有るのかさえわかりません、
具体的には
数値系のテーブルに英文字で見出しを入れたいんですが
普通に横に書くと無駄に横幅広がってしまうんです(下手すると5〜10倍にも)
CSS使うとけっこう詳細設定できることあるので もしかしたら・・と思うんですが
もしそんな機能が有ったら教えてください、よろしくお願いします。(_ _
743 :
739:03/06/10 13:11 ID:IAwn9X7z
filter:Xray(); の後に width:100%; を入れると
フィルタかかりました! ヤター!!
レスくれた740さんありがとう。
>>742 フィルタ。IEでしか動かないので注意。
.header{
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}
rotationの値は0〜3まで。
>>742 例:
.tate {font-family:"@MS 明朝","@平成明朝",'Lucida Sans Unicode','Arial Unicode MS', serif;"}
>>742 >普通に横に書くと無駄に横幅広がってしまうんです
なら、文字を回転させるなんて面倒なことよりかwidthを指定しろよな、
と思った。
>>748 とりあえずfloatで画像の横にテキストを回らせることはできるんだけどボックスに右に置きたいテキストが左に回ってしまう・・・
<img src="******" class="left">でボックスはイメージの右見回るけどボックスにfloatつけてもテキストは右見回らないんだよね
<div class="******" class="left">とかやってもさ
>>749 まともな日本語を書いて出直せ。
それから、ソース出してくれ。
スマソ。急いで書き込みしたもんで・・・・
ようするにボックスの中に画像→ボーダー付きテキスト→テキストと一列に並べたいわけだな
どういうソース書けばいいのか考えてくれ
>>752 いまどんなソースでうまくゆかないのか、それを出してくれ。
親切な人が直してくれるでせう。
CSSでCLASSを細かく設定して、HTML上で組み合わせて使ってます。
こういう使い方って問題あるんでしょうか?
こんな感じ↓
【hoge.css】
.nihongo { font-family : 'MS P明朝',serif ; }
.eigo { font-family : 'Century','Times New Roman',cursive ; }
.aka { color : ff0000 ; }
.ao { color : #0000ff ; }
.midori { color : #00ff00 ; }
.center { text-align : center ; }
.right { text-align : right ; }
【hoge.html】
<div class="eigo aka center">Hoge</div>
<p class="nihongo ao right">ほげ<span class="eigo midori">hoge</span>ほげ</div>
755 :
754:03/06/10 16:08 ID:???
最後の</div>は</p>の誤りです。
すみません。
756 :
昔の人:03/06/10 16:10 ID:???
>>754 複數classに問題は無いが(IE4、NN4では無效)
そのclass名の付け方や組合せ方には再考の餘地大ありですな。
>>747-752 それが人にものを訊ねる態度か。
div {border:1px solid #f00; width:100%;}
img, .box {float:left;}
.box {width:4em;}/*floatさせる要素はwidthが必須*/
.clear {clear:both;}
<div>
<img alt="" src="***" width="〜">
<div class="box">ボックス</div>
テキスト
<br class="clear">
</div>
>>754 表示色や表示位置に由来するような物理的なクラス名は好ましくない。
それではスタイルをHTMLから分離した事にはならないから。
>>754 body {font-family:'MS P明朝',serif ;} としとけば、
いちいち .nihongo なんてclass名はつけずに済むはず。
基本的に日本語のページなんでしょ? <html lang="ja">でしょ?
あと、英語の箇所にはlang="en"もつけた方がよい。
760 :
754:03/06/10 17:39 ID:???
>>756、
>>758、
>>759 各氏
早速のお答え、ありがとうございました。
754に書いたclass名は実際に使ってるものとは別ですし、実際にはbodyで日本語のフォントを指定して、英語にしたい箇所だけclass付けしてます。
でも、物理的なネーミングを付けてることには変わりないので(汗)、再考してみます。
lang="en"を指定しておけば?
font:"とあるアルファベットのみのフォントA", "日本語に対応したふぉんとB"
とすれば、アルファベット部分はAで、それ以外はBのフォントになる
762 :
747:03/06/10 20:02 ID:???
うまくいきませんよ
っていうかソース↓
*css
.paragraph
{
margin:15px;
padding:15px;
width:100%;
height:20%
}
.subheading
{
margin:15px;
padding:10px;
width:310px;
height:100px
}
.clear{clear:both}
.left{float:left}
.right{float:right}
763 :
747:03/06/10 20:04 ID:???
<div class="paragraph">
<img src="******" class="left" width="162" height="161">
<div class="subheading">
どうすれば(・∀・)イイの?
</div>
テーブルとかじゃダメだしね。罫線出ちゃうし
<br class="clear">
</div>
764 :
↑:03/06/10 20:04 ID:???
HTMLね。
長くて書けないから共に省略
>>762-764 画像はブロック要素ではないのでdisplay:blockが必要。
class="subheading"ってのが示した図の真中に挟まれたボックスであるならば、
これにもfloat:leftを指定する必要がある。
話は変わるが、
>テーブルとかじゃダメだしね。罫線出ちゃうし
罫線を消すことは出来ます。テーブルレイアウトはお勧めしませんが。
766 :
742:03/06/10 21:24 ID:???
>744 >745 >746 さん
レスありがとうございます 745さんので動きました!
>746 さん
列が多いので半角英文字でコンパクトに置きたかったので時計回りに90°回したくて。
でもワードやペイントソフトとは逆方向に90°に文字がまわってしまいました、
できればIE以外でも動作してほしいのですが
.tate {font-family:"@MS 明朝","@平成明朝",'Lucida Sans Unicode','Arial Unicode MS', serif;"}
これが動作したんですが
半時計回りに90°回ったままだと打ち込む文字を逆順にしなければいけないので
時計回りに90°回せる様ににしたいんですが・・。なにか手は無いでしょうか?
よろしくお願いします(_ _
よくある右側に画像をずっとおいておくのってどうやんの?
良くあるって言われても。
どんなの?
>>767 background-attachment: fixed;
のことか?
770 :
734:03/06/10 22:22 ID:???
すいません。質問なんですが、
body{word-spacing;3em;}
とやりたいんですがなぜか反映されません。
ソースの記述でスペースを空けるんですよね。
>>771 word-spacingなんてプロパティーは存在しません。
質問は解説サイト(
>>4)でよく確かめてからにしてね。
>>766 >でもワードやペイントソフトとは逆方向に90°に文字がまわってしまいました、
そんな阿呆な。
そもそも、頭に@が付いたフォント名は
縦書き用フォントを指すってわかってるのか?
>時計回りに90°回せる様ににしたいんですが
無理。IEの独自拡張のフィルターを使ってくれ。
CSSでイケてるデザインサイトリンク集等に紹介されているサイトを参照しても
ブラウザのスクロールバーやマウスポインタ等に適用されているものは見られません。
これは閲覧環境を改変するのは好ましくない、デザインの範疇ではないということですか?
ぶっちゃけ皆さんはやってないのでしょうか?
>>772 お前のその汚ねぇソース試したけどだめぽだったぞ
てかdisplay:blockで画像をブロックとして扱うことを覚えたのはいいんだけど、真ん中のボックスにfloat;left設定しても残りのテキストが右に回ってくれんのよ
下に回ってしまふ・・・・てかclear:bothってなんの意味あんの?
>775
やってない。
カーソル変えるのは正直かなりウザい。
スクロールバーは…漏れはNNだし。
で、そこはかとなくスレ違いの予感。
>>773 え?CSSの本に書いてあったんですが・・
すいませんでした。
>>776は
>>764か? 名前欄に数字だけでも入れろや。
で、
>>757のソースを一字も変更せずにちゃんと試したのか?
うまくゆかないブラウザは何だ? IE6でもNN7でもうまくゆくぞ。
display:blockなんて必要ない。
>>765 floatを指定した要素は自動的にブロックレベル要素として解釈されるきまりだから。
きっと
>>776は馬鹿なんだよ。
だって
>>765の2〜3行目も理解してないみたいだし。
既に
>>757でimg, .box {float:left;}としてあったのにね。
FAQ(Q5:
>>7)すら読んでないらしいしね。
>>771 それが日本語文だったら、word-spacingが反映しないのは当り前。
英語みたいにわかちがきしないんだから、単語間スペースなんて無いでしょ?
きっと
>>781は馬鹿なんだよ。
だって
>>776の2〜3行目も理解してないみたいだし。
死ねよ
どうすればいいんだ?早く教えろ
貴様の言ったことは試したからよ、早く教えろよ
かといって、letter-spacing:3em な文章は読む気も起きんが
>>776 >真ん中のボックスにfloat;left設定しても残りのテキストが右に回ってくれんのよ
それで回り込みしないはずがない。
単にウィンドウ幅を狭くしすぎてるだけでないの? 最大化してみな。
一応言っておく。
>>771 コロンとセミコロンを区別しよう。
>>785 それで回り込みするはずがない。
最大化してます。widthも100%です。てかなんでなんでしょうね?
>>786 突っ込まれるかと思ったら以外に突っ込まれなくていいのかな〜とか思ってたらお前が突っ込んだわけですか。
そんな下らないたかだかタイプミス程度のことに突っ込むなんて下らない人間ですね(藁)。
all >名前欄に数字だけでも入れろや。
img, .subheading {float:left;}
これを
>>763のhtmlソースに適用すれば、ちゃんと回り込みするが。
回り込みなどで苦労するのが面倒なので
画像から文章からなにからブロックにしておのおの配置しているのですが
これはイクナイですか?
いいんじゃネーノ?(AA略
>>790 positionによる配置の方が崩れやすい。
窓の大きさや文字サイズを変更すると、対応しきれないサイトが多いんだよね。
floatをマスターしませう。
だいたい、ブレークにクリアー使ってることがアフォ
795 :
Name_Not_Found:03/06/10 23:39 ID:tCMKxqJy
>>791 いつもposition:absoluteにしてます。
イクナイでしょうか?
>>757 div {border:1px solid #f00; width:100%;}
img, .box {float:left;}
.box {width:4em;}/*floatさせる要素はwidthが必須*/
.clear {clear:both;}
<div>
<img alt="" src="***" width="〜">
<div class="box">ボックス</div>
テキスト
<br class="clear">
</div>
それにしても汚ねぇソースだな
ビルダーのはき出すソースとどっちが汚いか(藁藁)
>>796 少なくとも、position:absolute;にした要素に
display:block;は必要ない。無駄。
>>793 そうなんですか。全文字サイズ固定なんです。
今のところは苦情もきてないのですがこれを機会に勉強してみます。
>>797 ならば、きれいに書き直せばいいだけぢゃん。
君にできるんならね。
頼むから。彼は脳にボウフラ沸いてらっしゃるんだから。丁重に扱って。
返信するときはひと月くらいレスの内容を考えてからにしましょう。
802 :
Name_Not_Found:03/06/10 23:46 ID:a9K0TxGS
お前ら全員死んでおけ
たかがCSSぐらいでいい気になりやがって
死ねよ
↑彼ってこれ。
>>807は自衛隊に憧れているので、
「自分」を「私」という意味に使います。
>>803 おぉ勉強になります。
さすがに本文は指定していないのですが結構固定してます。
難しいですねぇ。
彼 {display:none;}
ハイ次の方、
質問どうぞ。
おっぱいってどんな感触ですか?
tp://cyber-doll.dyndns.org/cgi-bin/joyful/img/590.gif
おっぱい {visibility:hiddden;}
ハイ次の方、
CSS・スタイルシートの質問どうぞ。
まんこの中ってどんな感じなんでしょうか?
>813
hiddden…
どうしても文字サイズ固定の場合それかためてtitle="〜"に内容入れとくのどうかな?
親切じゃない?
スレ違いすんまそん。
いてきます。
リスト使うのって何か意味あるの?
>>819 リストであることを明示するためにリスト要素でマークする。
てかリストって何?
それぐらい大目に見て教えろ
825 :
↑:03/06/11 01:29 ID:???
sine
お前ら死ねよ
チンカス以下め
828 :
Name_Not_Found:03/06/11 01:57 ID:Drz+y/Ey
スタイルシートなら思いのままに配置できるとオモテ初挑戦。
スタイルシートの背景画像もお絵かきして、6時間くらいかけて完成!
われながらよくがんがった。
そんで何気に家の他のパソコンで確認したんだけど、
表 示 ぐ ち ゃ ぐ ち ゃヽ(`Д´)ノウワァァァン
SXGA+とXGAであんなに違うとは思わなかったYO!
調整するとSXGA+のほうで変になるし。
それに、XGAで横スクロールバー出させないためには、全てを
真ん中に寄せるしかないの?
ていうか、たまに異常に字がちっちゃいサイトあるけど、その意味が
わかったYO(´・ω・`)
でもどしてもスタイルシートの背景画像使いたいから無理やり
フレームにしちゃった。なんかやだ。
なんかコイツ勘違いしてやがるぜってオモタ人は、アドバイスくれろ…|ω・`)
>>828 てかあなたのそのゴミサイト晒してもらえますか?
<スタイルシートの背景画像
意味不明。
<フレームにしちゃった。なんかやだ。
なんでフレームにする必要があるの?背景画像とフレームは何の関係もないけど
832 :
828:03/06/11 02:32 ID:???
>831
スタイルシートの部分と、そうでない画像んところがあるの。
■
■ □ ■
□ ■
↑■がスタイルシートで□、が普通に画像を貼ってあるトコ。
すでにAAがずれてるのが悲しい。
右の方の■がテキストだけで、左の2つの■が背景画像つかってる
スタイルシート。左の2つの■をフレームにいれてすっきり…。
ていうかなんでフレームにしたか、もうわかんなくなっちゃった…。
>830
ありがと!もしあんたが悪い人で、優しい言い方してたら絶対晒してたYO!
ホントは優しい人なんだね。
ていうか萌え
この板ってばっかだよね
ろくな知識もないのに威張るだけのチンカスとかね
>>834 機種依存文字を使って書く君が代表格だね
>>828 直して欲しいならソースを見せてください。
直してもらう気がないのでしたら、質問する気がないのでしたら、
スレ違いですのでお引取り下さい。
なんで荒れてんだ(´Д`;)
>828
スマン、どうも状況が掴めなかった。
簡単で良いから完成予想図をペイント辺りで書いて
うpしてくれるとありがたいのだけど。
>>828 ソースを晒してケロ。話はそれから。
あと、どうしたいのがどうなったのかを、画像にしてどこかにうpきぼん。
CSS Vaildatorダウソして使っている人っている?
正直、lintよりも使用頻度は低いんじゃないかと。
ここのバカ共ってソース晒せとしかいわないよね
ソース見ずに答えを出せるほど透視能力は無いもので。
>>840 それだけ
>>1を読めない低脳が多いってことよ。
"「環境を書け」とか「ソースは?」と求められたら応じ"なければならないスレだからね
コンビニのバカ店員って金払えとしかいわないよね
>>843 そりゃあ、君がお金払わずに
からあげくんスーパーを持ち去っていこうとするからさ。
このスレの厨房って揚げ足取りしかしないよね
>>845 せめて1を読んでから揚げ足取りしてもらいたいよな
first-letterってネスケ7に効かないんでしょうか?
最初の文字だけ色を変更してて、IE6だと変わるんだけど、ネスケ7だと変わってない。
>>847 NS7のバグみたいだよ
<h1><a name="">テキスト<./a></h1>
のような場合、
h1 a:first-letter
と書かないと適用できない
なんでテーブルってあんまり推奨されないの?
重いから?てか今でかい表作りたいからテーブル以外考えつかん・・・・
なんかいい方法無いのか?
てかもしかしてExcelとかで作った表貼ればよかったりする?
>>849 表作るならテーブル使っても問題ないかと。
レイアウトにテーブルがあまり推奨されてないのかな?
>>849 票を作るならテーブルを使えばいい
でかすぎて重いほどなら何でやろうと推奨どころか嫌われるだけ
てかテーブルのボーダーって太さとか色とか指定できないのか?
854 :
828:03/06/11 22:42 ID:???
>>854 それを見たら余計に何をしたいかわからん
スレ違いなんだけど。
>849
もうレス出てるけど表以外の目的でテーブル使うのは非推奨って事やね。
表であるならばテーブルを使わなくてはならない。
>853
CSS使えば良いだろう。
と言うかボーダーの色を指定する属性はテーブル要素には無かった筈。
#独自拡張あったっけ?
太さはborder属性で指定出来る。
<table border="3">とか。
857 :
853:03/06/11 22:51 ID:???
きわめて普通に指定できますた
てか今すごいことに気づいた
テーブル使うとものすごくソースめんどくせぇし長くなる予感
>>854 用語が滅茶苦茶です。
>>4にリストアップされた解説サイトで勉強をしてみてからご質問ください。
860 :
858:03/06/11 23:12 ID:???
てかボーダー出ねぇよ
>>854 <body>
<img src="gazou1.gif" width="**" height="**" class="gazo">
<div class="moji">text1</div>
<img src="gazou2.gif" width="**" height="**" class="gazo">
<div class="moji">text2</div>
</body>
>>854 body {
margin: 1em 1em 1em 50px;
color: #333333;
background-color: #ffffff;
background-image: url(unko.gif);
background-repeat: repeat-y;
background-position: 0% 0%;
background-attachment: scrool;
}
.gazo {
float: left;
clear: left;
}
.moji {
float: left;
}
こんな感じで出来るかもしれないし出来ないかもしれない
詳細は自分で調べた方がいいかも
罫線出ません。助けてください(必死です)
>>863 テーブルの罫線なら
tableとtd,、trそれぞれにborderをして見れ。
必死なんだ。( ´_ゝ`)フーン
でもCSSで罫線は出ません。画像使って必死こいて調節してください
<table frame="box" rules="all">
867 :
828:03/06/11 23:27 ID:???
ソースでけた…けど、長いからココにコピペは出来ないYO
どうしようかな。コマッタコマッタ。
どうやって罫線出すんですか教えてください(必死です)
どうやって罫線出すんですか教えてください(必死です)
871 :
828:03/06/11 23:45 ID:???
>861=862
ありがと!自分の書いたのとぜんぜん違う。
最初のトコが
<style type="text/css">
<!--
div{
width:247px;
padding:25px;
position:absolute;
font-size:x-small;
}
.position1{
background-image:url("img/a.jpg");
color:#000000;
height:278px;
top:60px;
left:50px;
}
って感じ。そんで
.position1{
background-image:url("img/a.jpg");
color:#000000;
height:278px;
top:60px;
left:50px;
}
.position2{
position:relative;
top:-150px;
left:350px;
}
って続くの。↓
どうやって罫線出すんですか教えてください(必死です)
疲れたので寝ます
875 :
828:03/06/11 23:53 ID:???
やっぱ長かったごめんなさい(;´Д`)
>862=861さんので「float」とか知らなかったし、初心者向けの
サイト一個見ただけじゃ難しいのかな?
ちょっと甘くみてますた。勉強し直す。
ほんとこのスレの人ごめんですた。ありがと。
因みに
table {
border-style:ridge;
border-width:1px;
border-color:transparent;
}
th, td {
border-style:inset;
border-width:1px;
border-color:transparent;
}
で多分IEのデフォルトスタイルと同じになる筈。
878 :
828:03/06/12 00:29 ID:???
あ、一個忘れ物。
>861=862さんの貼ってくれたのコピペしてわかんないトコ調べる。
絶対理解する。うー長い道だなあ(つД`)アリガト
>>878 適当に書いたソースだからあんまり信用しないでくれ(;´Д`)
勉強していけば、もっといい方法が見つかるさ。
なんだよこいつ気持ち悪ぃ・・・・
馴れ合いキモい
>>880 お前が一番キモイよ。
学校(会社)で友達いないだろ?
あ、ごめんよ。ヒッキーだよね?友達はPCだったね。ごめんよ
ぼくのあすろーんとか言ってるんだよね?
>>881 上海ヌーン!
ノ } ゙l、 」′ .,/′ .,ノ _,,y
.,v─ーv_ 〕 〕 .| .il゙ 《 ._ .,,l(ノ^ノ
,i(厂 _,,,从vy .,i「 .》;ト-v,|l′ _,ノ゙|.ミ,.゙'=,/┴y/
l ,zll^゙″ ゙ミ .ノ .il|′アll! .>‐〕 \ _><
《 il|′ フーv,_ .,i″ ||}ーvrリ、 ¨'‐.` {
\《 ヽ .゙li ._¨''ーv,,_ .》′ ゙゙ミ| ,r′ }
\ ,゙r_ lア' .゙⌒>-vzト .ミノ′ 〕
.゙'=ミ:┐ .「 ./ .^〃 :、_ リ .}
゙\ア' .-- ,,ノ| 、 ゙ミ} :ト
゙^ー、,,,¨ - ''¨.─ :!., リ ノ
〔^ー-v、,,,_,: i゙「 } .,l゙
l! .´゙フ'ーv .,y ] '゙ミ
| ,/゙ .ミ;.´.‐ .] ミ,
| ノ′ ヽ 〔 ミ
} } ′ } {
.| .ミ .< 〔 〕
.{ \,_ _》、 .{ .}
{ ¨^^¨′¨'ー-v-r《 〔
883 :
Name_Not_Found:03/06/12 04:18 ID:uJ7tiz0S
ネスケ7で、
<h1>これは<a href="2ch.net">2ちゃん</a>です</h1>
とすると、「ん」が「で」と重なるんだが、これはどういうことよ?
letter-spacing:1pxで解消はするが、妙に間延びしてヤダやだ。
hにリンク入れるのはダメなの? それともネスケが馬鹿?
なにが馬鹿かと聞かれたらおまえが馬(ry
>>881 こんなに厨房らしい厨房久しぶりに見た・・・・
罫線でないんですけど・・・・
取り合えず該当部分のソース。
ここはCSSスレだから回答はCSSでのやり方になるけど。
ネタなら(・∀・)カエレ!!
来たよ、「ソース出せ」
それしかいわない(言えない)バカばっかだもんね
ここはおこちゃまなインターネットですね(´ω`)
>883
CSSを何も適用していないデフォルト状態では重ならない。
つまりバグであるにしてもそうでないにしても
キミのCSSに何がしか原因があると思われる。
なので貼り付けてもらわんと判らん。
CSSを始めて疑問に思ったのですが、ブラウザデフォルトのスタイルシート、
ユーザー定義のスタイルシート、HTMLにかかれたスタイルシートはどの順で強いのでしょうか?
IE6をつかっているのですがCSS1には対応しているようですが
CSS2には対応していないようです。
CSS1からCSS2に移行することはできないのでしょうか?
>>895 それなりには対応してるから
対応してるものだけ使えば問題なし。
スタイルシートの使い方を確認したいのですが、こんな感じでおk?
body { background-attachment: fixed; background-image: url(dance.jpg);
background-repeat: no-repeat; background-position: center center}
Okay!
>>897 background: でまとめられるよ
最後の「center center」は…?
901 :
昔の人:03/06/12 22:22 ID:???
>>895 >CSS1からCSS2に移行
できませぬ。CSSのレヴェルはJavaScriptのヴァージョンではないのです。
>>897 可読性が低い(読みづらい)ので、
>>899の言うようにbackground:でまとめるか、
書くプロパティ事に改行を入れることをお勧めします。
background:でまとめるという事は…
body { background: attachment fixed;
image url(dance.jpg);
repeat no-repeat;
position center center}
ですかね?DW使ってるんで、外部cssをリンクさせてるので
仕組みを分かってなかったらすいません…。応用が効かないもんで。
905 :
897:03/06/12 22:45 ID:???
こうか?
body { background: attachment fixed
image url(dance.jpg)
repeat no-repeat
position center center; }
body { background: url("dance.jpg") fixed no-repeat center center;}
907 :
897:03/06/12 22:50 ID:???
>>906 なるほど!定義するものまで省略していいんすね!
サンクスです。
>>907 とりあえず、
>>4で勉強するなり、本を読むなりした方がよいと思われます。
>>9040,905
body {
background-image: url(dance.jpg);
background-repeat: no-repeat;
background-position: center center
background-attachment: fixed;
background-color: #hogehoge
}
こうか、
>>906 body {
background: #hogehoge url("dance.jpg") fixed no-repeat center center;
}
こうだな
>>909 body {
background-image: url(dance.jpg);
background-repeat: no-repeat;
background-position: center center ;
background-attachment: fixed;
background-color: #hogehoge;
}
background-positionのあと;が抜けてる。
911 :
883:03/06/13 02:42 ID:+VnIM1FL
>>890 >>891 divのtext-align: justify;が原因でした。ありがとう。
divをいじらなくても、
hタグにtext-align: left;と入れたらちゃんと表示されるようになったよ。
914 :
Name_Not_Found:03/06/13 11:24 ID:yfvyEasp
<div>〜</div>
この中の背景に画像を入れたいのですが
画面全体の背景の様に
repert-y とか attachiment:fixed 等を使えますか?
>>914 背景固定はIEではバグで位置とかおかしくなったと思う
>>914 IEはbody要素以外じゃ背景固定はできなかったと思う
repeat-yなら使える
918 :
914:03/06/13 14:03 ID:???
ありがとさんです。
マージンで位置調整してみます。
>>839 > CSS Vaildatorダウソして使っている人っている?
> 正直、lintよりも使用頻度は低いんじゃないかと。
使ってるよ
ダイヤルアップの時はvalidatorもAHLも落して使っていたけど、
今はもう、ネットに繋いでやっているなぁ。
通信環境も改善したし、なにより一々apache起動してcgiにアクセスするのが面倒くさい。
サーバタンに負荷をかけるのは申し訳ないけど、
かといってローカルマシンじゃなくて、自鯖にAHLとか設置するのも面倒だし。
923 :
Name_Not_Found:03/06/13 20:41 ID:6DLTys4C
質問します。
テーブルのセルごとにclass振って、外部cssで調整してるんですけど、
左側にあるセルの左右にpaddingで間隔とると、そのセル幅自体も広がって、
その右側にあるセルを狭めてしまいます。
この上に2つ連結させたセルがあるのですが、そこでpadding指定しても
テーブル幅自体を広げる、というようなことはないようです。
IE6、NN6、どちらも同じ現象が起こってます。
なお、全セルのwidth、height、およびテーブル自体のwidthは、cssで指定してます。
あとボーダーはhtml上で0にしてあります。
セルにはimdタグで画像を1つずつ置いてあるだけです。
これは、そういう仕様なんでしょうか?
今からサイトを作る場合、標準準拠モードと互換モード
どちらで作った方がいいでしょうか?
>>926 標準準拠モードだな――IE5.5以前による訪問者を無視してよい作りであれば、だが。
929 :
Name_Not_Found:03/06/13 21:24 ID:YjU3HliI
質問です。
AをonclickでBという文字列を表示させた後、
CをonclickするとBが消えて新たにDという文字列が表示されるようにするには
どのようにすればよいでしょうか?
よろしくお願いします。
CSSの仕事ではありません。JavaScriptでやって下さい。
>>929
931 :
923:03/06/13 21:26 ID:???
>>924 ご親切にどうも。解決しました。
>>3の仕様はpaddingで検索して、そこだけ読んだだけでした。
全部読んで出直します。
932 :
929:03/06/13 21:29 ID:???
うわ、すみません、誤爆しました(恥)
>>931 どう解決したのかな? 事後報告してほしい……
934 :
923:03/06/13 21:40 ID:???
報告忘れてました。すみません
テーブルタグに
table { table-layout: fixed }
で指定することで、
paddingの設定による表示の際の列幅の変動を防げたというものです。
>>932 恥ずかしいからって誤爆のふりすんなや。
936 :
929:03/06/13 21:45 ID:???
うっせヴぉけしねや
>>937 よくみろ、その後のレスを。
つまらんこと書き込むな。
粘着は放置。
はい次。
>>941 いやいや、複数人もいるように見せかけて煽ったりなんだりは
骨が折れたけどさ。 まあたいしたことじゃないな。
今は他のスレに着手。
>>937-939-942
お前煽られなれてねぇのか?
もうつまんねえから早く次スレたてろ。
ハイハイ逝け
>>942はカスイケスレに降臨した電波のコピペ。
まああんなゴミに成り下がったスレ見てなくて当然だが。
x-smallのフォントって何pxかわかるか?お前ら
答えろ
CSS1では1.5倍づつ、CSS2では1.2倍づつ大きく、また小さくなる。
なおCSS2ではデフォルトはmediumが定義されているが
IE6の標準準拠モードが有効になっているとデフォルトはmediumではなくsmallになる。
実際の表示はブラウザやフォントの種類によって異なることもあるので注意。
で、何pxになるかというと
わかんねぇ。
インデント指定したいんだけど、人文字の幅が合わなくってね〜
インデントあった方が読みやすいかと思うんだけど・・・
一文字な
950 :
Name_Not_Found:03/06/13 23:36 ID:VYbXZEZQ
CSSを使っていてBOXのwidthの計算でこまりました。
BOXにパディングとボーダーを付けたいのですが、例のごとくIEとNではサイズずれます。
ボーダーつき親BOXの中に子BOXを入れてマージンで再現するか
標準準拠にしてIE6とNのみ適応、IE5.5以下とN4不適応にしようと考えています。
どちらがいいでしょう?
>>948 よくわかんないけどemとかexじゃだめなの?
>950
後者、かな。 そのままOperaでも見られるし。
一番良いのはあまり極端なパディングを取らない事だけど。
<div class="hissidana">
<p>
たまには質問してやっかな。
IDEプライマリのマスタに80GのHD、スレーブに20GのHD。
OSはWindowsNTでマスタとスレーブに入ってデュアルブートしていた。
ついさっき、スレーブ側のNTで作業していたらブルーバックになってSTOP Ox0000007B・・・・INACCESSIBLE_BOOT_DEVICE・・・・だとよ。
BIOSではスレーブは一応、認識している。スレーブ側で再起動をかけるとブルーバック。
マスタ側で起動するとスレーブ側のHDがマイコンピュータやディスク管理で見えない。
これってスレーブがお亡くなりになったってことか?ちゃちゃっと答えやがれ!!
</p>
<ul>
<li>
<span class="list">必死だな</span>
必死棚必死棚必死棚必死だな
</li>
<li>
<span class="list">必死だな</span><br>
必死棚必死棚必死棚必死だな
</li>
</ul>
</div>
こんなふうに書くとリスト(記号はdiskに指定してる)以降が一段下がってしまうんだが何とかならんか?
下げたくない
ulのpaddingとliのmargin調節汁。
あとUAによってはliにpadding取ってて「・」を内側に持ってきてる奴もあるからそこも注意。
margin ・<li>ほげ</li>
<li>padding ・ほげ</li>
ulにマージンの要素なんてあったのか・・・・
ulにマージンの要素
ulにマージンの要素
ulにマージンの要素
ulにマージンの要素
ulにマージンの要素
ほんとに厨スレだなここ
クズ以下のバカばかり
ulはブロックレベル要素、つまりマージンもある。
勉強しれ。
やっぱネット板って厨板だなって今納得した
>953
ul {list-style-position: inside;}
見当違いの事言ってたらスマン。
>961
・<span class="list">必死だな</span><br>
必死棚必死棚必死棚必死だな
が
・<span class="list">必死だな</span><br>
必死棚必死棚必死棚必死だな
ってなるだけかと。
厨房は無視して回答者さんお願いしま〜す
ちゃんと質問に答えてね☆
お前も同類項
狭い世界で威張ってるなpu
>>971 プププププププププププププププププププププププププププププププププ
プププププププププププププププププププププププププププププププププ
プププププププププププププププププププププププププププププププププ
プププププププププププププププププププププププププププププププププ
プププププププププププププププププププププププププププププププププ
プププププププププププププププププププププププププププププププププ
プププププププププププププププププププププププププププププププププ
プォー
( ´Д`) <はぁー 糞レスにもほどがあるよ
WIN板のスレで関連リンク(3つ)調べないで質問してやったぜ。
そしたらよ、すぐ教えてくれんの。
その後よ、何となくスレ眺めてたら俺の質問FAQだったのよ。
あいつらバカだね。
俺はこのスレでリンク全部調べない初心者なんか撃退してやるよ。
>>975 がんばれよ。
あと24レスしか無いけどな。
あと23レスしかないけどな
あと22レスしかないけどな
あと21レスしか(ry
980♥
981♥
982♥
規制きびしいな♥
ハゲマッチョゥー♥
$#9825;
♡
あと13レスしかないけどな
あとすこしだよ!
あと8レスしかないけどな
992 :
まゆ高@カップル板:03/06/17 00:02 ID:7As8K5wF
がんばれ!
993 :
真由子:03/06/17 00:03 ID:???
ほらほら993
994 :
mayukou :03/06/17 00:03 ID:7As8K5wF
あとちょっとだよ♪
995 :
まゆ高:03/06/17 00:06 ID:7As8K5wF
いやん、ばかん
996 :
まゆこ:03/06/17 00:10 ID:7As8K5wF
ああ、ついに私がたてたこのスレッドも1000に到達するのね・・・
997 :
サンプルです:03/06/17 00:10 ID:WKHWBQXG
998 :
まゆこ:03/06/17 00:11 ID:7As8K5wF
嘘ついちゃった・・・テヘッ
↓1000
1000 :
:03/06/17 00:11 ID:???
1001 :
1001:
このスレッドは1000を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。