HTML エディタ　CSSに関する質問

EclipseでPHPの総合開発環境構築について。

Eclipseを使ってPHPで作られたオープンソースのコーディングとデザインカスタマイズを行おうとしています。Eclipseを使用してcoda http://www.panic.com/jp/coda/support.html 上記のような総合的な開発環境（IDE）を構築したいと思っております。多数のプラグインを試している最中ですが納得の行く環境が得られず深く悩み考え込んでおります。 PHPのコーディング、HTML、CSSをエディタ上でデザインを見ながら直感的な編集も兼ねコーディングも行えれば最適です。リモート接続などでサーバ上の編集も可能であれば理想ですが、今までEclipseを使用してきた方で上記の要件を満たす構築環境に詳しい方ぜひ参考に回答をお願い致します。

締切済み
PHP

k_berry
回答数1
2008/07/19 17:18

Macで拡張子ごとにアイコンを設定する方法を教えて

通常、ファイルの種類（デフォルトのアプリケーション）ごとにアイコンは設定されると思います。それを、拡張子ごとでアイコンを設定する方法が知りたいです。例えば、現在、あるエディタでhtml、css、as、js等のファイルを編集していますが、それらの拡張子に関連付けされたアプリのアイコンになってしまっています。要は全て同じアイコンになっているということです。それを、同じアプリをしようする設定になっていても、各拡張子ごとにアイコン変えられるようにはできないでしょうか？ winだとたしか拡張子ごとだったと思うんですけどね。よろしくお願いします。

締切済み
Mac

fooooty
回答数2
2011/04/27 00:43

レイアウトが微妙に違う件。

この度HTML/CSS/JSを使い、自分で作ったHPをサーバーにアップロードしました。ですが、想定していたときの見た目とは微妙に異なっていて困っております。エディタソフトはVS codeを使用しており、ライブ・ビューイングで見たときよりドキュメント全体の文字の大きさが大きくなっていたり、要素も微妙に下にずれていたりと大変困っております。ライブ・ビューイングの時と実際にサーバーで見る時のレイアウトでは見た目が変わるなんてそんな仕様はありませんよね？笑至急回答よろしくおねがいします。

締切済み
その他（インターネット・Webサービス）

onepie_0228
回答数2
2020/01/29 14:02

ＨＴＭＬ４．０とＨＴＭＬ４．０１について

ＨＴＭＬ４．０とＨＴＭＬ４．０１について私は現在、ＨＰビルダー２００１でＨＰを作成してます。最近ＳＥＯ対策に関心をもち、いろいろ対策を講じているのですが、私のＨＰのＨＴＭＬのソースを見ると、ＨＴＭＬ４．０になっています。Ｗ３Ｃが推奨するのはＨＴＭＬ４．０１で、「４．０」は検索エンジンで評価が低くなるようです。ＨＴＭＬチェッカーというのがあって、そこでも、減点対象になると明記されています。 ★そこで質問ですが、ＨＰビルダーをバージョンアップすれば解決するのでしょうか？ ★それとも、ソースの中の「４．０」を単純に「４．０１」に書き換えるだけでいいのでしょうか？というのは、ＨＰ作成ソフトを使わなくても、テキストエディタでＨＴＭＬを編集し、ＣＳＳでデザインを設定するだけでも、ＨＰは作成可能のようです。ＨＰビルダーでは、自動的に、タグを作成してくれるので、私のＨＰビルダー２００１では、自動的に４．０になってしまうのです。どなたか、いいアドバイスをよろしくお願い致します。

ベストアンサー
その他([技術者向] コンピューター)

m2king
回答数1
2007/02/22 20:19

さくらレンタルサーバーのライトプラン。perl使用方法

