【 HP作成質問箱 】

新しい質問は「新規入力」ボタンをクリックしてください。
| Back | Next | Page-18

【HP作成質問箱/詳細】 一覧 / 詳細

  No.9268 背景色が
[なぁき] [ブラウザ]  07/05/10 (木) 22:33
HPのTOPの背景色が白から変わりません
子ページでは緑になるのですが。。。
HTMLで変えれる方法、もしくは違うやり方があればご指導くださいm(__)m
  No.9271 Re:背景色が
[atom] [ブラウザ]  07/05/11 (金) 07:54
現在そちらの指定されたページに行きましたら、背景はちゃんと緑になっていました。

もう解決したのでしょうか?
  No.9285 Re:背景色が
[なぁき] [ブラウザ]  07/05/13 (日) 22:03
すみません、何とか貴サイトのおかげで解決しましたが、まだ問題が、、、

PC上ではちゃんと緑に見えるのですが、携帯だと白に戻るんですよね;
子ページは緑になるのですが、やはりTOPだけ。。。
  No.9286 Re^2:背景色が
[atom] [ブラウザ]  07/05/13 (日) 22:12
なるほど、携帯で見てるんですね。

携帯はスタイルシートがまだ使えないと思います。
トップページ以外はBODYタグで指定してるから、携帯でも背景色の指定ができてるのです。

トップページはスタイルシートを使って指定しています。
携帯中心なら、bodyタグで指定する必要がありますし、スタイルシートは一切使ってはいけません。
  No.9295 Re^4:背景色が
[なぁき] [ブラウザ]  07/05/15 (火) 00:54
もうひとつ><;
画像コード、画像URLという言葉が出てきたのですが、よくわかりません。
教えていただけると有難いですTT
  No.9296 Re^5:背景色が
[atom] [ブラウザ]  07/05/15 (火) 09:01
うん?
トップにはもう既に「greenjackets」の画像は表示されてますよね?

何がわからないのでしょうか?
それとももう問題は解決したのでしょうか?
  No.9265 targetを指定する方法(外部CSSとJavaScriptが使えない環境です)
[にごん] [ブラウザ]  07/05/10 (木) 20:42
はじめまして、お世話になります。
タイトルの通り、外部CSSとJavaScriptが使えない環境で、targetを指定する方法を教えていただきたいです。

私はブログをやっていまして、ほとんどのリンクのtargetを_selfにしていますが、どうしても1、2箇所だけ_blankにしたいところがあります。
ですがそこはブログを提供しているところが自動的にHTMLを作っているところなので、私の方でいじることが出来ません。
CSSで設定出来ないかと調べてみたのですが、私の調べた限りでは出来ないようでした(そもそもCSSでやるようなことじゃないそうです)
ブログを提供しているところが、利用者にJavaScriptを使用させないようにしているために、JavaScriptでの設定も出来ないです。

ベースのtargetを_blankにするのは、ブログを提供している方で書かれているHTMLが他にもあり、それにも適用されてしまいますし使いにくいので、したくないです。
勝手な相談ですが、もしなにか出来るやり方をご存知でしたら、教えていただきたいです。
よろしくお願い致します。
  No.9266 Re:targetを指定する方法(外部CSSとJavaScriptが使えない環境です)
[atom] [ブラウザ]  07/05/10 (木) 21:48
HTMLが自動生成しているところであれば無理でしょう..

強引な方法とすれば、先方が生成しているタグをCSSか何かで完全に非表示にしてしまって、自分でそれに変わるタグを記述するしかないでしょう..
  No.9269 Re^2:targetを指定する方法(外部CSSとJavaScriptが使えない環境です)
[にごん] [ブラウザ]  07/05/11 (金) 00:07
お答えありがとうございます。
やはりCSSで指定することは出来ないのですね。

>強引な方法とすれば、先方が生成しているタグをCSSか何かで完全に非表示にしてしまって、自分でそれに変わるタグを記述するしかないでしょう..
これなんですが、変えたいところは所謂『ブログのコメント欄』でして。
そこにアドレスを書いてコメントしてくれた人のところには、_blankで移動できればいいのになあ、と私の好みでそう思ったんです。
コメント欄のフォームタグなども利用者では変更追加出来ないので、諦めるしかなさそうですね。

吹っ切ることが出来ました。どうもありがとうございます。
  No.9261 アップロードしてるのですが・・・
