【 HP作成質問箱 】

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

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

  No.11718 テキストの回り込みのコーディングができない
[DTP] [ブラウザ]  14/03/15 (土) 15:17
以下のページを新しくワードプレスに入力しなおしたいと思います。

http://nurse-senka.jp/feature/?action_feature_detail=true&feature_id=849

まずは新規投稿をビジュアルに追加してテキスト部分で
「読者500人のギモンお悩み徹底解決」画像の回り込みをして整えたいと思ってますが
ビジュアル画像で表示されているものがプレビュー画面では
テキストの回り込みが上記通りされません

コーディングが正しくないかと思いますがどこが間違っているでしょうか

<div>
<style type="text/css">
<!--
img{
float: left;
}
-->

<img alt=" src="http://nurse-senka.jp/img/sys/feature/YpB3zlrHdl9pTJyY1322540944icon_gimon_in.gif" />
<h2>◆ 読者500人のギモン&お悩み徹底解決</h2>
<h3>第21回【ルート管理】
ルートの交換頻度ってどれくらい?</h3>
【解説者Profile】 ひがし棟5階
看護師長 曳地陵子さん

教育・研修室
副看護師長 皮膚・排泄ケア認定看護師
江幡智栄さん

感染症管理治療部
副看護師長 感染管理認定看護師
千葉 均さん

1/2ページ

</div>
<div>
<div>
<h6>index</h6>

各カテーテルの交換頻度はそれぞれ違う
膀胱留置カテーテルは定期的な交換は必要ない
中心静脈カテーテルのフィルムの交換頻度について
</div>
<div>

ルートはどれくらいの頻度で交換するのがよいのでしょうか。感染管理の面からも、交換のタイミングは大切になります。根拠とともに、それぞれのルートの交換のタイミングを知っておきましょう。

</div>
</div>
<div>
<div>
  No.11745 Re:テキストの回り込みのコーディングができない
[atom] [ブラウザ]  19/10/29 (火) 18:54
ごめんなさい
気が付きませんで。
  No.11736 JavaScriptによる正規表現取得について
[リュウ] [ブラウザ]  15/11/02 (月) 11:40
以下の文字「|2000B|」の部分を正規表現で取得したいのですがどのような記述で上手くいけるのでしょうか?いろいろ試したのですがうまくいきません。すみませんが、ご教授願いますm(__)m WinSCPでファイルサイズを取得したいのですが、WinSCPにはファイル取得はあるのですがファイルサイズ取得はないため。

検索文字列:abc10000.xls |2000B|
  No.11737 Re:JavaScriptによる正規表現取得について
[atom] [ブラウザ]  15/11/03 (火) 00:05
おそらく、「|」記号が正規表現で定義されてる記号とみなされていると思います。
正規表現内での「|」記号はor条件の意味になります。

したがって、「\|」のように「\」マークを追記することで解決しませんか?

  No.11738 Re^2:JavaScriptによる正規表現取得について
[リュウ] [ブラウザ]  15/11/04 (水) 10:22
ご回答ありがとうございますm(__)m
取得できました!

ちなみに下記で出来ました!
var result = str.match(/\|((?:(?!\|B|\])[^\s ])+)/g);


> おそらく、「|」記号が正規表現で定義されてる記号とみなされていると思います。
> 正規表現内での「|」記号はor条件の意味になります。
>
> したがって、「\|」のように「\」マークを追記することで解決しませんか?
>
>
  No.11727 CSSの記号の意味について
[櫻井] [ブラウザ]  14/11/25 (火) 11:04
初心者です。
次の記号の意味(使用する場面等)がわかりません。
ご指導、宜しくお願いします。

 CSSに[class^="box"]とかdiv:not([class])の
記述があり、ある範囲を指定しているようなのですが、
[ ]や「^」の意味がわかりません。また、not([class])とは、「class」でない範囲を示すのか、すべてを指定しるときに使用するのか良く分かりません。
以上
 
  No.11728 Re:CSSの記号の意味について
[atom] [ブラウザ]  14/11/25 (火) 13:56
CSSは、現在、CSS1、CSS2、CSS3とバージョンが上がっており、
最近のブラウザならほとんど対応していますが、古いブラウザだと対応してないものもあります。

