CSSでＰタグの内外を修飾する方法



パソコントラブル解決・過去ログTOP  >  ログTOP

◇-?CSSでＰタグの内外を修飾する方法-しん-08/15-08:56(123)-No.365210
　┗?!Re:CSSでＰタグの内外を修飾する...-テツヤ-08/15-10:36(121)-No.365220
　　┗?!【多分解決】Re:CSSでＰタグの内...-しん-08/15-16:48(115)-No.365261
　　　┗?!T!Re:CSSでＰタグの内外を修飾す...-テツヤ-08/15-17:35(114)-No.365267
　　　　┗?!T!-Re:CSSでＰタグの内外を修飾�...-しん-08/16-08:26(99)-No.365358
▲このページのトップに戻る
365210CSSでＰタグの内外を修飾する方法しん 2006/08/15-08:56

メーカー名：東芝
ＯＳ名：WindowsXp HomeEdition
パソコン名：PAEX522PDE3
ソフト関連：ソフトの使い方がわからない
--
ＣＳＳでＰタグの内外を修飾する方法を２点お願いします。
Ｈｅａｄ内に記載する方法を考えています。

（１）Ｐタグで囲まれた文章をＷｏｒｄの様に数箇所タブを設定して表示出来ませんか。
<p>１．主催　町内会</p>
<p>２．開催日　平成 １８年 ９月 ７日（木）</p>
<p>３．募集人数　大人　４５名　（子供、小中高生は除く）</p>
<p>４．申込締切日 平成１８年８月３１日（木）</p>

・これを下記のように表現したい。
１．主催 　　　　 町内会
２．開催日 平成 １８年 ９月 ７日（木）
３．募集人数 大人　４５名　（子供、小中高生は除く）
４．申込締切日 平成１８年８月３１日（木）

（２）Ｐタグで囲まれた複数行の文章でＰタグ間の開きを制御したい。
<p>１．主催　町内会</p>
ブラウザで表示された時、この間の「１・」と「２・」の開きを調整したい。

<p>２．開催日　平成 １８年 ９月 ７日（木）</p>

こんな事もＷｏｒｄでは自由なのですが。

これはＰタグで記載しましたがＰタグには拘りません。

▲このページのトップに戻る
365220Re:CSSでＰタグの内外を修飾する方法テツヤ 2006/08/15-10:36

記事番号365210へのコメント
　以下の様でどうですか？。《
<PRE style="line-height:150%">
１．主催　　　　町内会
２．開催日 平成 １８年 ９月 ７日（木）
３．募集人数 大人 ４５名 （子供、小中高生は除く）
４．申込締切日 平成１８年８月３１日（木）
</PRE>
》
　　　　　↓ここはタブ
１．主催　　　町内会

　line-heightで開きを調整。

▲このページのトップに戻る
365261Re:CSSでＰタグの内外を修飾する方法しん 2006/08/15-16:48

記事番号365220へのコメント
テツヤさんは No.365220「Re:CSSでＰタグの内外を修飾する方法」で書きました。

テツヤさんありがとうございます。
今こんな方法を考えています。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>回覧</title>
<style type="text/css">
<!--
.top-disign {text-align:center;}
.disign-0 {
text-align:left;
display: block;
border: 1px solid #FF0000;
height: auto;
width: 600px;
position: relative;
padding:20px 20px 20px 50px;
}

.unnamed1 {
font-size: 18px;
font-weight: bold;
text-decoration: underline;
}

em {
font-style: normal;
color: #000000;
width: 130px;
font-weight: bold;
}
-->
</style>
</head>
<body>
<div class="top-disign">
<div class="disign-0">
<em>１．主催</em>町内会<br>
<em>２．開催日</em><span class="unnamed1">平成 １８年 ９月 ７日（木）</span><br>
<em>３．募集人数</em>大人４５名　（子供、小中高生は除く)<br>
</div>
</div>
</body>
</html>

▲このページのトップに戻る
365267Re:CSSでＰタグの内外を修飾する方法テツヤ 2006/08/15-17:35

記事番号365261へのコメント
　Firefoxでは崩れました。対策としては以下の様。
<DIV class="top-disign">
<DIV class="disign-0" style="margin:auto">
<TABLE>
<COL style="width:130">
<TR><TD><B>１．主催</B><TD>町内会
<TR><TD><B>２．開催日</B><TD><B><U>平成 １８年 ９月 ７日（木）</U></B>
<TR><TD><B>３．募集人数</B><TD>大人４５名　（子供、小中高生は除く)
</TABLE>
</DIV>
</DIV>

▲このページのトップに戻る
365358Re:CSSでＰタグの内外を修飾する方法しん 2006/08/16-08:26

記事番号365267へのコメント
テツヤさんは No.365267「Re:CSSでＰタグの内外を修飾する方法」で書きました。


テツヤさんありがとうございます。
私、ＩＥ６でFirefoxを持ちませんのでＴｅｓｔ出来ませんでした。

試行錯誤でＣＳＳに取り組んでいますが、Ｔａｂｌｅのよるレイアウトは
避ける方向を推奨されているので、その方向で試行錯誤しています。

