「ｃｓｓタグ」で教えてください

質問

このような背景を使いたいのですが
どうしたらいいのでしょうか？
ま、著作権うんぬんがあるので
このサイトをベースに後から
色など変えますが
「ｃｓｓタグ」で教えてください

http://www.blogger.com/start

回答No.4

sisya · ベストアンサー

#2のお礼欄を踏まえての回答なのですが、

まずこのサイトはbloggerではないです（＾＾；
「下のＵＲＬ」などの書き方をした方が判りやすいかと思います。
（と言うか単に私が間違えただけの話ですが（汗））
次にcssはタグの装飾に指定するものなので、タグでもないです。
回答者の方々はみなさんは文面から質問の意図が読み辛いので、
簡潔な質問文というより丁寧な質問文を
書いて欲しいと仰っているように見受けられます。

以上を踏まえてlegsさんは
「bloggerのようにタグで背景を指定する方法を教えて欲しい」
と仰っているのだと思うのですが（はずしていたらすいません）
その場合、
「background-image: url(画像ファイル名);」と指定すればＯＫです。
例としてテーブルのthタグの背景にa.gifと言う画像を適用したい場合
<table border="0" cellspacing="0" cellpadding="0">
<tr><th style="background-image: url(./a.gif)>タイトル</th></tr>
<tr><td>中身</td></tr>
</table>
と書くとthタグの部分に背景の画像が張られます。

もし質問の意味が漠然と
「bloggerのようなレイアウトの仕方を教えて欲しい」ならば、
右クリックして「ソースを表示」を選んで上から読んでいくと良いと思います。
本当に自分の力にしたいならその方法がベストだと思います。
せっかく他人のソースが自由に見られる規格ですし。

お礼

また再びありがとうございます。
私の技術不足で申し訳ございません。
自分のＨＰでつくるのであれば、なんでも
いいのですが、例えば、「このように作れ」
とオーナーさんに言われて、それは自分の範疇じゃない
と言っても、わかってくれない場合があって
困る場合があります。今回はまさにこれで、
まいってます。そうかぁ、タグではないんですね。
では、このような背景画像を使ったサイトにしたいと質問
すればいいのでしょうか？そういうと今度は漠然すぎる
といわれます。じつはそのままソースをコピーして、
フォルダも引っ張って同じディレクトリーにしました。
が、旨く反映されません。
そのまま、背景を画像にするのならできるのですが
このサイトは縦に線が左右に入っていて、いかにも
ブログふうサイトになってます。
テーブルはＨＴＭＬだとくずれるので最近はＣＳＳでやる
と言うのを聞いた事があります。
それで私の憶測で、ＣＳＳとＨＴＭＬを上手く
組み合わせてレイアウトしてるのかな？と
思いました。

回答No.6

steel_gray

とにかくDreamWeaverで同じようになればよいものとしてお答えします。
テーブルを作り、その背景に#1の回答で示したような横長、影付きの画像を敷きます。
テーブルの幅は画像と同じに。（逆に言えばテーブルの幅に合わせてあのような画像を造る）
テーブル自体をセンタリングする。
ページ全体の背景色（左右の影の外側の色）を指定する。
ここまでで、両脇に影付きの線がはいったページができあがると思います。
あとはテーブルを分割して必要なものを配置します。

ページ上部の色違いの部分については横幅100%のテーブルを造ればできると思います。

それとも、やはりキチンとCSSでやりたいのでしたら…やっぱり答え（サンプル）はすでにあるのですから、あれを解析、変更していけばよいかと思います。
それでうまくいかなければ、
サンプルを出して「このようにするCSSタグは？」
のように答えが難しい質問をするより
自分で作ったうまくいかないページ（のソース）を提示してピンポイントで間違いを見つけてもらったほうが早いと思います。

お礼

ありがとうございます。
ただいま本見ながらがんばっております。

回答No.5

Gimli

