HPのコンテンツを作成しています。
コンテンツ内に基礎代謝自動計算ブログパーツを挿入しました。
テキストをブログパーツの左側にくるようにしたいのですが、タグの修正がわかりません。
それと、ブログパーツとテキストの間に余白もあけたいのです。

下記はブログパーツのテキストです。(align="right"を付け加えたのですが位置はかわりませんでした)
<div style="text-align:right; padding-top:10px; padding-bottom:5px;"><iframe src="http://chika-diet.com/blogparts/" width="180" height="200" frameborder="0" scrolling="no" marginwidth="0" marginheight="0" hspace="0" vspace="0"></iframe><div style="padding:0; margin:0; border:none;"><a href="http://chika-diet.com/" target="_blank"><img src="http://chika-diet.com/blogparts/img/link.jpg" width="180" height="20" border="0" align="right" alt="CHIKAのダイエット方法" /></a></div></div>

初心者なのでタグ等についても詳しくありません。
どなたか教えていただけないでしょうか?
添付データにHPとタグを掲載しました。
よろしお願いいたします。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

#1です。


行間が広くなってしまったのは段落(p要素)を使ったためです。
それとブログパーツの部分はいじってませんので、
スクロール画面になってしまった原因についてはこちらでは分かりません。

テキストの右にブログパーツを回り込ませるにはスタイルシートで「float:right;」を指定します。
が、この指定方法での位置関係は「画面の右端指定」のみです。
マイナスのマージンを指定すれば左側にずらすことは出来ますが、
こんどは左側のテキストとの位置関係が微妙になってきます。
なので、テキストとブログパーツを一つのブロック要素にして幅を指定するしかないと思います。

改良版:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="content-type"content="text/html;charset=UTF-8">
</head>
<body>
<div style="width:800px;">
<div style="padding-top:10px;padding-bottom:5px;margin-left:20px;float:right;">
<iframe src="http://chika-diet.com/blogparts/"
width="180"height="200"frameborder="0"scrolling="no"marginwidth="0"marginheight="0"hspace="0"vspace="0">
</iframe>
<div style="padding:0;margin:0;border:none;">
<a href="http://chika-diet.com/" target="_blank">
<img src="http://chika-diet.com/blogparts/img/link.jpg" width="180"height="20"border="0"alt="CHIKAのダイエット方法" />
</a>
</div>
</div>
<div style="ont-size:12pt;padding-top:10px;">
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキスト終わり
</div>
</div>
<p style="clear:both;">下に続く要素…</p>
</body>
</html>

テキストとブログパーツの間隔は20px、幅は800pxになってますが便宜変更してください。
見え方はこんな感じ↓
http://www16.plala.or.jp/zaq_501/test1.html
    • good
    • 0

これでどうでしょうかね?


<div style="float:left;padding-top:10px;margin-right:50px;">
<p>テキスト テキスト テキスト テキスト</p>
<p>・・・・・・・・・・・・・・・・</p>
<p>・・・・・・・・・・・・・・・・</p>
<p>・・・・・・・・・・・・・・・・</p>
<p>・・・・・・・・・・・・・・・・</p>
<p>・・・・・・・・・・・・・・・・</p>
</div>
<div style="padding-top:10px;padding-bottom:5px;">
<iframe src="http://chika-diet.com/blogparts/"
width="180"height="200"frameborder="0"scrolling="no"marginwidth="0"marginheight="0"hspace="0"vspace="0">
</iframe>
<div style="padding:0;margin:0;border:none;">
<a href="http://chika-diet.com/" target="_blank">
<img src="http://chika-diet.com/blogparts/img/link.jpg" width="180"height="20"border="0"alt="CHIKAのダイエット方法" />
</a>
</div>
</div>
<p clear:both;">・・・下に続く要素・・・</p>

この回答への補足

ご回答ありがとうございます。

試してみました。
位置はテキストが左、パーツが右になったのですが、パーツの部分がスクロール画面になってしまいました。
それと、テキストの行間が広くなってしまいます。