上記の記述方法は、どちらもCSS3の記述方法のようですね。

おそらく次のページ(目次など)が参考になるのではないでしょうか?
http://www.htmq.com/css3/index.shtml

このページの一番下の方に「セレクタ」という見出しタイトルがあり、そこに今回のような記述方法の解説があります。
参考にしてみてください。
  No.11719 パワーポイント作成ファイルの件
[角田豊一] [ブラウザ]  14/08/12 (火) 13:54
宜しくお願いします。
プライベートHPを作成して楽しんでいます。
標記の件、パワーポイントで作成(動画)したファイルを
HPにUPしたいのですが、ページ作成の仕方が分かりません。現在はパワーポイントファイルを添付リンクしてUPしていますので、HPには「パワーポイント」画面が表示され
パワーポイントの操作をして見なければ出来ません。
一般の写真表示と同じようにHPのUP表示させるには
どのようなページ作成をすれば宜しいでしょうか?
現在のHP作成方法
 ホームページビルダー17
 IE10
 OS:win7
 私は、HTMLタグはあまり理解していませんので
 ビルダーで作成をしています。
 出来ればビルダーにてページ作成の方法があればぜひ
 ご指導ください。
  No.11720 Re:パワーポイント作成ファイルの件
[atom] [ブラウザ]  14/08/12 (火) 15:29
パワーポイントで作成したファイルは基本的にブラウザで表示するような形式で作られていません。

したがって、静的なページ(静止画)で我慢するか、
どうしても動画にしたいなら、FLASHなどで作成しなおすか、
JAVAやPHP、あるいはJavascriptなどのプログラミング言語、もしくはスクリプトで作成しないといけません。

ホームページビルダーで作成するなら、限界があり、
アニメーションクリエーターなどで作成できないならあきらめるしかありません。
  No.11721 Re^2:パワーポイント作成ファイルの件
[角田豊一] [ブラウザ]  14/08/12 (火) 19:54
> パワーポイントで作成したファイルは基本的にブラウザで表示するような形式で作られていません。
>
> したがって、静的なページ(静止画)で我慢するか、
> どうしても動画にしたいなら、FLASHなどで作成しなおすか、
> JAVAやPHP、あるいはJavascriptなどのプログラミング言語、もしくはスクリプトで作成しないといけません。
>
> ホームページビルダーで作成するなら、限界があり、
> アニメーションクリエーターなどで作成できないならあきらめるしかありません。
>
早速のご回答ありがとうございます。
やはり、ビルダーで作成しているHPでは無理な話ですね!
★☆静的なページ(静止画)で我慢するか★☆この提案でしたら現在作成しているビルダーでできますか?静止画表示でパワーポイントソフトが表示されて操作しなければ画像が見えない事はないですか?この場合のパワーポイントの保存拡張子は、ぜひご指導ください。
  No.11722 Re^3:パワーポイント作成ファイルの件
[atom] [ブラウザ]  14/08/12 (火) 20:40
ま、ビルダーで作成するから無理というより、パワーポイントのファイルや動作は、そもそもホームページではないという事です。

静止画ということは、画像ですから、通常、png、gif、jpeg、jpg、bmpなどです。

  No.11723 Re^4:パワーポイント作成ファイルの件
[角田豊一] [ブラウザ]  14/08/12 (火) 20:46
早速にご回答を頂きましてありがとうございました。
画像拡張子で保存します。
  No.11701 CSSの意味について
[aki5029] [ブラウザ]  13/11/30 (土) 17:35
以下依頼先の作成したサイトを一部更新変更していますがclassで使われている"space"と"spaceboth"が削除依頼が頻繁に出てきます。
この記述は何のためにあるのでしょうか。

http://cataloggift.takishin.com/presentage/allegro/list.html

<div class="space"></div>

<div class="spaceboth"></div>

CSS記述

}
.oneColFixCtrHdr .spaceboth {
margin: 0;
padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
background: #FFFFFF;
color: #EE0000;
text-align:right;
height:20px;
clear:both;
font:80%;
}
}

