window
トップページ > 記事閲覧
*IBMビルダー12 クイックでの文字行間の調整
日時: 2008/01/08 12:03
識別: ID:u1l9jZbngi91
名前: レトン
OS:xp
アプリケーション:IBMビルダー12

よろしくおねがいします。

クイックでホームページを作成しています。
(1)リンクメニューの変更などは全サブファイルに及ぶため便利ですが、表での文章記述の行間調整が出来ません。(行間が狭いので少し広くしたいのですがやり方がわかりません)

(2)そこで該当のファイル(INDEX.html)を「クラッシック」で開き「ページ/ソース」でstyle=”height:1.5”を [ <FONT style=”font-size :100% ]に追加記述し、[ <FONT style=”font-size :100% ; line-height:1.5”> として一応成功しました。

(3)ここで質問ですがクイックで行間調整できる方法があるのでしょうか。

(4)また、クラシックで訂正した「クイック作成」ファイルを続けて「クイック」で作成してサーバーにアップしても問題ないのでしょうか。(取説ではクイックとクラシックは別のものとあります)
メンテ

Re: IBMビルダー12 クイックでの文字行間の調整 ( No.1 )
日時: 2008/01/08 14:22
名前: nn

WEBページ作成に関する基本的な理屈をわかったうえでソフトを使うようにすると、ソフトの操作もより早く理解出来るでしょうし作業効率も上がります。

表内データの行間を調整するには、スタイルシートでtd要素のline-heightを調節します。
個々の要素のstyle属性で指定するより、style要素でまとめて指定したほうが効率的です。
また、style要素でまとめて指定するより、外部cssファイルでまとめて指定したほうが効率的です。

「クイック」とやらについてはわかりません。

(4)については、取説の「別のもの」という表現がどういう意味かわかりませんが、『ホームページビルダーで作ろうが、メモ帳で手書きしようがHTMLファイルには変わりない』のと同様に、作成方法(作成モード?)が違うだけで、なんら問題はないという気がします。
メンテ
Re: IBMビルダー12 クイックでの文字行間の調整 ( No.2 )
日時: 2008/01/09 18:40
名前: レトン

nnさん ありがとうございます。

ご指導いただきましたように、「.css」(スタイルシート)を昨日と今日の今まで必死のパッチ(失礼!)で調べようやく外部スタイルシートの機能を飲み込めました。

(1)行間調整の件は小生の場合「テンプレート」を活用していましたので、既に設定されていた「外部スタイルシート」を活用し「.css」の中の「ルール情報」の該当項目をソース文から探し「スタイルの設定」ダイアログから「文字のレイアウト」(行間:line-height)プロパティを追加しうまく行きました。各サブページに反映しました。

(2)各サブページに入力していた別々の内容のホームページ本文も「.css」を使い統一したいと思い、これも上記と同じようにソース文から該当ルール情報を探しそれを開き「font-size」「font-family」「line-height」などを追加編集しました。各サブページにうまく反映しました。

(3)当初は上記の考え方でなく、自分で新たに「外部.css」を作り、class=xxxxBとして(「font-size」「font-family」「line-height」などのプロパティを設定作成) ホームページ本文に設定接続しましたがサブページ6点中半分しか反映しませんでした。

(4)ソース文を見ると編集画面から入力した文字サイズやフォントスタイルなどがソース文中に残っていること、既存のclass=xxxxAと私が作ったclass=xxxxBと重複していることなどがありこれらが原因かも・・と考え、追加編集したclass=xxxxAのみのこし、あとは全部削除しました。この結果各サブページに反映しました。
→質問ですが重複しても問題ないのでしょうか。

(5)カン違いしていたのは「外部.css」にプロパティ設定すれば自動的に各サブページに反映すると思っていました。逐一初期設定として各サブページの該当ホームページ本文に編集画面からスタイルシートマネージャーを起動し該当ルール情報項目を選択し「スタイルクラスツールバー」から再度選択設定する動作が必要であったことです。

とにかく書けば簡単ですが必死のパッチでした。スタイルシートは判れば便利ですね。
ホームページ制作としては未だ途中です。まだまだわからぬことが多く再度投稿させて頂きますのでよろしくおねがいします。

メンテ
Re: IBMビルダー12 クイックでの文字行間の調整 ( No.3 )
日時: 2008/01/10 01:00
名前: nn

ええっと、その・・・、ヲイラが使ってるバージョンはとっても古いため、どうもその「クイック」とか、「テンプレート」とか、「ルール情報」がどんなものなのかよくわかりませんので、いまいちおっしゃってる意味がすんなりと飲み込めないのですが、ホームページビルダーでの外部スタイルシートの扱いは下記などが参考になるかもしれません。
http://www.wsb.jp/hpb/upsite/step3/s301.htm

(4)の質問については、「複数のクラスを重複して指定できるか」ということでしたら、出来ます。
http://www.tagindex.com/stylesheet/basic/format2.html#t02

あと、
> ソース文を見ると編集画面から入力した文字サイズやフォントスタイルなどがソース文中に残っている
font要素のことでしたら、せっかくスタイルシートを使うのですから、見た目に関することはすべてスタイルシートに任せたほうが賢く見えますよ。
下記の「使ってはいけないツールボタン類」を参考に。
http://hpbuilder.net/hpbuilder-strict.htm

(5)については、サイト全体に一挙に外部スタイルシートを適用させることも出来なくもないけどヲイラはあまり使わないな〜。あらかじめ外部スタイルシートにリンクした白紙の雛形ページを流用してるからね。。
まあ、興味があれば、↓こちらで「サイトスタイル」で検索してください。
http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/keysearch
メンテ
Re: IBMビルダー12 クイックでの文字行間の調整 ( No.4 )
日時: 2008/01/14 11:44
名前: レトン
状態: 解決!

ありがとうございます。
(4)の 「→質問ですが重複しても問題ないのでしょうか。」のレスをいただけてないのですが、区切りの意味で一応解決とします。
どうもありがとうございました。


メンテ
Re: IBMビルダー12 クイックでの文字行間の調整 ( No.5 )
日時: 2008/01/14 13:15
名前: nn

>>4
> ありがとうございます。
> (4)の 「→質問ですが重複しても問題ないのでしょうか。」のレスをいただけてないのですが、区切りの意味で一応解決とします。


>>3 で返答したつもりですが。
(4)の質問については、「複数のクラスを重複して指定できるか」ということでしたら、出来ます。
http://www.tagindex.com/stylesheet/basic/format2.html#t02
メンテ

 返信フォーム (上記スレッドに返信する場合は以下のフォームから投稿します)
題名 ※必須 スレッドをトップへソート
名前
E-Mail
URL
パスワード 記事メンテ時に使用します (メンテは該当記事のメンテアイコンをクリック)
返信内容
※必須
エラーメッセージや内容などは省略せず詳細にご記入下さい
状態の設定

・問題が解決したら 解決 を選択して投稿して下さい HELP(新しいウィンドウが開きます)
・既存記事の状態設定はメンテ(メンテアイコン)から修正する事ができます。


投稿内容をご確認下さい(記事の削除は出来ません)

   クッキー保存