ＣＳＳについて、全く触ったことない、とお見受けしましたが、いいでしょうか？
まずは、↓ここでさらっと勉強するのはどうですか。
http://www.tohoho-web.com/css/basic.htm

何時間もかかるものではありませんし、何より精神的に楽になるかと。
あと、「ＣＳＳ、レイアウト」でググってみるのもいいかもしれません。
では、がんばって下さい。

参考URL：

http://www.tohoho-web.com/css/basic.htm

お礼

ありがとうございます。
なんとかは一日にならず。
みたいで昨日からスタイルシートスタンダートと
いう本を買ってよんでます。
当方プログラマーではないもので、
暗中模索の中やっております。
サイト教えていただきありがとうございました。

回答No.3

Gimli

基本的にＤＩＶタグで作られています。
私も＃２の人と同じく、ソースの解析をするのが無難だと思います。
遠回りだと思われるかもしれませんが．．．。

解析する場合は、ＢＯＤＹタグから見ましょう。 「id="home"」ってありますよね？
「#home」か「body」の文字列をHTML、CSS内で検索して、どういう属性が設定
されているか見てみましょう。で、次に「<div id="header">」ってあるので、
これも同じようにして．．．。

まぁ最後まで見なくても、２・３個見れば大体分かるでしょ。
分からなかったら、正直キツイんじゃないですか。
＃もしかして、期限迫ってます？

お礼

お答えいただきありがとうございます。
レイアウトソフトでしかやったことなくて
Dream weavrで作業しておりますので
とんちんかんです。すいませんです

回答No.2

steel_gray

> 画像とＨＴＭＬ、ＣＳＳを用いて
> つくられているとおもうのですが
> その「タグ」を教えていただきたいです。

IEならファイルメニューの「名前を付けて保存」を行い、ページのHTMLと関連ファイルを全て保存します。
その後、エディタ等でファイルの内容を研究してみてください。
HTMLやCSSの解説はタグや属性の名前で検索してみればいくらでも見つかります。

最低限のタグだけを書き出してもそれなりの量になるし、サンプルだけ書いても失礼ながら恐らくは応用して自分のモノにすることはできないでしょう。
また、すべてを解説していったら立派な本が一冊出来上がってしまいます。
もちろん、全てがわからないというわけではないのでしょうが、何の説明が必要で何の説明を省略してよいかはご本人以外はわかりません。
理解できない部分をピンポイントで質問してもらえれば答えることもできますので、ある程度まではご自身で調べてみてください。

お礼

ふたたびありがとうございます。
では、簡潔にいいますと「背景画像を表示する、
たとえば、このサイト（blogger)のようなレイアウトにしたい場合
のＣＳＳの表示タグを書いてください」
おそらくこう書けば、具体的だと思います。
書いてくださいと書くとなにかと失礼な文にきこえますので
教えてくださいと最初書きました。
教えてください＝説明を入れると確かに一冊の本になるかもしれません。
例えば、文字のサイズの指定をｃｓｓのタグ教えて下さいと
いう質問だと「<STYLE TYPE="text/css">
<!--

P { font-size: 12pt; }

-->
</STYLE> と書けばいいんじゃないですか？」とか
書いてくださればわかりやすいのですが。
前後関係がわからないかぎり、
応用はききませんし、本を買って覚えろと
いう意味も理解できます。
しかし、仕事ですぐ仕上げなければならない場合など
こういったサイトで専門家に尋ねるしか方法がない場合もあります。

回答No.1

steel_gray

現状のCSSでは微妙な影のようなものを造りだすことはできません。
影を書き込んだ画像(参考URL)を背景にしているだけです。

参考URL：

http://www.blogger.com/img/sides_body.gif

お礼

ありがとうございます。
書き方が悪かったかもしれません。
画像とＨＴＭＬ、ＣＳＳを用いて
つくられているとおもうのですが
その「タグ」を教えていただきたいです。