.oneColFixCtrHdr .space {
margin: 0;
padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
background: #FFFFFF;
color: #EE0000;
text-align:center;
width:15px;
height:147px;
float:left;
}
}

.oneColFixCtrHdr .page {
margin: 0;
padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
background: #FFFFFF;
color: #EE0000;
text-align:center;
width:105px;
height:147px;
float:left;
}
  No.11702 Re:CSSの意味について
[atom] [ブラウザ]  13/11/30 (土) 17:58
ん~..
ちょっと質問が的を得ませんが、
CSSの内容を説明してくれ..という意味じゃあないですよねぇ。

おそらく..ですが、

「space」は、画像自体を左詰めにした時の、画像と画像との隙間を指定するために作ったCSSと思われます。

「spaceboth」は、フローティング(「float:left;」など)が次の行に引き継がれないように、フローティングをその行、あるいはその位置でクリアする(中止する)為に作られたものと思われます。

画像をタイリング(タイルのように敷き詰める事)する時に使われる、一種の方法ですね。
  No.11703 Re^2:CSSの意味について
添付 [aki5029] [ブラウザ]  13/11/30 (土) 19:50
管理人様

早速の返信ありがとうございます。

依頼先の外注製作会社が作成したサイトで私には複雑で理解が困難です。
CSSデータは貰っているのでdreamaweaverで操作してリンクさせて表示させてみてますが今ひとつ理解できていません。
商品のカテゴリ別に隙間を指定していると思われますが,
タグを見ると指定があったりなかったり
指示の意図が理解できないといいますか

「余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです 」
など説明書きが親切にしてくれていますがこれさえも意味がよくわからない状況です

  No.11704 Re^3:CSSの意味について
[atom] [ブラウザ]  13/11/30 (土) 21:37
> 「余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです 」
> など説明書きが親切にしてくれていますがこれさえも意味がよくわからない状況です

それはスタイルの基本的な概念です。
先方の言ってるのは、

「余白」とは、
 padding指定の事
 指定したbox(divなど)、の内側の余白の事
「マージン」..
 margin指定の事
 指定したbox(divなど)、の外側の余白の事
 

です。

例えば、このページにある「【マージンとパディング】」の図が参考になるのではないでしょうか?
http://www.tagindex.com/stylesheet/box/margin.html


提示していただいたページのすべてを把握して私がひとつひとつ説明することはできません。
それは私へ、「仕事」の代役をしてください..と言ってる事と同じです。

ですから、aki5029さんの「ここが分からない..」という質問に対して返事することしかできません。
  No.11706 Re^4:CSSの意味について
[aki5029] [ブラウザ]  13/12/01 (日) 16:19
返答ありがとうございます。

仰るとおり基本ですね。
久しぶりな作業なので焦っていましたがサイトとそのソースを見ながらここ数日少しですが分かりかけてきました。

このサイトの基礎を見ながらやってみます。
  No.11707 CSSが適用されていない
[aki5029] [ブラウザ]  13/12/03 (火) 12:33
厚かましいですが質問です
以下のサイトを更新します。
http://cataloggift.takishin.com/presentage/allegro/list.html

一部更新して上記のサイトと同じCSSデータを適用させているはずですが
見ての通り画像が横4列ずつになってくれません

http://takisin.lolipop.jp/

何が原因でしょうか
  No.11709 Re:CSSが適用されていない
[atom] [ブラウザ]  13/12/03 (火) 15:54
ん?

lolipopのサイトを確認しましたが、ちゃんと横4列になっています。

もう解決済みでしょうか?
  No.11710 Re^2:CSSが適用されていない
[aki5029] [ブラウザ]  13/12/03 (火) 16:19
返信ありがとうございました。

すみません。外部CSSのリンクが正確にされていなかったのが原因でレイアウトが正確に表示されていなかったようです。

外注者が自分のPCで更新、データを依頼先に送る、依頼先がそのデータをアップロードする

という手順を踏む場合この外部CSSの記述が書き換えられてしまい、そのままでは依頼先がアップロード出来ません。