htmlやcssの勉強をしていて、そろそろperlに手をつけてみようとしているのですが、設定方法が全くわかりません。かなり調べたのですが、調べ方が悪いのか全然解決できません。具体的に何がわからないのかというと。・http://*****.sakura.ne.jp/perltest.plとしてFTPでアップロードしたら、perltest.plの中身がそのまま表示されてしまいました。拡張子をcgiとしてアップロードしたら、ページが表示出来ないエラーとなりました。アップロードするフォルダがいけないのでしょうか？なにか設定があるのでしょうか？ほかのhtmlやcssのファイルは問題なくアップロードできています。・コマンドパス/usr/bin/perlなど、なんのことか全くわかりません。・DWのCS4を使っているのですが、どうすれば、効率良く.plファイルを編集アップロードできるのでしょうか？（現在.plのファイルをダブルクリックしても編集画面が出てこず、右クリック→エディタを指定して開く→dreamweaverとしないと編集できません。）ちなみに、とりあえずの内容ですがperltest.plの中身は #! /usr/bin/perl print "Content-type : text/html\n\n "; print "<html> <body> \n " ; print "<div>aaa</div> \n " ; print "</html> </body> \n " ; です。さくらレンタルサーバーのオンラインマニュアルは http://support.sakura.ad.jp/support/manual/rs/tech_cgi.shtml です。かなり初歩的なこととは思いますが教えてください。いくら調べても全然わからず、本当に困っています。どうかよろしくお願い致します。

ベストアンサー
Perl

3104kita
回答数1
2010/01/20 12:39

拡張子の関連付けがうまくいきません。

拡張子の関連付けがうまくいきません。 cssファイルの拡張子関連付けをデフォルトのSafariから Smultronというテキストエディタに変更をしたいのですが、 http://espressoaddshot.blog74.fc2.com/blog-entry-210.html このサイトのとおりに「このアプリケーションで開く」を変更し「すべてを変更」を押すと「このアプリケーションで開く」が、元のSafariに戻ってしまいます。「すべてを変更」を押さずにファイル単体で変更する場合は問題なくできます。また、拡張子が[.php] [.txt]のものは問題なくすべて変更ができました環境は Mac OS X バージョン10.5.8 MacBook Pro を使用してしています。回答よろしくお願いします。

ベストアンサー
Linux系OS

yui-magic
回答数2
2010/11/04 10:56

フォトショップで作ったカンプを使ってコーディング

プロはフォトショップで作ったカンプを使ってコーディングするときに、ボックスなどのさいずをどう確認していますか？下記サイトに下記のような記載があるのですが、情報を見ながらボックスをパス選択ツールなどで囲ってみるということでしょうか？それだと１PXくらいずれることがありませんか？それともボックスを作った段階ですべてサイズをメモって、テキストで何pxと記載しておくのでしょうか？デザインを見るときに見えないようにするというのはどうでしょうか？ 5．photoshopでF8キーの「情報」を見ながら、サイズを確認しながらエディターでCSSコーディング。 http://okwave.jp/qa/q5279110.html

ベストアンサー
CSS

noname#226032
回答数3
2014/01/04 17:09

プログラミングの開発環境とは何でしょうか？

私は1年ほど前にプログラミングがやってみたいと思い、丸々1年間テキストでアルゴリズムなどの基礎知識を勉強しProgateでHTML+CSSとJavaScript、Rubyを勉強してきました。そこまではいいのですが、ただひたすらサイトが用意したエディタに打ち込むことしかしてこなかったので、自分で一から何か作るとなると何を用意すればいいのか全くわかりません。調べたところ、開発環境を整えることが必須と知りました。いろいろ調べてみたのですが、意味がわかりませんでした。 JavaScriptやRubyで何か作りたい場合、何を用意すればいいのでしょうか。

締切済み
その他（プログラミング・開発）

tex11
回答数2
2017/02/11 23:20

HP ページごとにタイトル画像を変えたいです