添付 [ゆう] [ブラウザ]  07/05/07 (月) 20:45
何度アップロードしても自分のHPのほうにうまく作成したとおりになりません。どうしてでしょうか。
現時点の私のHPですが、かなりだめだめです・・・・

alphaEDITで作成していて、背景画像も決めたり、フレームもつけているのですが、実際のHPではこんななってしまいます。解決策がありましたら教えてください。ほんとはこうなるはずっていうやつを一応添付しておきます。
  No.9262 Re:アップロードしてるのですが・・・
[ゆう] [ブラウザ]  07/05/07 (月) 20:47
添付ファイルすらみれないっぽいですね。。
  No.9263 Re^2:アップロードしてるのですが・・・
[shogo] [ブラウザ]  07/05/07 (月) 21:55
今確認したらターゲットが日本語でも右に表示されているようですね・・
あとの問題はファイル名が日本語になってる点ですね
  No.9258 画像が表示されない
[ようこ] [ブラウザ]  07/05/07 (月) 13:51
はじめまして。
初歩的な質問ですいません。

アップロード後にHP上では画像が確認できるのですが、逆に自分のファイルからでは画像が確認できません。
画像があるべき場所にバツ印ではなくて、丸と三角と四角みたいな記号が出てしまうのですが、これはどういった現象なのでしょうか。
インターネット上からなら画像が出るので放って置いてもいいのかもしれませんが、気になったので質問しました。
どなたかわかる方回答いただけないでしょうか。
わかりにくい文章ですいませんが、よろしくお願いします。
  No.9259 Re:画像が表示されない
[atom] [ブラウザ]  07/05/07 (月) 15:30
想像で回答いたしますが、

そのIMGタグはアドレスの指定が「http://」から始まっていませんか?

その画像がおかれているサーバーが他の方に利用されないように、他サーバーからの閲覧を拒否してる場合があります。

その「丸と三角と四角みたいな記号」は実際に見てみないと、よくわかりませんが、サーバー側から閲覧できない画像の代わりとして定められた画像を差し込んでるのではないでしょうか?
  No.9260 Re^2:画像が表示されない
[ようこ] [ブラウザ]  07/05/07 (月) 18:40
回答ありがとうございます。

imgタグは<img src="tilt01.jpg" border=0>というようにきちんと自分のファイルの中に入れた画像のアドレス指定にはなっているのですが…。

確かに私の借りているHPはジオシティーズで、他サーバーからの画像閲覧は出来ないみたいなので、そうかもしれないですね。

わかりにくい質問に答えていただいてありがとうございました。
  No.9264 Re^3:画像が表示されない
[atom] [ブラウザ]  07/05/07 (月) 22:46
なるほど、そういうことであれば、自分のパソコンのそのページがある場所に「tilt01.jpg」という画像をおけば表示されると思いますが..
  No.9254 テキストボックスに画像
[李澄] [ブラウザ]  07/05/06 (日) 14:24
はじめまして。
スタイルシート自体もまだ完璧じゃないんですが、
テキストボックス(私のサイトの小タイトルについているものです)の背景を画像にしたいのですがどうすれば良いのでしょうか??
  No.9255 Re:テキストボックスに画像
[atom] [ブラウザ]  07/05/06 (日) 15:25
次のようなスタイル属性を使います。

style="background-image: url(画像のファイル名);"

【サンプル】
<div style="background-image: url(/images/exp/baloon.gif);">
テスト

テスト

</div>



テスト

テスト


  No.9256 Re^2:テキストボックスに画像
[李澄] [ブラウザ]  07/05/06 (日) 17:44
ありがとうございます。
見事に出来ましたw

続けてなんですがその画像を続けないようにするにはどうするんですか??
  No.9257 解決しました
[李澄] [ブラウザ]  07/05/06 (日) 18:11
ごめんなさい、できました;;
atomさん、ありがとうございましたw
  No.9249 急に画像が表示されなくなってしまいました。
[遥] [ブラウザ]  07/05/04 (金) 14:40
今までは普通に表示されていたページの画像が、
急に表示されなくなってしまいました。
他のページは上手くいっているのですが・・・・・。
どうかまたご指導をお願いします。
  No.9250 Re:急に画像が表示されなくなってしまいました。