再度依頼先のデータを外部CSS記述部分を書き換える必要があると思いますが
何かやり取りしている間問題ないでしょうか
  No.11711 Re^3:CSSが適用されていない
[atom] [ブラウザ]  13/12/03 (火) 18:17
ま、基本的にそのhtmlに書かれてるCSSなど、依存関係にあるファイルは外注者から再度もらうのがいいでしょうね。

必ず、直前のファイルなどは別フォルダにバックアップを取っておくのは言うまでもありません。

今回のように、依頼元、請負業者(中間業者)、下請け(外注)などが絡む場合はどうしてもこのような行き違いが生じます。


中間業者は、依頼元に送付する前に、同等のコンテンツをローカルで持つか、あるいは仮のサイトを構築して、事前にそこでテストする必要があります。

そういうすべてのコンテンツを頂けない場合は今回のような行き違いが生じることを依頼元、中間業者ともに理解しておく必要があります。


少しだけのコンテンツ修正なら、どこを修正したかは修正した本人は把握できるでしょうから、まだ不注意の範囲にはなりますが、
修正個所が多くなってきますと、どこをどう直したかは把握するのが難しくなってきます。

そんな場合でもすべて外注先の責任だとするならば、この3社の関係は長続きしません。

中間業者は直接修正に手を出してないとはいえ、チェックする責任を怠っては3社の関係が悪化してしまいます。


あははは、ちょっと真面目に書き過ぎました。
  No.11712 Re^4:CSSが適用されていない
[aki5029] [ブラウザ]  13/12/03 (火) 20:34
依頼元会社はサイト制作会社が作ったサイトをdreamweaverで更新しているようです。ただ作業量が多いため他に人手が欲しいと言う事で。

依頼元はサイト担当者は多分元々事務職でプログラマーではないと思いますがデザイン会社が判り易い解説付きでサイトを作ってくれてるので

今回は5つの項目を全ページ一新していて、作業は完全に分業しているのでどこまで誰がやったかは明確です。

別フォルダにバックアップは必須ですね。
ファイルがもし必要になれば依頼会社にお願いすれば送ってくれると思います。テスト環境等は私は解らないのでウェブ制作会社に直接話を聞いていれば今回の混乱はなかったかもしれないです。


  No.11713 Re^5:CSSが適用されていない
[atom] [ブラウザ]  13/12/03 (火) 21:35
例え完全分業化されていても、CSSファイルなどは共通してる事が多いので注意が必要ですね。(^^)
  No.11683 音楽をループ再生
[sachi] [ブラウザ]  13/05/24 (金) 01:40
お世話になります。
こちらの再生ボタンを使って、OFFボタンを押すまでループさせる方法はないでしょうか?
http://beginners.atompro.net/smpdhtm_sound01.html
よろしくお願いします。
  No.11686 Re:音楽をループ再生
[atom] [ブラウザ]  13/05/28 (火) 00:46
無限ループのタグの書き方は次のページで解説しています。
http://beginners.atompro.net/smphtm_sound.html

従って、このタグを
<bgsound src=" volume="1" id="snd0">

次のように変更すればできるのではないかと思います。
<bgsound src=" volume="1" id="snd0" loop="infinite">
  No.11689 Re^2:音楽をループ再生
[sachi] [ブラウザ]  13/05/28 (火) 15:18
ありがとうございます!
助かりました^^
  No.11685 alphaEDITについて
[moco] [ブラウザ]  13/05/27 (月) 23:32
初めまして、色々と検索してこちらにたどり着きました。

alphaEDITを使用しているのですが、PCを新調した為
XPから7に変わりました。
このPCにしてからalphaEDITを使おうとすると
WYSIWYGとプレビューが更新したいページを開けると
崩れたページになってしまいます。
そのページ自体はアップをするとちゃんとしているのですが、
alphaEDIT上ですとうまくいかないです。

スタイルシートやCSSも利用していますが、それも何か
関係してくるのでしょうか?
お手数ですがよろしくお願いします。
  No.11687 Re:alphaEDITについて
[atom] [ブラウザ]  13/05/28 (火) 00:55
私もWindows7を使用していますが、alphaEDITはエラーが発生し使えません。

