css
1投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 22時28分26秒
教えろバカ
6投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 22時49分06秒
あうあうあうあう
7投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 22時49分28秒
エコじゃないよ
ここまでできた
<body>
<div class="head">
タイトル
</div>

<div class="left">
<ol>
<li>いちばん</li>
<li>にばん</li>
<li>さんばん</li>
</ol>
</div>

<div class="right2">
本文
</div>

</body>

HTMLの字下げスタイルがわかんね
8投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 22時49分49秒
http://css.uka-p.com/ss.css
9投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 22時50分43秒
秘技ソース丸パクリ
10投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 22時54分11秒
エコじゃないならわかるはず
11投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 22時55分18秒
全角スペース
12投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 22時58分36秒
うわーびっくりするほどわかんねーな
13投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 22時59分55秒
http://www.tagindex.com/stylesheet/text_font/text_indent.html
14投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時00分33秒
style type="text/css">
<!--
.hrad {margin-top:0; margin-left:5%; margin-right:5%}
-->
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>無題ドキュメント</title>
</head>

<body>
<div class="head">
タイトル
</div>

<div class="left">
<ol>
<li>いちばん</li>
<li>にばん</li>
<li>さんばん</li>
</ol>
</div>

<div class="right2">
本文
</div>

だめだ marginの意味がわかんね
15投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時01分52秒
おお
headのつづりが間違ってただけだった
さんきゅー
16投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時03分02秒
昔のことだからうろ覚えだけどmarginは余白だったかと。
どんどん大きくしていけば観察できるんじゃない?
17投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時04分54秒
ああdivじゃあかんわ
18投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時07分11秒
左5%空白真ん中90%右5%空白
左5%空白リスト部20%右75%空白左35%空白本文60%右5%空白

でいいのかな
19投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時11分50秒
<style type="text/css">
<!--
.head {margin-top:0; margin-left:5%; margin-right:5%;}
.left {margin-left:5%; margin-right:75%;}
.right {margin-left:35%; margin-right:5%;}
-->
</style>
<head>
<title>無題ドキュメント</title>
</head>
<body>
<div class="head">
タイトル
</div>
<span class="left">
<ol>
<li>いちばん</li>
<li>にばん</li>
<li>さんばん</li>
</ol>
</span>
<span class="right">
本文
</span>
</body>

だめです
どこが違うかわかりますか?
20投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時12分01秒
<h1 class="hrad">うんこ</h1>
とか
21投稿者:20  投稿日:2007年11月26日(月) 23時12分46秒
<h1 class="head">うんこ</h1>
直したのか
22投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時14分03秒
何がダメなの
23投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時15分05秒
<div class="center">
<span class="left">
<ol>
<li>いちばん</li>
<li>にばん</li>
<li>さんばん</li>
</ol>
</span>

<span class="right">
本文
</span>
</div>

spanふたつをdivで囲ってみたんですけどうまくいかないっす
24投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時16分55秒
やりたいのは

   タイトル
左のリスト 本文

2    

とやりだいんですが
    タイトル
左リスト
1   あ
2い
3さんばん
           本文

とかに

25投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時17分24秒
>>19
ちゃんとなるよ?合ってるんじゃない?
FireFox で見てみた。
26投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時18分14秒
ああ?タイトルをセンタリングしたいの?
27投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時20分01秒
左のリスト、と言う文字列はどこから出てきたんだ
28投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時21分30秒
いや
左のリストを関係なくして左とだけすると
   タイトル
左  本文

になって欲しいんですか
    タイトル

     本文

と本文が次の行にいっちゃってます
ってIEでしかみてません
29投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時22分07秒
分かった。リストの右横に本文を持っていきたいんだな。
30投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時22分23秒
<body>
<div class="head">
タイトル
</div>

<div class="center">
<span class="left">

</span>

<span class="right">
本文
</span>
</div>

