-1

私はここに来たばかりで、自分のサイトを書きたいと思っています。CSSは今は使っていませんが、仕組みがわかったら今後使いたいと思っています。

    <html>
<head>
<title>Welcome to Nielyboyken</title>
</head>

<body bgcolor="grey">
</p><a target="_blank" href="http://minus.com/lbg3tjE57KYsx1"><img src="http://i.minus.com/jbg3tjE57KYsx1.png" border="0"/></a><a target="_blank" href="http://minus.com/lp2vEndNDv7vj"><img src="http://i.minus.com/jp2vEndNDv7vj.png" border="0"/></a>
<br><img src="http://i.minus.com/iI7VEHhLP3WyV.png"</a> <center><font style="font-family: Fixedsys;font-size: 35px;color:blue">Welcome to this mini-forum!</font></center>
<br><a target="_blank" href="http://minus.com/lbfBWr7hEsMtsT"><img src="http://i.minus.com/jbfBWr7hEsMtsT.png" border="0"/></a><center><font style="font-family:Fixedsys;color:white">Welcome to this mini-forum. Notice that this is not a forum site but just a personal site.</font></center>
<br><a target="_blank" href="http://minus.com/lb0OadHbWfnpew"><img src="http://i.minus.com/jb0OadHbWfnpew.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lbhDDFKmGlL4rk"><img src="http://i.minus.com/jbhDDFKmGlL4rk.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lMNcGJ5Bjwvx4"><img src="http://i.minus.com/jMNcGJ5Bjwvx4.png" border="0"/></a>
<br><img src="http://i.minus.com/i6nJ7Pg8kUfqo.png"</a>
<br><a target="_blank" href="http://minus.com/lFNcJv4UvSdye"><img src="http://i.minus.com/jFNcJv4UvSdye.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lshbphpEbNRi2"><img src="http://i.minus.com/jshbphpEbNRi2.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lhJnSHKv3vAco"><img src="http://i.minus.com/jhJnSHKv3vAco.png" border="0"/></a>

</body>
</html>

画像は互いに左側に配置する必要があります。そして、何かを書いて中央に配置しようとすると、はるかに大きなスペースができます。

4

1 に答える 1

0

float を使用して、2 つの div を並べて表示します。 ここに私が撮影した場所へのリンクがあります。

コードは次のとおりです。

<html>
<head>
<title>Welcome to Nielyboyken</title>
</head>

<body bgcolor="grey">
<style>
#header{
width:100%;
margin 0 auto;
}
#wrapper{
width:100%;
float:left;
}
#left{
width:15%;
float:left;
}

#right{
width:500px;
float:left;
text-align:center;
}

</style>
<div id="header"><a target="_blank" href="http://minus.com/lbg3tjE57KYsx1"><img src="http://i.minus.com/jbg3tjE57KYsx1.png" border="0"/></a><a target="_blank" href="http://minus.com/lp2vEndNDv7vj"><img src="http://i.minus.com/jp2vEndNDv7vj.png" border="0"/></a>
<br><img src="http://i.minus.com/iI7VEHhLP3WyV.png"</a>
</div>

<div id="wrapper">

<div id="left">
<a target="_blank" href="http://minus.com/lbfBWr7hEsMtsT"><img src="http://i.minus.com/jbfBWr7hEsMtsT.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lb0OadHbWfnpew"><img src="http://i.minus.com/jb0OadHbWfnpew.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lbhDDFKmGlL4rk"><img src="http://i.minus.com/jbhDDFKmGlL4rk.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lMNcGJ5Bjwvx4"><img src="http://i.minus.com/jMNcGJ5Bjwvx4.png" border="0"/></a>
<br><img src="http://i.minus.com/i6nJ7Pg8kUfqo.png"</a>
<br><a target="_blank" href="http://minus.com/lFNcJv4UvSdye"><img src="http://i.minus.com/jFNcJv4UvSdye.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lshbphpEbNRi2"><img src="http://i.minus.com/jshbphpEbNRi2.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lhJnSHKv3vAco"><img src="http://i.minus.com/jhJnSHKv3vAco.png" border="0"/></a>
</div>
<div id="right">
<font style="font-family: Fixedsys;font-size: 35px;color:blue">Welcome to this mini-forum!</font>
</div>
</div>



</body>
</html>
于 2013-07-22T22:06:33.227 に答える