[shogo] [ブラウザ]  07/05/04 (金) 16:23
背景画像のURLは下記のようです。
http://saltgraffiti.web.fc2.com/images/life9.jpg
下記に編集すれば表示されるでしょう。
body background="./life9.jpg"

body background="images/life9.jpg
  No.9253 解決しました!!
[遥] [ブラウザ]  07/05/06 (日) 00:45
編集してみるとあっさり画像が表示されました。
imagesの部分がいつのまにか抜けていたのですね、気づきませんでした。
本当にご指導ありがとうございました。
また色々とお世話になると思いますが、よろしくお願いします。
  No.9239 エクセルのファイル
[しんや] [ブラウザ]  07/05/02 (水) 18:53
エクセルのファイルをHPにのせたいのでうが、どのようなタグで載せることができるのでしょうか?
  No.9241 Re:エクセルのファイル
[atom] [ブラウザ]  07/05/02 (水) 21:12
Aタグを使い、リンクを張るといいと思います。
  No.9243 Re^2:エクセルのファイル
[しんや] [ブラウザ]  07/05/03 (木) 05:44
> Aタグを使い、リンクを張るといいと思います。

すいません、Aタグとはどういったタグなのでしょうか?
  No.9245 Re^3:エクセルのファイル
[しんや] [ブラウザ]  07/05/03 (木) 11:51
<a target="_blank" href="ファイル名.html">クリックさせたい文字</a>

で入力しても反映されませんでした。

どこが悪いのかできたら教えていただけないでしょうか?

お願いします。
  No.9246 Re^4:エクセルのファイル
[atom] [ブラウザ]  07/05/03 (木) 13:51
単に記述ミスだと思います。
正しくは、

<a target="_blank" href="ファイル名">クリックさせたい文字</a>

です。
  No.9251 Re^5:エクセルのファイル
[しんや] [ブラウザ]  07/05/05 (土) 10:49

<a target="_blank" href="ファイル名">クリックさせたい文字</a>
>

ご指摘通り、リンクはできました。

ありがとうございます。

しかしFC2 ホームページを利用しているのですが、データがアップロードできていないようでした。

サーバの問題でしょうか?

利用経験のある方いらっしゃいましたらよろしくお願いします。
  No.9252 Re^6:エクセルのファイル
[atom] [ブラウザ]  07/05/05 (土) 18:17
よくわかりませんが、ブログということでアップロードできるファイルを制限しているのではないでしょうか?

画像のアップロードは知ってますが、画像以外のアップロード機能ってありましたでしょうか?
  No.9267 Re^7:エクセルのファイル
[しんや] [ブラウザ]  07/05/10 (木) 21:57
普通はないんですか?

知らなかったです。

エクセルの内容をHPでhtmlで表示させるのはたいへんですよね。
  No.9270 Re^8:エクセルのファイル
[atom] [ブラウザ]  07/05/11 (金) 07:52
私の勘違いがありました。
ブログではなく、HP作成の方だったんですね。

それでも、他の画像がアップできるのに、エクセルがアップできないなら、制限が掛かってると思います。


> エクセルの内容をHPでhtmlで表示させるのはたいへんですよね。

Excelで、「ファイル」-「webページとして保存」というのがあるので、これを使えば簡単にHTMLになります。

ただし、これは純粋なHTMLではないのでいらないタグがたくさん入ったり、Windowsのパソコンじゃないと見れなかったり、誤作動の可能性もあります。
しかし、とりあえず簡単にHTMLにしたいという時には使えると思います。
  No.9238 画像(バナー等)に文字を入れたときの見え方について
[はな] [ブラウザ]  07/05/02 (水) 13:45
はじめまして。ボランティアでHP作成をしています、はなと申します。
よろしくお願いします。

初歩的なことかもしれないのですが、質問させてください。
不適切な内容であれば削除していただいて構いません。

質問ですが、バナーや画像に文字が入っているのはよくあることですが、
その文字の見え方(と言えばいいのでしょうか?)、見た目(?)についての質問です。
わたしが使っている画像作成ソフトだと、画像の上に文字を乗せるときは、
この掲示板の『新規投稿』のようになってしまうのですが、
わたしは、画像の上に乗せる文字を、今ここで打っているような文字を乗せたいのです。
見た目を、こういう文字にしたいのです。

これは、ソフトによって違うのでしょうか?
それともどのソフトでもできることなのでしょうか?
調べてみたのですが、どういった言葉で検索していいかもわからず。。。

