掲示板/総合質問板/過去ログ/一覧/ 横に画像を並べたい

0 名前： りんりん ： 2007/01/28（日） 18:57 ID:/jLvCzu2 sub-EO: html上では、

<div class="topright">
<ul>
<li><img src="image/○.jpg" alt="イベント" width="48" height="56" border="0"/></li>
<li><img src="image/○.jpg" alt="イベント" width="48" height="56" border="0"/></li>
<li><img src="image/○.jpg" alt="イベント" width="48" height="56" border="0"/></li>
</ul>
</div>

として

cssで

DIV.topright {
MARGIN: 5px 0px 0px
}
DIV.topright UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DIV.topright UL LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 4px; PADDING-TOP: 0px
}
DIV.topright {
FLOAT: right; WIDTH: 210px
}
DIV.topright A {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

・・・と今右ぞろえに画像が三つ縦に並んでいるのですが、それを横に並べたいのですが・・・。
右側に寄せて三つ並べようとすることができません。。。ご教授のほどお願いします。

1 名前： カヅサツ ◆ThCi95HEzw ： 2007/01/28（日） 18:57 ［URL］ ID:lY9L7AMa sub-gm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
div.topright{
	margin: 5px 0px 0px auto;
	width: 210px;
}
div.topright ul{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style-type: none;
	text-align: right;
}
div.topright ul li{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px;
	display: inline;
}
div.topright a{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

</style>
</head>
<body>
<div class="topright">
<ul>
<li><img src="image/○.jpg" alt="イベント" width="48" height="56" /></li>
<li><img src="image/○.jpg" alt="イベント" width="48" height="56" /></li>
<li><img src="image/○.jpg" alt="イベント" width="48" height="56" /></li>
</ul>
</div>

</body>
</html>

2 名前： りんりん ： 2007/01/28（日） 18:57 ID:/jLvCzu2 sub-EO: 解決できました！ありがとうございました。