希望はこのページ↓の先頭部分にある画像とテキストの感じです。難しいでしょうか?
もし、お時間があればよろしくお願いいたします。
http://diet-yaseru1.net/%E3%83%80%E3%82%A4%E3%82 …

補足日時:2011/04/13 08:14
    • good
    • 0

このQ&Aに関連する人気のQ&A

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

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qブログパーツの設定位置について

gooブログのメニューに貼り付けないことは分ってますのでトップページにブログパーツを貼り付けたいと思ってます。

gooあしあとなどのブログパーツを設置して横にスペースが空いた所に他のブログパーツをアップさせたいのですがalign="right" などのタグを入れても反映できません

ブログパーツに変換後の横に並べて反映させる方法を教えてください
宜しくお願いします。

Aベストアンサー

whippoorwll さんがおっしゃっている通り、テーブルタグを使うのがベストだと思います。
どのように表示させたいかによってタグの書き方が色々変わりますが、取りあえずは下記を試してみてください。
----------------------------------------
<table align="center"><tr><td style="padding:5px; border:solid 1px silver;">(ブログパーツ)</td><td width="20"></td><td style="padding:5px; border:solid 1px silver;">(ブログパーツ)</td></tr></table>
----------------------------------------
* (ブログパーツ)の部分にパーツのタグを入れます。
* 途中に改行を入れないでくださいね。