アドバイスいただけると嬉しいです。よろしくお願いします。
  No.9240 Re:画像(バナー等)に文字を入れたときの見え方について
[atom] [ブラウザ]  07/05/02 (水) 21:10
画像ソフトによって違いますが、縁取りが出るということでしょうか?
それとも影がつくということでしょうか?

それはそれぞれの画像ソフトの使い方ですので、そのソフトのサポートなどで訪ねられるといいでしょう。
  No.9242 Re:画像(バナー等)に文字を入れたときの見え方について
[やままる] [ブラウザ]  07/05/02 (水) 21:53
> わたしは、画像の上に乗せる文字を、今ここで打っているような文字を乗せたいのです。
> 見た目を、こういう文字にしたいのです。

たぶん、文字を画像にするのではなく、通常のテキストにして、それに画像を背景として指定する方法を尋ねられているのだと思います。このサイトのCSSサンプルに解説があります。

ただし、画像の中央に文字が来るようにするためには、(本来の役割と違うので、私は奨励しませんが)table によるレイアウトが必要だと思われます。

<table style="height: px width: px" border="0" >
<tr><td style="text-align: center vertical-align: middle background-image: url(フォルダ名/ファイル名)">テキスト</td></tr>
</table>
  No.9244 訂正
[やままる] [ブラウザ]  07/05/03 (木) 08:00
上記[9242]において、style属性の記述が正しく表示されていないことに気づきました。
すなわち、プロパティとプロパティの区切りにセミコロン()が存在するはずで、実際その通りに書いたのですが、この掲示板ではなぜか表示されません。

どういうわけか分かりません。< >に&lt &gtを使わなかったためか、と思ったのですが、どうやらそうではないようです。

テスト
全角セミコロン→;
半角セミコロン→
  No.9247 Re:訂正
[atom] [ブラウザ]  07/05/03 (木) 14:49
失礼いたしました。

セミコロンの件は今直しました。
セキュリティを強化したときに間違った処理を埋め込んでしまったようです。

連続セミコロンのテスト→;;;;;
  No.9248 Re^2:訂正
[はな] [ブラウザ]  07/05/04 (金) 00:07
やままるさん

お返事どうもありがとうございました!
ご親切なお返事をいただいたあとで大変申し訳ないのですが、問題が解決してしまいました。
というのも、やままるさんのお返事を読んでからCSSサンプルを見てみて、
『わたしがしたいこととちょっと違うなぁ』と思いお返事を書いたのですが(そのお返事は削除しました)、そのあとに、ソフトでいろいろと試してみたら、ここでお聞きしていたことができてしまったのです。

テキストを入力してから『アンチエイリアスをオフ』にしたら、
ここで打つような文字を画像の上に乗せることができました!

ここで質問させていただく前にいろいろと試してみればよかったです。
なぜ今までしてみなかったのか自分でも呆れました。。。
どうもすみませんでした。ありがとうございました!
  No.9234 ロード中など解析中
[ざっぴー] [ブラウザ]  07/04/30 (月) 11:13
はじめまして、HTML初心者のざっぴーです。

たまにサブウィンドウ?が表示されるHPを見かけます。
具体的には、解析中などロード中・・・と表示されるやつです。
あれを自分のHPでも実装したいんですが、いまいち方法がわかりません。

そもそも何で実装しているのでしょうか?JSだとタスクにウィンドウが
追加されてしまいますし。。。フラッシュってやつですか?
  No.9235 Re:ロード中など解析中
[atom] [ブラウザ]  07/04/30 (月) 13:42
現物を見ないとわかりませんねぇ..
本当にそれはサブウィンドウなのでしょうか?
サブウィンドウならタスクがひとつ増えるのはしょうがないでしょうし..

まず、そこが解決しないことには、何を言っても無駄に終わりそうです。
  No.9236 Re^2:ロード中など解析中
添付 [ざっぴー] [ブラウザ]  07/04/30 (月) 17:19
お返事有難うございます。
実際、サブウィンドウではないです。キャプチャとったんで寄付しておきます。

一応私のHPものせておきます。
http://ytrunner.web.fc2.com/youtube/top/
曲名をクリックすると中央にGIF動画が現れるはずです。現在はこれで
しのいでいますが、最終的には寄付どおりに再現したいです。
  No.9237 Re^3:ロード中など解析中
