テンプレ質問箱
・ テンプレ質問箱 ・
テンプレをカスタマイズしたいけど、よくわからな～い！という方のために、良くある質問をまとめました。参考になさってください。
管理人は専門家ではありません。知っている知識内での記述です。もし、間違った記述等ございましたらご一報くださいませ。早急に対応させていただきます。
質問は随時募集中です。ただしテンプレに関する内容に限ります。間違っても「どうしたら売上が上がるの？」なんて聞かないで下さいね。そんなこと私が知りたいです！！！(^_^;)
質問をする前に・・・こちらはもう見ましたか？→ 楽天広場ヘルプ「ＨＴＭＬタグについて」
- フォントのサイズの種類
- テーブル内のフォントサイズの変更
- テーブル以外でのフォントサイズの変更
- フォントカラーの変更
- テーブル幅の変更
- テーブル枠の種類と色の変更
（実際はこんな質問は受けてないんですけどね(^_^;)）
テーブル単位での文字サイズの指定：
<table style=" font-size:xxx;
">
行単位での文字サイズの指定： <tr style=" font-size:xxx; ">
セル単位での文字サイズの指定： <td style=" font-size:xxx; ">
段落単位での文字サイズの指定： <p style=" font-size:xxx; "> 文章 </p>
単語単位での文字サイズの指定：
<font style=" font-size:xxx;
"> 単語
</font>
または
<font size=xxx
> 単語
</font>
※
※この方法の場合は１～７の数字で指定します。数値と文字大きさは比例します。
| ４．文字の色を変えたいのですが？ |
|---|
| style属性で指定する場合： font colorで指定する場合： |
| ５．テーブルの幅を変えたいのですが？ |
|---|
| テーブル幅もフォントサイズと同じように「px」で指定する絶対指定と「%」で指定する相対指定があります。 「%」で指定した場合は、開いているウィンドウに対して何%であるかなので、ウインドウサイズを変えるとテーブルの幅も自動的に伸びたり縮んだりします。 ウィンドウサイズが小さくても横スクロールが出にくいです。ただし、幅が短くなった分縦に伸びたりするのでレイアウトが崩れたりする場合もあります。 「px」指定の場合、幅は固定なのでレイアウトが崩れることはないのですが、ウィンドウサイズが小さい場合横スクロールが出てしまうことがあり見る側にとっては見にくい場合もあります。 ちなみにこのページのテーブル幅は％指定です。ためしにウィンドウ幅を変えてみてください。伸びたり縮んだりします。 指定方法もスタイル属性の"width"プロパティで指定する方法と、"width"属性で指定する方法の二通りあります。 style属性で指定する方法：
他のスタイル属性で指定する方法と同じようにstyle属性の中に下記を追加します。 width属性で指定する方法：テーブルタグの中に下記を追加します。 width=xx また"td"タグにも同じように指定することによりセルの幅を指定できます。ただし、％指定の場合、テーブル幅に対する％になります。 |
●『cellspacing』で指定する方法
<table cellspacing=1px bgcolor=#000000
>
<tr height=50px bgcolor=#ffffff
>
<td width=50px></td><td width=50px></td>
</tr></table>
これは"cellspacing"で指定した例です。一見線のように見えるのですが、これはテーブル全体の背景を#000000（黒)に指定して、セルとセルの間を1pxに指定し、セルの背景を#ffffff(白)に指定してあげることで、枠線に見せかけています。
要は、白いセルとセルの間から後ろの黒い部分が見えている状態です。
セルの背景色を指定しないと以下のようになります。
理解できましたでしょうか？
"cellspacing"での指定の場合、線の太さと色の変更はできますが、線種は全て実線です。 なんだつまらないじゃん！とか思われるかもしれませんが、線の幅が均一になるのでシンプルなテンプレが作れます。これを"border"でやろうとするとちょっと面倒なことになります。 太さの変え方は"cellspacing= 1px "の 1px の部分を変更することにより指定できます。また色は"bgcolor= #000000 "の #000000 の部分にお好きなカラーコード、または色名を指定してあげればＯＫです。
●style属性の『border』で指定する方法
<table style=" border:1px solid #000000
">
<tr height=50px>
<td width=50px style=" border:1px solid #000000
">実線</td>
<td width=50px style=" border:1px dashed #000000
">破線</td>
<td width=50px style=" border:3px dotted #000000
">点線</td>
<td width=50px style=" border:3px double #000000
">二重線</td>
</tr></table>
| 実線 | 破線 | 点線 | 二重線 |
cellspacingは無指定で、style属性の"border"で指定しました。borderの指定方法は以下のとおりです。
太さ、種類、色を一括で指定・・・ border:[線の太さ] [線の種類] [線の色];
太さを指定・・・ border-width:[線の太さ];
種類を指定・・・ border-style:[線の種類];
色を指定・・・ border-color:[線の色];
またborder-top,border-bottom,border-right,border-leftで上下左右の線を別々に指定することも可能です。
また以下のような指定もできます。
border-width:[上線の太さ][右線の太さ][下線の太さ][左線の太さ];
border-style:[上線の種類][右線の種類][下線の種類][左線の種類];
border-color:[上線の色][右線の色][下線の色][左線の色];
このようにいろいろな線を使いたい場合は"border"を使用することになります。
また線の種類は以下のとおりです。いろいろ試してみてください。
solid ：実線
dashed ：破線
dotted ：点線
double ：二重線
groove ：溝線
ridge ：稜線
inset ：窪んだ感じの線
outset ：隆起した感じの線
| solid | dashed | dotted | double |
|---|---|---|---|
|
groove
|
ridged | inset | outset |
注意していただきたいのは、"border"で指定する場合セルの中身が空だと線が表示されません。空のセルを作りたい場合は、全角スペースなどを入れておくと良いでしょう。
●その他の方法（おまけ）
<table border=1
>
<tr height=50px>
<td width=50px>内容</td>>
<td width=50px>内容</td>
</tr></table>
この方法は今のところ、当サイトで配布しているテンプレートでは使用していませんが、一番シンプルな方法。
下記では色も指定してみました。
<table border=1px bordercolor=#E9967A >
<tr height=50px><td width=50px>内容</td>
<td width=50px>内容</td></tr>
</table>
テーブル全体の枠線の指定を一気にできるので、ソースが短くてすみますね。 注意：このコーナーはあくまでもテンプレをカスタマイズするためのコーナーです。ＨＴＭＬタグの講座ではないので、ＨＴＭＬタグを詳しく知りたい方はそういったサイトや本でお勉強してみてくださいね♪
 ホームページ・ビルダー8 |
 HTMLタグ辞典第5版 |
 HTMLビデオ講座 3巻セット |
 標準HTMLパーフェクトリファレンスPDF版 |
 通信教育 ホームページ作成術 |
-
-
- 大学生母の日記
- 駒場祭は日曜日で終了。観光は近所の…
- (2024-11-27 08:00:51)
-
-
-
- 子連れのお出かけ
- 群馬県3泊4日子連れ紅葉と温泉旅行 3…
- (2024-11-26 16:23:26)
-
-
-
- 楽天アフィリエイト
- お歳暮ギフト！第10話：新しい始まり
- (2024-11-17 08:02:38)
-