以前質問したのですが、解決せず再度質問です。 HPを作成中です。タイトル部（ヘッダ）の画像をページごとに変えようとしています。 bodyタグにclassを使用して変えようと思ったのですが、エディターでは上手く表示されるもののいざUPすると変更したい部分だけ表示されず背景色（黒）になってしまいます。作成した外部cssとHTMLは css @charset "shift_jis"; body { font-family: "メイリオ", Meiryo, "ＭＳＰゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; font-size: 75%; line-height: 2; color: #ffffff; background-color: #000000; margin: 0px; padding: 0px; text-align: center; } h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{ margin: 0px; padding: 0px; } ul{ list-style-type: none; } img { border: none; } input,textarea,select { font-size: 1em; } form { margin: 0px; } table { border-collapse:collapse; font-size: 100%; border-spacing: 0; } ---------------------------------------------------------------------------*/ a { color: #ffffff; } a:hover { color: #FF0000; text-decoration: none; } ---------------------------------------------------------------------------*/ #container { width: 910px; text-align: left; margin-right: auto; margin-left: auto; } ---------------------------------------------------------------------------*/ .★★★ #header { background-image: url(images/mainimg.jpg); background-repeat: no-repeat; width: 100%; height: 360px; } .●●● #header { background-image: url(images/mainimg-2.jpg); background-repeat: no-repeat; width: 100%; height: 655px; } .■■■ #header { background-image: url(images/allstars-1.jpg); background-repeat: no-repeat; width: 100%; height: 560px; } .▲▲▲ #header { background-image: url(images/allstars-2.jpg); background-repeat: no-repeat; width: 100%; height: 605px; } .■■■ #header { background-image: url(images/allstars-3.jpg); background-repeat: no-repeat; width: 100%; height: 560px; } #header h1 { font-size: 10px; color: #FFFFFF; line-height: 40px; font-weight: normal; text-align: right; } HTML <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>〇〇〇</title> <meta name="description" content="×××" /> <meta name="keywords" content="....." /> <link href="style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="script.js"></script> </head> <body class="●●●"> <div id="container"> <div id="header"> <h1>〇〇〇</h1> </div>  こんな感じです。 mainimg部（大きさが異なります）の変更のみです。不具合箇所を教えてください。よろしくお願いいたします。

ベストアンサー
HTML

okinawasea
回答数3
2013/04/12 16:30

今作るならHTML、XHTMLのどちらでしょうか？

会社のホームページのリニューアルを考えています。従業員30人程度の会社で会社の紹介のみのサイトなのでそれほど凝ったものは必要ありません。前回はネットでフリーのテンプレートをダウンロードしてきてテキストエディタで編集して作りました。今回それでは時間がかかるだろうと会社でホームページビルダーのビジネスパックを購入してくれました。会社向きのテンプレートが多いのでこれを利用しようと考えているのですが、HTMLにするかXHTMLにするかで悩んでいます。前回作成した時は、XHTMLがこれからの主流になると考えられていたので、XHTML+CSS、文字コードはutf-8で作成しました。しかし今は今後の主流がHTML5.0になるとのこと。今、いちから作り直すとしたらXHTMLかHTMLかどちらで作成すべきなのでしょう？ちなみにホームページビルダーはまだHTML5.0には対応していないのでHTMLだと4.01になります。ご存知の方、レスお願い致します。

ベストアンサー
HTML

exit0107
回答数3
2012/01/05 11:29

ホームページ作成について！

ホームページ作成について！初めまして。私は小さな広告デザイン会社に勤めています。最近社長に会社の紹介用ホームページを作るように言われました。しかし私は全くの素人で、HTMLやCSSなどの知識がありません。一応会社にはAdobeのwebstandardがあり、DWやFlashなど揃っているのですが難しくてよくわかりませんでした。 amazonにて書籍を購入し、テキストエディタにて手打ちで簡単なHPは作れたのですがやはり見た目が悪くなってしまいます。（こんな感じです。http://mattari-gaming.com/index2.html）初心者でも簡単にカッコイイHPが作れるようなソフトはありませんでしょうか？それともDWなどを使えるように勉強したほうが良いでしょうか。ちなみに、理想としては　http://www.spicebox.co.jp/#/index　このようなページが作ってみたいです。よろしくお願いします。

ベストアンサー
ホームページ作成ソフト

okbokujou213
回答数5
2010/07/27 12:04

ブログ内で、背景色を変えたいのですが？

java　scriptを使って、ココを押すと背景色が変わります！みたいな機能があるのですが、これをブログの中で行うにはどうしたら良いでしょうか？普通にソースを置いてみたのですが、一向に背景色が変わりません。そのソースをエディタに移してHTMLで開くとちゃんと機能するのですが、何故かブログに置くと全く機能しません。なにかブログのCSSが邪魔をしているとか、そういったことがありますでしょうか？ブログ内の背景色を変える方法がお分かりになる方がおられましたらよろしくお願いします。ちなみにソースはこんな感じで書いています。（HTML） <TD class=hand onclick="color('#ff9900')" bgcolor=#ff9900>#ff9900<br />クリック！</td> <script language="JavaScript">  </script>

締切済み
ブログ

404not_found
回答数2
2005/07/16 18:32

webデザイナー応募の際のタグ打ちが出来るというレベル

こんにちは、いつもお世話になります。ただ今web制作／デザイナーへ就職活動中の者です。浅いながらも経験はあるのですが応募の際の項目に html／cssのタグ打ちの可否があって回答に困っています。というのも、私は今までの実務の中で最初はdreamweaverを使ってはいてもソースコードのところに打ち込むと言うような状態で使っており目視で（WYSIWYGと言うのでしょうか）サイトが確認しやすかったり他人が作ったテーブルタグいっぱいのサイトのソースとかが見やすかったりというのはありましたが、大掛かりなサイト制作の場合などは便利かもしれませんがそんな経験も無かったりして、必要性もあまり感じず。 Crescent Eveというとてもシンプルなｈtmlエディタがあるのですがそれをメインで状況に応じて使いわけておりました。ただ、スペルミス等も面倒なので過去のソースからコピペしたり流用することも多かったです。こんな私はタグ打ちが出来ると言ってしまっていいのか、派遣での就業なので営業も業務をあまり理解してないので簡潔に回答するにはどのようにすれば良いかわかりません。ちなみに内容はデザイン兼コーディングの制作で CMSにて運用されてるとのことも、この条件の理由のひとつなのかもしれませんが。 ◎タグ打ちでコーディングが出来るレベルというのは一般的にどの程度なんでしょうか。まっさらな状態から、なにも見ずにさらっと１サイト出来るレベルなのでしょうか。 ◎cssのタグ打ちというのも項目にあるのですが htmlはともかくそもそもcssはタグ打ち以外で出来るのでしょうか。回答に困ります。以上、わかりにくい文章ですいませんが経験者の方、アドバイス頂けますとうれしいです。よろしくお願いします。

ベストアンサー
デザイナー・クリエイティブ職

anoyo
回答数5
2010/01/14 05:41

違うページ途中へのジャンプがそのページトップになる

ソフト：BiND8（すでにメーカー保証対象外）操作はブロックエディタで実施 ①ジャンプ先：1ページ目の途中のブロック内にアンカー設定。なお1ページ目は全部で30ブロックぐらいある長めのページで、アンカーを設定したブロックはその真ん中ぐらいの位置にあり、ヘッダー位置からかなり下の方です。　HTML表示： <a id=CCCC></a> ②ジャンプ元の設定　設定箇所：2ページ目のバナーボタン画像部分　HTML表示： <a href="index.html#CCCC" ><img id=***** src="****" alt=""></a> この設定で、ジャンプ先がなぜか1ページ目のトップになってしまい、1ページ目途中のブロックにはジャンプしません。試しにジャンプ先の他のブロックにアンカーを設置しても同様にページトップに遷移します。また、念のため、ＨTMLの埋め込みもできるソフトなので、自分でHTMLを書いて入れてみましたが、やはりジャンプ先のページトップに遷移してしまいます。ちなみにCSSには何も設定していません。 paddingを使って修正できるほどの小さなズレでもありません。解決方法をご教示ただければ幸いです。

ベストアンサー
HTML

villamoderna
回答数1
2022/12/22 21:38

miに代わるテキストエディタを探しています

現在、職場でmi（ミミカキエディット）を使用しています。セキュリティ対策だかなんだか知りませんが、職場でフリーソフトがいっさい使えなくなってしまいました。ピンチです。今まで miしか使ったことがありません。 miのキーバインド設定（control, shift, command+アルファベット、Fキー、矢印キー等にそれぞれ割り当て可能、選択したテキストをタグで挟んでくれる機能など）ができるシェアソフト、もしくは、もっと便利なショートカット機能がついているエディタはないでしょうか？ご存じの方がいらっしゃいましたら教えてください。 Macがいいんですが、この際、winでも構いません。主な使用目的は(html/css)のコーディングです。ソフトに依存しすぎるのも問題ですね (反省)。わがままですみません。どうぞよろしくお願いします。

締切済み
その他(ソフトウェア)

kangaeru
回答数2
2006/05/29 16:04

投稿フォームの設置の仕方が分かりません

投稿フォームを作ろうとしているのですが全くできないんです。どなたかご教授願います。以下がダウンロードしたソフトの内容です。変数定義変更は何となく分かるのですが、作成とリンクが全く分かりません。ホームページビルダーを使っています。 /////////////////////////////////////////▼変数定義▼ $conf['a_id'] = "admin"; //管理用ＩＤ（必ず変更して下さい） $conf['a_pw'] = "admin"; //管理用パスワード（必ず変更して下さい） $conf['sitename'] = "あなたのサイト名"; //サイト名 $conf['pagename'] = "お問い合わせ"; //ページ名 $conf['metakey'] = "メールフォーム,フォームメール"; //metaキーワード $conf['metadesc'] = "お問い合わせメールフォームです。"; //meta説明 $conf['dir'] = "/mailform/"; //設置するディレクトリ $conf['fname1'] = "./log1.csv"; //お問い合わせデータ $conf['css'] = "./mailform.css"; //スタイルシート $conf['line_page'] = 15; //お問い合わせデータの１ページ当りの表示件数 $conf['mailto'] = "xxx@yyy.zzz"; //管理者メールアドレス $conf['mailon'] = "1"; //ユーザーへの自動返信メール機能を使用："1"、不使用："0" $conf['attach'] = "1"; //ファイル添付機能を使用："1"、不使用："0" $conf['maxsize'] = 100000; //添付ファイルの制限サイズ //ファイルサイズはphp.iniのupload_max_filesizeおよびpost_max_sizeに依存するので、これらのサイズを超えない値を指定してください。 $conf['maxdata'] = 300; //保存できるお問い合わせ件数の上限件数 /////////////////////////////////////////▲変数定義終端▲ 以下の説明がよく分からないのです。 ■設置方法・テキストエディタでindex.phpを編集してください。・設定項目必要に応じてデータファイルのパス名自動返信メール機能の使用／不使用ファイル添付機能の使用／不使用・ＦＴＰソフトでファイル一式をサーバーへアップロードしてください。・パーミッションの設定をします。設置方法の詳細は以下を参照してください。 http://www.keitai-site.net/php/mailform_php/ ■本スクリプトの呼び出し方法・呼び出したいページに以下のＨＴＭＬタグを記述します。 <a href="/mailform/">お問い合わせメールフォーム</a> ＦＴＰソフトでファイル一式をサーバーへアップロードしてください。以下のパーミッションの設定をします。ファイル構成とパーミッション public_html │ └ mailform [705]（ディレクトリ） ├ index.php [705]（スクリプト本体） ├ mailform.css [604]（ＣＳＳファイル） ├ log1.csv [606]（データファイル） └ uf [705]（添付ファイル格納ディレクトリ）

ベストアンサー
その他（メールサービス・ソフト）

makoto69
回答数1
2008/01/28 07:11

Dreamweaver CS4のカーソルやコピペ時の挙動がおかしい

Dreamweaver CS4でCSSやHTMLを作成（コード画面でほぼ手打ち）しています。一部分を選択してコピー＆ペーストしたい時に、コピーした瞬間になぜか全選択になってしまう現象が起こってしまい、困っています。カット＆ペーストでも同様です。その他にも、単語だけを選択してコピーしたいのに、コピーした瞬間に周囲のタグもまとめて選択している時もあります。これらの現象は毎度ではなく、普通にコピーできる時もあります。 DWを再インストールしてもみましたが、改善しませんでした。サクラやメモ帳など他のエディタではこういったことは起こりません。これはDWに原因があるのでしょうか。それとも私のマシンでしょうか。対処法を教えて頂けたらありがたいです。マシンはWindows Vistaです。

締切済み
HTML

loveup1999
回答数6
2009/12/21 08:58

xml宣言の文字コード変更

xhtmlとcssでのコーディングを行った際、途中で「UTF-8」で作成してと言われました。そのため、作成していたコードの冒頭をshift_jisからUTF-8にかきかえてみたところ、文字化け。ブラウザの表示をUTF-8に変えても化けたままなので、作業にならんと宣言をshift_jisに戻しました。が、書き換えても文字化けが直りません。宣言自体を消して保存しなおしたりもしたのですが、以前文字化けたままです。テキストエディタで見るとちゃんとshift_jisになっているのですが、これはどうすれば直るものなのでしょうか？手を入れたのは以下の二行になります。(抜き出してるだけですので実際はheadタグ等を挟んでいます) 初期 <?xml version="1.0" encoding="shift_jis"?> <meta http-equiv="content-type" content="text/html; charset=shift_jis" /> ↓ UTF-8に書き換え <?xml version="1.0" encoding="UTF-8"?> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> ご教授ねがいます。

締切済み
HTML

nadayou
回答数1
2007/06/25 11:55

EclipseでCSSの変更を即座に反映させる手段

今Eclipse3.3.2でWTPを使用したWebアプリケーション開発を行っております。画面回りを作成するとき、外部ブラウザでソースの確認を行っているのですが、CSSなどを変更し、ブラウザの更新ボタンをおしてもなかなか反映されずに困っています。キャッシュが残っているのか、ちゃんとサーバにリクエストを発行していないのか、とりあえず何度か連打したり、ソースに適当な文字を書き込んで、リロードボタンを連打してやっと更新結果を確認することが出来る状態です。これでは開発効率が悪くて仕方がありません。ちなみにAptanaも入れているので、HTMLなどはプレビュータブですぐに確認できるのですが、それでも外部CSSファイルを活用したり、あとJSPファイルなどはAptanaプラグインは対応しておらず、 AmaterasHTMLエディターもうまく表示してくれないので、一度WTPで実行してから、ソースのビューを確認している次第です。一応ブラウザ（Firefox3）のキャッシュを0MBにしたりはしましたが、効果が得られませんでした。もしどなたかよい方法などありましたら教えていただけないでしょうか？このツールを使えばすぐに出来るよ的な質問も教えてほしいです。

締切済み
Java

kaorufree
回答数2
2008/08/10 00:33

floatをfooterに指定すると正しく表示ができない。

floatをfooterに指定すると正しく表示ができない。画像の(3)のようにfooterにfloat:leftを指定しなければ綺麗に表示されるのは分かります。ところが、画像の(1)や(2)のように、footerにfloat:left;を指定して、次の行で<div style="clear:left"></div>と指定して、footerにfloat:leftを指定しなかったのと同様の処理をすると、(1)や(2)のようにwidthに対して様々な現象が起きてしまいます。 (1)はwidthを指定しない場合、width:auto;を指定した場合に見られ、(2)はwidth:100%;とした場合にwrapperよりはみ出すという現象が起きます。なぜ、floatを指定しないのと指定後解除するのとで同様の結果が得られずに違った結果になるのでしょうか？わかる方いらっしゃいましたら回答宜しくお願い致します。以下はソースでそのままエディタに貼り付けると表示できます。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>サンプル</title> <style type="text/css">  </style> </head> <body> <div id="wrapper">WRAPPER <div id="header">HEADER</div> <div id="container">CONTAINER <div id="left">LEFT </div> <div id="right">RIGHT </div> <br style="clear:left"/> </div> <div id="footer">FOOTER </div> <div style="clear:left"></div> </div> </body> </html>