本当はＴａｂｌｅで創る方が現在の私には楽で、また表示は安定している様な気がしますが。

まだ、テツヤさんご指摘の事項は対処していませんが、参考までに、＜body＞部分を掲載します。

<body bgcolor="#FFFFFF">
<h1><font color="#0000FF">回　覧<br></h1>
<div class="top-disign">
<div class="disign-0">
<div class="disign-1">至急回覧</div>
<div align="right">平成１８年８月５日<br>
町内会</div>
<div class="disign-2">・・・　動く市政教室のご案内　・・・</div>
<em>１．主　　催</em>町内会<br>
<em>２．開 催日</em><span class="unnamed1">平成 １８年 ９月 ７日（木）</span><br>
<em>３．募集人数</em>大人４５名　（子供、小中高生は除く)<br>
<em>４．会　　費</em>施設見学料　　鉄道資料館　 １００円<br>
　　　　　　　　　　　　　　　　　　　　　県立植物園　 ４８０円<br>
　　　　　　　　 　 <u>　　昼 食 代　　　　　　　　　　 １，０００円　　</u><br>
　　　　　　　　　　　　　　　　　　　　　 　　 合計　１，５８０円<br>
　　　　　　　　　　　　　　※ 朝の集合時点で徴収いたします。<br>
<em>５．乗り物</em>全行程新潟市の「市政バス」</br> <em>６．申込締切日</em>平成１８年８月３１日（木）<br>
　　　　　　　　　　　　　　※ 参加希望者は別紙の申込用紙に必要事項<br>
　　　　　　　　　　　　　　　　を記入して班長へ提出願います。<br>
<em>７．集合場所<br>
　　集合時間</em> <span class="unnamed1">フジミショッピング前　午前９時１５分</span></br> <em>８．行　程<br>
　　（予定）</em>旧新津市にある施設を見学いたします。</br>
<div class="unnamed3">０９：１５ 集合 フジミショッピング前</div>
<div class="unnamed3"> ０９：３０ 出発 　　　〃<br>
１０：１０ 着 (1) 新津鉄道資料館 （見学１時間） </div>
<div class="unnamed3"> １１：１０ 発<br>
１１：３０ 着 (2) 石油の世界館、観光物産館、（見学・昼食２時間） </div>
<div class="unnamed3"> １３：３０ 発<br>
１３：４５ 着 (3) 県立植物園 （見学１時間） </div>
<div class="unnamed4"> １４：４５ 発<br>
１５：３０ 着 フジミショッピング前解散</div>
<em>９．施設概要</em>　</br>
<div class="unnamed3"> (1) <a href="http://www.city.niigata.niigata.jp/info/niitsu-mgr/railoil/rail/siryou/" target="_blank">新津鉄道資料館</a><br>
　　　　鉄道の町と言われた新津。鉄道のあらゆる分野を網羅<br>
　　　　した資料館で２１の展示室が設けられている。 </div>
<div class="unnamed3"> (2) <a href="http://www.city.niigata.niigata.jp/info/niitsu-mgr/railoil/oil/kouen/kouen.html" target="_blank">石油の世界館</a><br>
　　　　石油の資料と石油を掘り出す道具の展示など、<br>
　　　　石油利用に関する資料を展示 </div>
<div class="unnamed4"> (3) <a href="http://botanical.greenery-niigata.or.jp/" target="_blank">新潟県立植物園</a><br>
　　　　高低差１５ｍの滝と５５０種の多様な植物を有する<br>
　　　　熱帯植物園と季節の植物園の２っの温室がある。 </div>
<em>１０．その他</em>　</br> 　　　　　　　　　　 ・全行程でアルコールの飲酒は出来ません。<br>
　　　　　　　　　　 ・新潟市の職員が同行します。<br>
<em>１１．問い合わせ</em>町内会長</br> </div>
</div>
<p align="right">これより前に発行された回覧を見る場合<b><a href="K_main_kairan_7.htm">ここを</a></b>クリックして下さい。</p>
</body>


パソコントラブル解決・過去ログTOP  >  ログTOP  >  CSSでＰタグの内外を修飾する方法

A1.本ページは参考になりましたか？　又はアドバイスがありますか？
解決　参考になった　参考にならなかった　アドバイスする

A2.何度目の訪問ですか？
初めて来た　　　数度目(２～４)　５回以上来ている　　 管理人:

A3.何か一言どうぞ(アドレスは書くことができません)

A4.アドレスがあればどうぞ(１つまで)


↑↑↑↑よろしければ押してください↑↑↑↑

何か一言(本ページで参考になったならないを含めて残してあります)
◎：解決　○：参考になった　×：参考にならなかった　！：アドバイスあり

参考回数投稿日時何か一言
(社)日本お助け隊
人間関係のトラブルの相談にのります。
電話相談無料。
和魂カウンセラー認定講座
和魂カウンセラー認定をしています。
全国イベントスケジュール
イベントが登録でき申込みできます。無料。