[atom] [ブラウザ]  07/04/30 (月) 21:00
キャプチャがうまく添付されてないですね。
何でだろう?..

訂正でもう一度添付するか、再度、「返信」で添付してみてください。
  No.9231 メニューなどを一つ一つ訂正しなくていいようにするには?
[ぽこぱぱ] [ブラウザ]  07/04/23 (月) 22:47
以前からお世話になっています。少しずつではありますがhtmlも
勉強を始めています。

さて,表題の件ですが・・・
職場の一部門でちょっとページ数の多いHPを作成することになり
ました。今は各ページにそれぞれメニューやヘッダ,フッタ等を配
置したひな形を作り,コンテンツの内容を書き換えていくという方
法で複数のページを作成しています。(参照HP参考)
しかし,この方法だと今回作成しなければならないHPの一部を変
更する際にすべてのページを書き換えなければならず非効率的かと
思われます。

例:メニューの「掲示板」を「ギャラリー」に変更する場合,画像
は同じ名前で上書きしておけばいいのですが,それに伴うリンク先
の変更はすべてのページを書き換える必要がある。

可能かどうかさえ分からないのですが,もしそれぞれのページをコ
ンテンツ部分だけで作成し,その中にヘッダ・メニュー・サイドメ
ニュー・フッタなどを読み込んでくることができれば,読み込むた
めの1ページだけを変更すれば,全部にその変更が行き渡ると思う
のです。
そのようなことが可能か,可能とすればどのようにすればよいのか
お教え下さるようお願いいたします。
  No.9232 Re:メニューなどを一つ一つ訂正しなくていいようにするには?
[atom] [ブラウザ]  07/04/23 (月) 23:55
わかります。
コンテンツ(ページ数)が増えてくると誰しもがぶつかる問題です。

大きく4つぐらいあります。

1.市販のHP作成ソフトなら、テンプレートや雛形、ライブラリという名前で呼ばれますが、ぽこぱぱが言われるようにひとつ作成すれば全ページ、あるいは任意のページに使用することにより、変更があっても1箇所を修正すれば自動的に全ページが変更されるような機能があります。
私が知ってるソフトでいうとHPビルダーやDreamWeaverにはその機能があります。

2.SSI(Server Side Include)を使用する方法
これこそまさしくぽこぱぱが言う機能です。
独立したファイルを作成しておき、それをページの中に挿入してくる方法です。
これの欠点は、それぞれの部分が独立しているため完成形がサーバーなどの中でしか確認できないことです。
SSIについてはここの「HP作成の予備知識」にも解説していますので一度ご覧になってください。

また、HP作成質問箱やトップページの検索などで検索されてもたくさんの関連記事が見つかります。

3.Iframe(アイフレーム、インラインフレーム)を使用する方法
こちらはちょうど逆で雛形の中に穴ぼこを開け、そこに必要なコンテンツを読み込んでくるイメージになります。

これの欠点は見た目だけ1ページのように見えますが、実際には複数のページで1ページが構成される形になり、穴ぼこの部分しかスクロールしません。
ある意味その方がいいという方もいますが、業務用としてはあまり好ましくありません。

4.フレームを使う方法
完全にページを分割し、それぞれ、メニューとか上部とか下部とか..
ページを完全に分割した形で作成し、合成して、見た目、1ページにする方法です。

こちらの欠点は、それぞれのパーツが完全に分割しているため、検索エンジンなどの登録に引っかかりにくいとか、それぞればらばらでしか登録できないことです。

完全に合成されたページとして、検索エンジンに登録することは皆無と思っていたほうがいいでしょう。。


上記関係はこのサイトでも、いろんなところで解説していますので、一度検索されるといいでしょう。
  No.9233 Re^2:メニューなどを一つ一つ訂正しなくていいようにするには?
[ぽこぱぱ] [ブラウザ]  07/04/24 (火) 09:35
早速の御回答ありがとうございます。まずは『できる』ことが分かって
ほっとしています。
3,4については私にとって欠点の部分が大きいように感じられました
ので,とりあえず1の機能を試してみることにします。DreamWeaverにも
そんな機能があったのですね。まずはマニュアル読んで作ってみたいと
思います。
| Back | Next | Page-18

 一覧 / 詳細


page update:19/01/17 01:34

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom