HPの左右に画像
-
0 名前： しの ： 2007/05/29（火） 09:52 ID:lcTVSmP9 sub-t1
画 画
像 像
画 もじ 画
像 像
画 画
像 像
↑という風にひとつの画像だけで
HPを囲むのはどうやってやるのでしょうか？
上下は分かるのですが
左右が分かりません…
-
1 名前： 匿名 ： 2007/05/29（火） 09:52 ID:nKOgQMAu sub-Ds
- ソースがでてないのでわからないが、たぶん
Y
を
X
にする
-
2 名前： ほほ ： 2007/05/29（火） 09:52 ID:EnXknMbG sub-t1
- １さんで答えが出ちゃってますが一応、、
<style type="text/css">
<!--
div {
width: 70%;
height: 200px;
margin: 10px 0px;
background-color: #ffffff;
background-image: url(○○.gif);
color: red;
}
#example2{background-repeat: repeat-y;background-position : right;}
#example2b{background-repeat: repeat-y;background-position : left;}
-->
</style>
<div id="example2"><div id="example2b">縦方向に並べる</div></div>
参考、背景画像の並び方を指定する
http://www.tagindex.com/stylesheet/box/background_image2.html
-
3 名前： しの ： 2007/05/29（火） 09:52 ID:lcTVSmP9 sub-t1
- お二方さま、お返事ありがとうございます。
すみません…<style>のタグのこと
全然理解していないのです…
<img src=>のような簡単？なタグで出来ないのでしょうか？
同か宜しくおねがいします。
-
4 名前： カヅサツ ◆ThCi95HEzw ： 2007/05/29（火） 09:52 ［URL］ ID:lF4.cd1a sub-gm
- > すみません…<style>のタグのこと
> 全然理解していないのです…
ええと、肝心な部分は「タグ」ではなく、style要素内に書かれたスタイルシートです(もし、スタイルシートの質問があれば、スタイルシート質問板へ)。
> <img src=>のような簡単？なタグで出来ないのでしょうか？
どこまでをもって簡単とするか人それぞれですが、HTML「だけ」ならtableを使うという手があります。
ただし、tableは「表」のための要素なので、「表」以外の目的(レイアウトのため「だけ」に)でtableを使うのは、不親切なページデザインの元なので、かなりオススメできません。
また、HTML「だけ」だと、一部ブラウザの独自拡張しかない(具体的にはtableのheight属性)ので、その他のブラウザでは少々見苦しくなるかもしれません(致命的ではないでしょうけど)。
