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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
htmlソース編集で、各タグを何...
-
css初心者 フレックスボックス...
-
角丸画像の背景色を透明にした...
-
iPhoneで HTMLファイルを閲覧
-
テーブルタグのセルの幅の一部...
-
スマホでHTMLファイルを開いて...
-
URLにアクセスした際に指定した...
-
アコーディオンメニューが思う...
-
CSSファイルの日本語コメントが...
-
CSSが上手く反映されないみたい...
-
コードを書いて下さい( ; ; )...
-
CSSデータの作成方法について(...
-
htmlで<form>~</form>を並べて...
-
HTML入門でもう躓いてしまった。
-
青い枠のみのHTML
-
スマホ(android)のタッチパネ...
-
HTMLですCSSです 画像のように...
-
、URL化させるにはどうしたらい...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルのセルデータを自動改...
-
goo は、放置?
-
htmlソース文の 各行 改行位置...
-
1つの「ホームページビルダー2...
-
HPレイアウトが同じページのヘ...
-
CSS、Bootstrapについて contai...
-
CSSについて教えてください。 ...
-
静止画画像をクリックすると音...
-
、URL化させるにはどうしたらい...
-
テーブルの行を折りたたみたい...
-
css初心者 フレックスボックス...
-
WEBページを強制的に横画面で見...
-
Webページのリンクの貼り方を教...
-
Duolingo のソースコードの名前...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
コードを書いて下さい( ; ; )...
-
HTMLで画像をポップアップで表...
-
角丸画像の背景色を透明にした...
おすすめ情報