アプリ版:「スタンプのみでお礼する」機能のリリースについて

http://www.1uphp.com/con2/menu/tab41.html
このURLの一番下の「全ての書き方」を
下記のソースのメニューの右にあるテーブルに埋めたいと思っています。
しかし、上記URLのソースのスタイルシート部分を書きのソースへコピペした段階で
下記のソースのページが全て左寄せみたいになってしまいます。
どこをどう記述すれば埋め込めるでしょうか?
<html>
<head>
<style type="text/css">
<!--
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: 12px;
BORDER-BOTTOM: #666666 1px solid;
HEIGHT: 40px;
BACKGROUND-COLOR: pink;
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: gray;
PADDING-TOP: 12px;
BORDER-BOTTOM: #ffffff 1px ridge;
HEIGHT: 40px;
BACKGROUND-COLOR: #ffffff;
TEXT-DECORATION: none
}

TABLE#mainTable{
BORDER-RIGHT: #c0c0c0 1px solid;
BORDER-TOP: #c0c0c0 1px solid;
BORDER-LEFT: #c0c0c0 1px solid;
BORDER-BOTTOM: #c0c0c0 1px solid;
BORDER-COLLAPSE: collapse
}
TD.borderAll,TD.borderNoTop,TD.borderNoBottom{
BORDER-RIGHT: #c0c0c0 1px solid;
BORDER-TOP: #c0c0c0 1px solid;
BORDER-LEFT: #c0c0c0 1px solid;
BORDER-BOTTOM: #c0c0c0 1px solid
}
-->
</style>
</head>
<body bottommargin="10" background="sozai/kabegami.gif" topmargin="10">

<table height="1817" width="730" align="center" id="mainTable" style="WIDTH: 730px; HEIGHT: 1817px">
<tr>
<td colspan="2" class="borderNoTop" bgcolor="#ffffff" height="20"
></td>
</tr>
<tr>
<td colspan="2" height="120" class="borderAll" background="sozai/title_back.gif"><strong><font color="#ff0000" size="5"></font></strong></td>
</tr>
<tr>
<td class="borderAll" colspan="2" valign="top" align="left" bgcolor="#ffffff"><br>
<table cellspacing="0" cellpadding="0" width="155" align="left" border="0">
<tr>
<td bgcolor="#ffffff">

<table style="MARGIN-TOP: -2px; FONT-WEIGHT: bold; WIDTH: 146px; FONT-FAMILY: 'mspゴシック'; HEIGHT: 241px" cellspacing="3" cellpadding="0" width="146" align="center" border="0">
<tr>
<td><a class="menu" href="index.html" >Top</font></a></td>
</tr>
<tr>
<td><a class="menu" href="1_news.html" >News</font></a></td>
</tr>
<tr>
<td><a class="menu" href="2_sakuhin.html" >作品集</font></a></td>
</tr>
<tr>
<td style="BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 15px; PADDING-BOTTOM: 10px; BORDER-LEFT: #666666 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #666666 1px solid" align="center"><font color="gray">お教室情報</font></td>
</tr>
<tr>
<td><a class="menu" href="5_shop.html" >Shopping</a></td>
</tr>

<tr>
<td><a class="menu" href="6_link.html" >お友達サイト</a></td>
</tr>

<tr>
<td><a class="menu" href="7_mail.html" >Mail</a></td>
</tr>
</table>
<p align="center">
<font ><font color="#808080"
size="1"
>
<font
><font size="2">
<br></font></font>
</p></font></font></td></tr></table>
<table style="WIDTH: 560px; HEIGHT: 1380px" cellspacing="1" cellpadding="20" width="560" align="left" bgcolor="#c0c0c0" border="0">
<tr>
<td valign="top" align="left" bgcolor="#ffffff">
<p align="left"><font color="#808080"></font></p></td></tr></table>

</td></tr>
<tr>
<td class="borderAll" colspan="2" bgcolor="#ffffff" height="20">
<p align="center"> </p></td>
</tr>
<tr>
<td colspan="2" class="borderNoBottom" bgcolor="#ffffff" height="20"
>
</td>
</tr>
</table>
</body></html>

A 回答 (1件)

よく見てないけど多分タブ幅の問題だと思います。


CSSのtext-align:center或いはtd属性にalign="center"を加えたら上手く行かないでしょうか?
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!