HP作成
たびたびすみません。
以下のようなものをつくりました。
これでいくつか質問があります。
1.「TOP」のブロックの縦の長さを変えるにはどこをどのようにすればいいでしょうか?
2.「TOP」以外のブロックの縦の長さをいっぺんに変えることはできますか?
3.(以下のソースとは関係ありませんが)HPのフォントは何を使えば
だいたいのPCで見れることができるでしょうか?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
<title></title>
<style type="text/css">
<!--
BODY
TD {
FONT-SIZE: 10pt
}
A.menu:link,A.menu:visited {
BORDER-RIGHT: #666666 1px solid;
PADDING-RIGHT: 15px;
BORDER-TOP: #666666 1px solid;
DISPLAY: block;
PADDING-LEFT: 15px;
PADDING-BOTTOM: 5px;
BORDER-LEFT: #666666 1px solid;
COLOR: #ffffff;
PADDING-TOP: 5px;
BORDER-BOTTOM: #666666 1px solid;
HEIGHT: 25px;
BACKGROUND-COLOR: #ff99cc;
TEXT-DECORATION: none
}
A.menu:hover,A.menu:active {
BORDER-RIGHT: #ffffff 1px ridge;
PADDING-RIGHT: 15px;
BORDER-TOP: #ffffff 1px ridge;
DISPLAY: block;
PADDING-LEFT: 15px;
PADDING-BOTTOM: 5px;
BORDER-LEFT: #ffffff 1px ridge;
COLOR: #666666;
PADDING-TOP: 5px;
BORDER-BOTTOM: #ffffff 1px ridge;
HEIGHT: 25px;
BACKGROUND-COLOR: #ffffff;
TEXT-DECORATION: none
}
-->
</style>
</head>
<body>
<center>
<table style="MARGIN-TOP: -2px; FONT-WEIGHT: bold; WIDTH: 206px; FONT-FAMILY: 'Sylfaen'; HEIGHT: 94px" cellspacing="3" cellpadding="0" width="206">
<tr>
<td style="BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; BORDER-LEFT: #666666 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #666666 1px solid" align="center"><font color="#666666">Top</font></td>
</tr>
<tr>
<td><a class="menu" href="">
News</font></a></td>
</tr>
<tr>
<td><a class="menu" href="">作品集</a></td>
</tr>
<tr>
<td><a class="menu" href="">お教室情報</font></a></td>
</tr>
<tr>
<td><a class="menu" href="">Shopping</a></td>
</tr>
</table>
</center>
</body>
</html>