作成者のサイトを見ても2007年から更新されてないようですし、ヘルプを見てもWindowsの対応バージョンはXPまでしか書かれてませんね。

Windows7がProffesionalならXPMode環境で使用する..というてもあるのですが..

  No.11688 Re^2:alphaEDITについて
[moco] [ブラウザ]  13/05/28 (火) 01:11
ご返信大変ありがとうございます。
普通には使えない感じなのですね。

> Windows7がProffesionalならXPMode環境で使用する..というてもあるのですが..

一応Professionalなのでこちらも試してみます。
知らなかったので大変助かります。
教えていただきありがとうございました。
  No.11677 壁紙を選択リストで変更をしたい。
[角田] [ブラウザ]  13/02/15 (金) 16:38
宜しくお願いします。
こんな事は出来ないでしょうか?
ページの壁紙を自由に選択リストから変更をする。
BGM選択ファイルから改造をしていますが上手く出来ません
下記のURLを参考に変更記述を教えてください。
URL:
http://12.pro.tok2.com/~toyo2915/toyo/bgm-4.html

OS:win7
IE9
HPビルダーV14を使用しています。
 宜しくご指導ください。
  No.11678 Re:壁紙を選択リストで変更をしたい。
[atom] [ブラウザ]  13/02/15 (金) 20:30
確か、背景画像の変更はここのサイトにサンプルがあったと思うけどなぁ..

やっぱりありました。
「Javascriptサンプル」-「画像クリックで背景画像の変更」
http://beginners.atompro.net/smpjvsc_bgchg.html

です。

HPビルダーだと、ソース表示して追加変更する形になると思います。

JavascriptやHTMLソースが読めないとうまくできないのではないだろうか?
  No.11679 Re^2:壁紙を選択リストで変更をしたい。
[角田] [ブラウザ]  13/02/16 (土) 12:38
> 確か、背景画像の変更はここのサイトにサンプルがあったと思うけどなぁ..
>
> やっぱりありました。
> 「Javascriptサンプル」-「画像クリックで背景画像の変更」
> http://beginners.atompro.net/smpjvsc_bgchg.html
>
> です。
>
> HPビルダーだと、ソース表示して追加変更する形になると思います。
>
> JavascriptやHTMLソースが読めないとうまくできないのではないだろうか?
>
★☆★★☆
早速のご回答ありがとうございました。
HTMLソースは分かりませんソース変更が出来ませんでした。
ご迷惑でなければ、変更記述をご指導戴けませんですか!
宜しくお願いします。
  No.11680 Re^3:壁紙を選択リストで変更をしたい。
[atom] [ブラウザ]  13/02/16 (土) 22:32
う~ん..
HTMLソースの変更ができなければ、Javascriptの設置は無理です。

ビルダーには初心者モード?とか、上級者モードとかがあったように思いますが、初心者モードなどではHTMLソースの編集をする画面が無かったように思います。

モード変更をする必要があるのでは?

また、記述方法は上気に説明したページで解説しています。
ご自分でトライしてみてください。

ここで、同じことの説明しては、サンプルページの意味がありません。
まずはご自分で設置してみて、わからないところを聞くようにしてください。
  No.11664 埋め込み動画の再生がiPhoneしか見れない
[ヒロ] [ブラウザ]  12/11/26 (月) 10:57
iPhoneは再生でき(多分mp4)
PC・androidは再生されないです。困ってます。
下記のデータを使って「mp4・ogg・swf・flv」も入れてみましたが、動作しませんでした。
http://www.marguerite.jp/Nihongo/WWW/Introduction/HTML5/Video.html
http://mediaelementjs.com
誰か助けてください。
  No.11666 Re:埋め込み動画の再生がiPhoneしか見れない
[atom] [ブラウザ]  12/11/26 (月) 11:07
まさかと思いますが、ブラウザの問題ではないでしょうね?

指定のページは「HTML5..」と書かれていたので、ブラウザのバージョンが低かったりすると実現できません。
  No.11670 Re^2:埋め込み動画の再生がiPhoneしか見れない