</body>
こんな感じです
31投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時23分00秒
>>29
そです!
32投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時23分09秒
テーブルにするというアイデアしかない。
33投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時23分38秒
素直にtable使えば
34投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時25分00秒
テーブルはSEOに弱いので使いたくないです
35投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時26分19秒
なんだアフィサイトか
ただで教えてもらおうなんざふてえ野郎だな
36投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時27分20秒
rightにmargin-topをマイナスで設定するしかないかも
調整が難しそうだけど
37投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時27分46秒
昔、同じことを悩んで諦めた記憶がある。

下のページでどうにかならないかな?
http://www.htmq.com/style/indexa.shtml
38投稿者:納豆詩人  投稿日:2007年11月26日(月) 23時36分46秒
素人なもんでトンチンカンな事かもしれんけど
これなら同じ行になる
<span class="left">
<ol>
<li>いちばん</li>
<li>にばん</li>
<li>さんばん</span>
<span class="right">
本文
</span></li>
</ol>
39投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時42分06秒
.c-both { clear:both; }
.right { width:480px; float:right; }
.left { width:260px; float:left; }
.center {
width:750px;
text-align:left;
margin:0 auto;
}

なんかぱくりまくってできたんだが
なにがなんだか
40投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時43分13秒
>>38
それはspanのクラスをしていしていないからだと
41投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時43分38秒
結果オーライならそれでよし
理解はあとからすればいい
42投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月26日(月) 23時49分48秒
わかったわかった
前までは左右で左空白右空白を決めてたんだ
たぶんマージンはその行?の幅を決めるじゃないかな
大枠で左右空白決めたらけっこううまく

<style type="text/css">
<!--
.head {margin-top:0; margin-left:5%; margin-right:5%;}
.right { width:70%; float:right; }
.left { width:20%; float:left; }
.center {margin-left:5%;margin-right:5%;}
-->
</style>
<body>
<div class="head">
タイトル
</div>

<div class="center">
<span class="left">

</span>

<span class="right">
本文
</span>
</div>
43投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月27日(火) 00時15分37秒
spanを使えばいいのか。なるほど。
44投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月27日(火) 00時16分36秒
記憶でdivは改行されるはずっす
45投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月27日(火) 00時18分52秒
pとかでもいいんじゃないのかな
46投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月27日(火) 00時21分02秒
floatってのがいまいちわからん
小数点じゃないのかな
47投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月27日(火) 00時25分13秒
http://www.w3.org/TR/1998/REC-CSS2-19980512/visuren.html#floats
こんな感じらしい
48投稿者:納豆詩人  投稿日:2007年11月27日(火) 00時33分18秒
なんかよーわからんけど動かないジャバみたい
cssでこんなnできるなんて知らなかった
49投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月27日(火) 00時34分02秒
びっくりするくらいわかんね
w3cの日本語ドキュメントないのかな
50投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月27日(火) 00時37分12秒
概念的にはテーブルと同じっぽいね。
51投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月27日(火) 00時37分20秒
w3cではHTMLにデザイン書くなと言ってたような
52投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月27日(火) 00時39分53秒
20世紀の頃は、fontタグは廃れるだの、使うべきじゃないだの言われてた。
tableもデザインに使うべきではないとか。

知るか
53投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月27日(火) 00時40分58秒
携帯サイトが普及してきたしtableはもうだめかと
54投稿者:52  投稿日:2007年11月27日(火) 00時42分01秒
いやさ、実状はともかく、当時はわりと理念が叫ばれてた感があるからさ。
くだらねえやと。
55投稿者:ヾ(゚д゚)ノ゛バカー  投稿日:2007年11月27日(火) 00時50分16秒
保守がだるいからじゃ?
理念といいつつ保守がだるくなるからtableではつくんなと
動的ページにも向いてなさそうだし
投稿者 メール ファイル
(゚Д゚) <
  レス全部を見る 掲示板に戻る 上へ