この通りにやって分からない点等がありましたら、また質問してください ( ^^

Q商用HP作成を目指してます。右も左もわからない初心者です。 泣

商用HP作成を目指してます。http://www.niche-marketing.jp/hpsakusei/index.htmlの作成ソフトで作ります。右も左もわからない初心者ですが、自分でHPを作ろうと思い色々調べているんですが よくわかりません。やさしく解説してあるわかりやすいサイトを教えてください。
それとレンタルサーバー初期費用4,000円とはなんですか? 
yahoo登録費用50,000円とは何ですか?教えてください。

Aベストアンサー

こんにちは。

商用HP作成との事ですが、まず、上記のURLのHP作成ソフトは一般流通していないもののようなので、使っている人が極端に少ないと思います。イコール解説している所は無いのではないかと…。
寧ろ「ホームページビルダー」の方が流通がある分だけ、創意工夫を各サイトで教えており、入りやすく、上手くやればプロ仕様のHPを作る事も可能です。
(見本で上がっていたHPの構造自体は、ビルダーのものとそんなに変わらない気がします。使っているアイコン(加工した画像データ)で可愛らしくなっただけかと。そしてそのソフトとしてPhotoshopの利用を書いてますが、このソフト、簡易版が2万強で出ています。加工も素人絵マニアの為に山程サイトがあります。また、HP作成とあわせてスクールも開講されており、10万もあればほぼ思い通りのHPが作れる術をマスター出来ます)

レンタルサーバー初期費用とは、言葉の通り、サーバーをレンタルする為の初期費用です。あなたのHPの専用置場を作る為の契約金と思って下さい。恐らく別途月額使用料が掛かるはずです。
それからYahoo登録費とは、Yahooにあなたの代わりに申請登録を代行する費用と思われます。Yahooに登録すれば、検索を行った際にあなたのHPがヒットする可能性が高いので、一目に触れる可能性が高くなる、即ち売上への可能性があるという事です。
ですが……Yahooのカテゴリ登録なんて無料ですよ、自分でやったら。また登録をしなくても、ロボットが巡回で探してヒットする(googleなんかはそうです)場合もあるので、そこまでお金をかける必要があるのかとも思います(勿論商売ですから、ヒットが多い方がいいでしょうが)。

思うに、まずレンタルサーバー、登録費用等の言葉をネット検索する事から初めてみてはいかがでしょうか。言葉が判らなければ、コストパフォーマンスも判らないと思います。

こんにちは。

商用HP作成との事ですが、まず、上記のURLのHP作成ソフトは一般流通していないもののようなので、使っている人が極端に少ないと思います。イコール解説している所は無いのではないかと…。
寧ろ「ホームページビルダー」の方が流通がある分だけ、創意工夫を各サイトで教えており、入りやすく、上手くやればプロ仕様のHPを作る事も可能です。
(見本で上がっていたHPの構造自体は、ビルダーのものとそんなに変わらない気がします。使っているアイコン(加工した画像データ)で可愛らしくなっただ...続きを読む

Qブログパーツの作成について

最近gooブログを作ったのですが、カウントダウンのブログパーツを貼り付けたいと思っています。
しかし、まったくわかりません。

ブログパーツのページで見た限りではgooブログパーツサポートリストでは求めているものがありません。

他のサイトのブログパーツを貼り付ける方法を教えてください。
色々試してはみるのですが、「許可されていない値です」と出てしまいます。

希望のブログパーツは
○○まであと△△日。
といったシンプルなものです。

Aベストアンサー

ブログパーツの作成と言うよりも、ブログパーツの設置でしょうか。

http://blog.goo.ne.jp/how_to/e/89b470fc570d02bbdcc5c80003546e85

上記、URLを見て頂くとわかると思いますが、他サイトのブログパーツ設置を設置するには、gooブログ用に変換する必要があります。

ですから、変換できない(設置できない)ものもあるようです。
もし、すでにやられていて「許可されていない値です」と出たのならば、それについては諦めるしかないでしょう。

Q同一HP内に2つのHPを作るには?

現在hoopsのサーバー上にHPを開いているのですが、
そこのスペースにもう一つのHPを作ろうと思っています。

今あるHPをA 作ろうとしているHPをBとしてこれから先を読んでください

内容的に少し重なる部分もあるHPなのでAのサイト内からBへのリンクを張る予定にはしています。

質問1・
index.htmlをたどった先にリンクがあるので「隠しフォルダ」のような感じにはならないと思うのですが皆様はどのように考えられますか?

質問2.
Bのサイトに外部から直接リンクを張ってもらう(相互リンク等)というのは違反にはなりませんか?

一応「HPを2つ作る」「TOPページ以外へのリンク」等で過去ログは検索
したのですが、求める内容が見つかりませんでした。
ガイドラインなども読んでみたのですが・・・・
変な質問ですが答えていただけると嬉しいです。
お願いしますm(__)m

Aベストアンサー

hoopsの規約というのは,
http://www.hoops.livedoor.com/guide/
でしょうか.

これを読む限りでは,まるで問題ありません.

以下の条項もないようですし.
- 隠しフォルダーがあってはいけない,
- index.htmlからたどれないリンクがあってはいけない..
- 下位階層へ直接リンクを張ってはいけない,
つまり,
- 隠しフォルダーがあっていい,
- index.htmlからたどれないリンクがあっていい..
- 下位階層へ直接リンクを張っていい,
だと思います.

ここまで調べて,違うプロバイダーだとしたら悲しいな.

Qブログパーツ

ブログパーツについて詳しく教えてください

ブログパーツっておもしろそうですね
ある人のブログで巫女と猫が会話してました
あ~やりたいな~

Aベストアンサー

ブログパーツとはアクセサリーのことです。
ブログのイメージアップにもつながります

QHPを作成しているのですが、枠の作成方法は?

HPを作成しているのですが、初めてのことだらけで、よくわかりません。

http://www.geocities.jp/benntousuki/home.html

↑の中でメニューを枠で囲っているところ(ドット模様で)があるのですが、このような枠の作成方法がわからず困っています。
できれば、↑のような線で枠を作るのではなく、模様で作成できたらいいなと思っています。
そのような素材がある、おすすめのページも教えていただけましたら幸いです。
よろしくおねがいいたします。

Aベストアンサー

該当ページのソースを見れば一目瞭然かとは思いますが、
テーブルのスタイル指定が
”border-style:dotted”になっていますね。
この状態であれば枠が点で構成されます。

border-style:dottedで検索したところ解りやすいテンプレートを掲載しているサイトを見つけましたので、
参考URLからどうぞ。

参考URL:http://www4.ocn.ne.jp/~tester/style/kowaza_table5.html

Qブログパーツの位置移動?

ブログパーツの位置移動?

すいません・・・ブログパーツをgooの「ブログパーツの貼り付け方」にそって貼り付けたのですが、記事についてしまいました。(これが普通なのでしょうが・・・)
どうすれば「最新の記事」などの欄と並べて表示させられますか?
専門用語などは一切分からないので、簡単に教えていただけると嬉しいです。

Aベストアンサー

こんにちは。
gooブログの例ですと移動ではなく貼り直しになります。
http://blog.goo.ne.jp/how_to/e/89b470fc570d02bbdcc5c80003546e85

このページの
「■基本のブログパーツ設置方法 - 記事に貼る」ではなく

同じページの
「■基本のブログパーツ設置方法 - テンプレートに貼る」
を参考にしてみて下さい。

QHPのコンテンツの増やし方。

gooの簡単HPを利用しています。
コンテンツを増やしたいと思っています。
レンタルしてきたCGIを使いたいのです。
でも、編集画面で行う「ページ画面の追加」は
すでに全部使ってしまっています。
他に増やす方法があったら、教えてください。

Aベストアンサー

レンタルしてきたCGIを使いたいというところが引っかかりますが…

簡単HPでページを増設するには、他にレンタルサーバサービスを借りて、そこにファイルをアップロードし、そのファイルへのリンクを簡単HP側から張るという方法をとる他ないようです。
ですので、プロバイダのサービスなど他のサーバレンタルサービスを探してきて、そこに増設するページのファイルを置き、それに対して簡単HPからリンクを張ればよいでしょう。

ただ、設置したいものがCGIということですので、CGIを設置可能なレンタルサーバを見つける必要があるかもしれません。 ユーザーが用意したCGIプログラムファイルを設置することを制限しているサービスも多いので、ちょっと選択肢が狭まってしまうかもしれませんね。
あと、無料のレンタルサーバサービスだと、他のレンタルサーバサービス上のサイトから、ファイル置き場としてリンクするような利用法を禁止しているレンタルサーバも少なくないと思います。 ですので、無料ですべて済ますのが困難なこともあるかもしれません。 場合によっては、有料のレンタルサーバサービスを考慮した方が早いこともあるでしょう。
なんにしても、他のサーバを利用する場合は、そのサーバの利用規約を十分に吟味する必要があると思います。

もし、レンタルしてきたCGIというものが、サーバスペース込みでレンタルしている(掲示板や日記帳サービスなどのような)サービスの場合、その貸し出されたページのURLに対してリンクを張るだけで解決できることもあるかもしれません。
プログラムをダウンロードしてきて、それをアップロードして利用する形態でなければ、こちらの方法で解決できますね。

参考になれば…

レンタルしてきたCGIを使いたいというところが引っかかりますが…

簡単HPでページを増設するには、他にレンタルサーバサービスを借りて、そこにファイルをアップロードし、そのファイルへのリンクを簡単HP側から張るという方法をとる他ないようです。
ですので、プロバイダのサービスなど他のサーバレンタルサービスを探してきて、そこに増設するページのファイルを置き、それに対して簡単HPからリンクを張ればよいでしょう。

ただ、設置したいものがCGIということですので、CGIを設置可能なレンタルサーバ...続きを読む

Qブログパーツを貼りたいです;

アメブロからFC2ブログというところに移転しました。
以前やっていたアメブロでは、ブログパーツが貼れたのですが
現在やっています、FC2ブログでは初心者なので
ブログパーツの貼り方が分かりません。
一体どの手順ですればいいのか、知ってましたら教えて下さい!

※ブログパーツのタグ?は入手してますのであとは貼るだけです!
 なので入手の仕方は省いてくれて大丈夫です!

Aベストアンサー

設定でフリーエリアのプラグインを追加して、
そこにブログパーツのタグを貼ります。

Qブログパーツの「chobi掲示板」「chobiメール」

chobi掲示板とchobメール(メールフォーム)を利用しています。
今日の午前中にブログを見たときは、ちゃんと表示されていて
書き込みも確かにできていました。
先ほどブログにアクセスしてみたら、chobi掲示板とchobiメールが
表示されていませんでした。
設定がおかしくなったのかなと思い、確認してみましたが
見たところ不具合は見つかりませんでした。

chobiを利用している他のブログを拝見しましたが
やはり表示されていませんでした。
http://mail.chobies.jp/ (chobiメールサイト)
http://bbs.chobies.jp/ (chobi掲示板サイト)
公式サイトへのアクセスが出来ませんでした。

chobiはサービスの提供をやめてしまったのでしょうか?
それとも、メンテナンスや一時的なトラブル等で休止しているのでしょうか?
ご存知の方、回答よろしくお願いします。

Aベストアンサー

わからないけど、とりあえず

「公式サイトへのアクセスが出来ません」の状況は当方でも確認


; <<>> DiG 9.3.2 <<>> @a.dns.jp chobies.jp a
; (1 server found)
;; global options: printcmd
;; Got answer:
;; ->>HEADER<<- opcode: QUERY, status: NOERROR, id: 543
;; flags: qr rd; QUERY: 1, ANSWER: 0, AUTHORITY: 2, ADDITIONAL: 2

;; QUESTION SECTION:
;chobies.jp.INA

;; AUTHORITY SECTION:
chobies.jp.86400INNSns1.do-reg.jp.
chobies.jp.86400INNSns2.do-reg.jp.

;; ADDITIONAL SECTION:
ns1.do-reg.jp.86400INA219.99.135.1
ns2.do-reg.jp.86400INA219.99.135.17

;; Query time: 46 msec
;; SERVER: 203.119.1.1#53(203.119.1.1)
;; WHEN: Fri Aug 25 21:35:54 2006
;; MSG SIZE rcvd: 103

; <<>> DiG 9.3.2 <<>> @ns1.do-reg.jp. chobies.jp a
; (1 server found)
;; global options: printcmd
;; Got answer:
;; ->>HEADER<<- opcode: QUERY, status: SERVFAIL, id: 1013
;; flags: qr rd ra; QUERY: 1, ANSWER: 0, AUTHORITY: 0, ADDITIONAL: 0

;; QUESTION SECTION:
;chobies.jp.INA

;; Query time: 46 msec
;; SERVER: 219.99.135.1#53(219.99.135.1)
;; WHEN: Fri Aug 25 21:34:49 2006
;; MSG SIZE rcvd: 28



; <<>> DiG 9.3.2 <<>> @ns2.do-reg.jp chobies.jp a
; (1 server found)
;; global options: printcmd
;; Got answer:
;; ->>HEADER<<- opcode: QUERY, status: SERVFAIL, id: 729
;; flags: qr rd ra; QUERY: 1, ANSWER: 0, AUTHORITY: 0, ADDITIONAL: 0

;; QUESTION SECTION:
;chobies.jp.INA

;; Query time: 31 msec
;; SERVER: 219.99.135.17#53(219.99.135.17)
;; WHEN: Fri Aug 25 21:37:17 2006
;; MSG SIZE rcvd: 28

DNSサーバからIPアドレスが返ってこないので・・・
ひょっとしたら止めてしまったのかもしれません

わからないけど、とりあえず

「公式サイトへのアクセスが出来ません」の状況は当方でも確認


; <<>> DiG 9.3.2 <<>> @a.dns.jp chobies.jp a
; (1 server found)
;; global options: printcmd
;; Got answer:
;; ->>HEADER<<- opcode: QUERY, status: NOERROR, id: 543
;; flags: qr rd; QUERY: 1, ANSWER: 0, AUTHORITY: 2, ADDITIONAL: 2

;; QUESTION SECTION:
;chobies.jp.INA

;; AUTHORITY SECTION:
chobies.jp.86400INNSns1.do-reg.jp.
chobies.jp.86400INNSns2.do-reg.jp.

;; ADDI...続きを読む


人気Q&Aランキング