[ヒロ] [ブラウザ]  12/11/26 (月) 15:05
回答ありがとうございます。
詳しく記述をしていなくて申し訳ないです。
スマホサイトの作成でiPhone,Androidともに再生できるページを作成しております。
動画としてmp4,ogv,webm,flv,swfを用意して投稿の一つ目のサイトからソースコピペでつくりました。
Android4.0でもダメでした。
初心者なもので詳しく教えて頂ければありがたいです。
宜しくお願い致します。
  No.11671 Re^3:埋め込み動画の再生がiPhoneしか見れない
[atom] [ブラウザ]  12/11/26 (月) 15:40
まずは基本的な知識を付けてください。

ここのサイトの「動画について(アニメーション、映像、ムービー)」は確認されましたか?

http://beginners.atompro.net/smphtm_object.html
  No.11672 Re^3:埋め込み動画の再生がiPhoneしか見れない
[atom] [ブラウザ]  12/11/26 (月) 15:46
それと、「http://mediaelementjs.com」のサイトを見るとAndoroidなどはMP3までしか対応してないようですよ。

ご指摘のmp4,ogv,webm,swf、はどれも使用できるように見えませんが。

かろうじて「flv」だけは使用できるようです。
  No.11673 Re^4:埋め込み動画の再生がiPhoneしか見れない
[ヒロ] [ブラウザ]  12/11/27 (火) 02:34
色々なご指示ありがとうございます。
何かとわからないことばかりで、サイト内も再確認してみます。
また壁に当たることがあれば投稿させていただきます。
その時は宜しくお願い致します。
  No.11662 フリーのPHPメールフォームテンプレート探してます。
[ヒロ] [ブラウザ]  12/11/26 (月) 10:43
フリーのPHPメールフォームテンプレート探してます。
条件は、
●メールアドレス2度入力で2重チェック出入るもの
●送信者と管理者に個別で自動送信してくれる機能
です。PHPに詳しくないのでレイアウトもHTMLやCSSで変更できるものであれば最高です。

もしくは、いま持っているメアドの2度入力チェックの機能のないものに、何を追加すれば使えるのかを教えて頂くことができても、ありがたいです。
ttp://www.kens-web.com/2011/06/1180
このサイトのSHift-JIS ver.を使用しています。
宜しくお願いします。
  No.11665 Re:フリーのPHPメールフォームテンプレート探してます。
[atom] [ブラウザ]  12/11/26 (月) 11:02
同一アドレスは、二度と入力できないようにするなら、
メール送信だけではなく、それ(メアド)を記録する機能が必要でしょう。

テキストデータ、もしくはDB(データベース)などで記録するとして、
メアドを入力されたら、そのメアドが記録データの中にあるかどうかをチェックする必要があります。

見つかればエラー表示して中断。

見つからなければ通常処理(メール送信)をするようにすればいいと思います。


どちらにしても細かな、自分の思い通りのPHPは自作するか、既存のものを改造する必要があるでしょうね。
  No.11667 Re^2:フリーのPHPメールフォームテンプレート探してます。
[ヒロ] [ブラウザ]  12/11/26 (月) 11:31
回答ありがとうございます。

掲示板投稿も初心者なので
質問に語弊があったかもしれませんが、

よくお問い合わせフォームにある
「メールアドレス確認用」という感じの
同じページ内に2回入力フォームがあるテンプレートを探しています。
PHPは最近知ったくらいで、とても構築は出来る状態にないです。

出来れば書き込みに入れたサイトの改良方法か
テンプレートのURLを教えて頂ければありがたいです。

聞ける相手がいないので、助けてください。
宜しくお願い致します。
  No.11669 Re^3:フリーのPHPメールフォームテンプレート探してます。
[atom] [ブラウザ]  12/11/26 (月) 12:49
なるほど、

では、次のようなサイトはどうでしょうか?
http://form.recube.net/contact/

これ以外にはGoogleで「php メールフォーム フリー」と検索すればたくさんのサンプルが見つかります。


その中からご自分の合ったものを探されるのがいいでしょうね。
| Next | Page-1

 一覧 / 詳細


page update:23/11/28 16:31

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