検索結果

HTML エディタ　CSS

全922件中61～80件表示
  • 全てのカテゴリ
  • 全ての質問
  • aptanaの使い方

    私はcssやhtmlを先日知った初心者です。 先日初めてホームページを作ろうと思い、ネットで調べたところフリーソフトで性能が良いということでaptanaをインストールしました。 しかし、aptanaの日本語化Zencodingの導入まではできたのですが、aptana自体の使い方が説明されているサイトがまだないみたいで、分からないことがたくさん出てきました。 そこで質問したいのが、 １、エディタに書いた文字が役割によって色分けされない（全て一色）ので色分けされる方法 ２、プロジェクトはPHPやウエブなどありますが、どれを選べば良いのか ３、CSSを何処で書けばいいのか ４、画像の挿入方法 ５、これらの解決法が載っているサイトはあるのか です。 この中から一つでもお答えくださると幸いです。

  • Tera Pad でHTMLとブラウザでの表示

    ホームページビルダー11でほぼページの作成ができるようになりましたので、今度は本格的に やってみようと、「HTML&CSS超入門」を購入してきて勉強しております。 テキストエディタはフリーウェアのTera Padです。 本の指示に従って、一応見本のページが完成しました。次に見本を応用しながら自分のページ をHTMLとCSSで作成しております。フォントは自分の気に入ってるメイリオにしようとしたのです が、TeraPadには入っておりません。 そこでいろいろ検索して、他のサイトの方のご指示に従って、メイリオをWindowsの中のFontに ペーストすることができました。 早速Tera Padの表示→フォントを見ますと、Meiryo_Console　と　Meiryo_Gothic　が出てきまし たので、CSSのfont-styleをMeiryo_Consoleにしました。 HTMLを見ますと全て綺麗なメイリオの文字になっており、やっと出来たと思いながらブラウザ （Intenet Explorer）で見てみますと全く文字が変化しておりません。 表示→オプションをみたのですが,手につきませんでした。 このような状態ですが、皆様宜しくお願い致します。

    • ベストアンサー
    • CSS
  • HTMLの基礎的なことについてなのですが・・・

    HTML初心者です。 ２点質問いたします。 【１】 境界線（枠）を描きたく、次のようなHTMLを書きました。 ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ <!DOCTYPE html> <html> <head> <meta charaset="UTF-8"> <title>文書構造化ステップ</title> <style type="text/css"> body*{ border-style:solid; border-width:1px; } </style> </head> <body> <h1>h1タグの行　テスト</h1> <p>ｐタグの行　テスト</p> <p>３行目　テスト</p> </body> </html> ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊：＊ headの中に、 <style type="text/css"> body*{ border-style:solid; border-width:1px; } </style> を記述したらよいと、とある本に書いてあったにで上記のようにしたのですが、 境界線が現れません。 どこが間違っているでしょうか？ 【２】 上記のHTMLはサクラエディタを使って書きました。 境界線は現れませんが、文字は正しくブラウザーに出力されます。 ブラウザーはfirefox12.0です。 しかし、IE9とCrome19.0を使うと文字バケしてしまいます。 なぜ、firefoxでは文字バケしないのに、他の２つのブラウザーでは文字バケしてしまうのでしょうか？ 以上になります。 よろしくお願いいたします。

    • daaaago
    • 回答数3
  • Webデザイナーは、wordや一太郎を使わない？

    htmlってあるじゃん。ホームぺージに適したタグ言語だね。 Webデザイナーなる職人は、htmlの基本を身に付けて、htmlエディターなるアプリを使っているんだよね。 さて、こういう人は、wordや一太郎をほとんど使わないでしょうか？例えば、契約書などをプリントするとき、フォントを選んだり、表を挿入したりもしますよね。そういうときは、エディターでhtmlなりcssなりxmlなりを素早く作り、MSEdgeなどで開き、プリントするんですかね？ wordや一太郎を使う場合があるとすれば、依頼者が一太郎ファイルでホームページのイメージを提出したいときですかね？依頼者が一太郎ファイルを送って来たら、普段は使わなくとも、それを開くには依頼者の都合に合わせて自分が一太郎を使うしかありませんよね。 一太郎ならば、htmlファイルをエクスポートできるよね。だけど、それだとイメージが崩れちゃうことも多いようで、キレイに見せるにはWebデザイナーを頼るのだとか。htmlファイルのエクスポートが上手くいくと、簡単で手っ取り早そうなのですが。

  • css使って<br>みたいに改行したいけど出来ない

    ブログの記事を書くときに<br/> を連発して改行していたんですが、seo敵によろしくないらしいのでこれからは cssを使って書き変えていこうと思いました ワードプレスのエディターから　style.css　の一番下に p.p1{ margin-top: 1em; } p.p2{ margin-top: 2em; } p.p3 { margin-top: 3em; } こうやって書きました。 それでブログの記事htmlを書くときには <p class=“p1"></p>　⇐これ書けば1行空白が空く <p class=“p3"></p> ⇐これ書けば3行空白が空く と思い書いてみたんですが <p class=“p1"></p> <p class=“p3"></p> どちらを書いても、記事は1行分の空白しか空きませんでした 大げさに p.p6{ margin-top: 6em; } というのをcssに書いて 記事のhtmlに <p class=“p6"></p>　と 書いても空白は1行しか空きませんでした（；へ：） ブラウザのキャッシュを消して表示し直したりしてますが駄目です1行しか空きません なぜでしょうか？？cssの記入場所が悪いのか書き方が悪いのか margin-top　　　を　margin-bottom に変えても変わりませんでした 初心者にもわかるよう、 cssを使った改行、レイアウト変更方法を教えてください なんかcssで指定して　html側になんかp classみたいな指定をした方が SEO対策になっているとか　ルールにのっとっているらしいですが ググってもわかりませんでしたし なぜか一行分の空白しか空きませんで困っております。 こうやって何行も空けたいです！ <p style="margin-top:6em;"></p>　とhtml側に書くと改行思ったようにできます これが一番簡単ですがそれもcssで指定してないから良くないらしいです たすけて！

  • css position:fixed でヘッダとフッタを固定したい

    画像のようなページを作りたいと思っています。 使用するのはテキストエディタで、htmlとcssのみです。 cssで、 #header{ background-color: #cc99ff; position:fixed; top : 0; left : 0; width:100%; height:55px; z-index:3; } #inner {background-color: #cc9900; margin: 0em 3em 3em 3em; padding: 1em; width:90%; height:90%; z-index:1; border-top:solid 2px #004427; border-bottom:solid 2px #004427;} のように書いても、IE、firefoxともに固定が無視されます。 これ以外にも、少々書き方を変えたり色々してみたのですが、固定はされても位置が崩れる（ほとんどが、ヘッダが下がって来ます。）等、上手く行きません。 原因も分からず、解決策が見つかりません。 良い方法等、お教え下さい。 よろしくお願い致します。

    • ベストアンサー
    • HTML
  • Jedit X で複数のアプリアイコン

    Firefox で、使い慣れたテキストエディタを使用して HTML や CSS を読みたいので、拡張機能「ViewSourceWith」を入れています。 エディタを登録してメニューから選択すると Jedit でソースが表示されるのですが、Jedit 起動中に操作を行うとアプリが複数起動してしまいます。 Dock に起動したアプリのアイコンが複数になる状態です。 そして複数回操作を行うと「ライセンス数が…」というメッセージが表示されてしまい、Jedit が終了してしまうことがあります。 上記拡張機能側で起動時オプションを指定できるのですが、オプション指定で「起動している Jedit でファイルを開く」ことはできないでしょうか。 もしくは何らかの方法で起動中の Jedit にファイルを開かせる方法はないでしょうか。 よろしくお願いします。

    • ベストアンサー
    • Mac
    • gaziroh
    • 回答数2
  • Dreamweaver　CS５．５について

    こんにちは。お世話になります。 Dreamweaver　CS5.5を使いだした、右も左も分からぬ者です。 新規HTMLファイルを作り、新規CSS作り、スタイルシートの添付をしようとしたところ、 「test.scc（便宜上つけた名前です。）を追加中、再帰的なスタイルの読み込みが検出 されました。外部テキストエディターの中のファイルを編集して、問題を取り除いてから やり直してください。」という警告文が出てきました。 どうしたらよいのか、全く分かりません。再帰的なスタイルも分かりませんし、 外部テキストエディターも分かりません。 ほんっとに分からないのです。 ネットでも色々調べてはみましたが、それでも分かりません。 どうか、皆様のお力を貸してください。 どうぞ宜しくお願い致します。

    • ベストアンサー
    • HTML
    • urimyu
    • 回答数1
  • PHPについて

    PHPについて パソコンの面白さにひかれて、PHPの無料講座から勉強をしようと思いましたが、第一歩からつまづきました。年寄りです。よろしくお願いします。 例題のスクリプトをTera Pad に手で入力をしました。間違いがないか何回も(3回）見直し、間違いがないことを確認し、テキストエディタフォルダの中に入れたXAMPPフォルダのhtdocsフォルダの中に名前をつけて保存でtest.phpで保存をしましたが、確認をしてみるとテキスト保存になっていました。 どうすれば、テキストエディタに入力したスクリプトを確認できるのでしょうか？ 以下が例題です。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"><head> <meta http-equiv="Content-type" content="text/html; charset=EUC-JP"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="../style.css"> <title>画面に文字を表示させる</title></head> <body><div class="file2"> <!--ここからform形式で文字を入力します。送り先(action)はこのファイル--> ここに文字を入れて表示ボタンを押してね。<br> <form action="01_01_send.php" method="post"> <input type="text" name="date" size="30"> <input type="submit" value="表示！"></form> <!--ここからPHPが始まります。//--> <?php /*PHPの楷書を宣言します*/ error_reporting(1); $data=$_POST["data"]; /*$dataと言う変数に、form actionで送られたdateを代入します*/ $data="htmlspecialchars($data.ENT_QUOTES); //タグを無効化 echo $data; /*画面上に $data すなわち入力された文字を表示します*/ $filepointer=fopen("./send/send.txt"."a+"); flock($filepointer.LOCK_EX); fputs($filepointer.$data."\n"); flock($filepointer.LOCK_UN); fclose($filepointer); ?> <!--これでPHPは終わりです。//--> </div></body></html>

    • ベストアンサー
    • PHP
  • フレームを使わずに記事を整理するには？

    HTML初心者です。フレームが非推奨だと聞いたのでCSSだけを用いてサークルの活動報告を紹介するページを作成しています。 具体的には、Asahi.com や WiredNews をイメージしています。画面左側のメニューエリアのリンクをクリックすると画面右側のメインエリアに別ファイルの記事(例えばyyyymmdd.html）が読み込まれるようにしたいのですが、どうしたらよいのでしょうか？ ちなみに別の方の質問（No.898676)を読み、CSSでは各記事のページにはそれぞれにメニューエリアのソースを貼り付ける必要があると知り驚いているところです。 記事はどんどん増えるものなので整理しやすくしたいです。JavaScriptやXMLなどが必要なのでしょうか？？ あまり専門用語なども慣れてないのでうまく状況が伝わったか分かりませんがよろしくお願いします。（環境:Windows2000,IE6,Opera7；ツール:テキストエディタのみ）

    • ベストアンサー
    • HTML
  • FrontPage2000について

    FrontPageで作ったHPをMacのパソコンで見ると、見れない場合があるような事を聞きました。 余分なタグが付く為とありましたが、HEAD部分に書かれる下記の部分は影響しないのでしょうか？ <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=shift_jis"> <META NAME="GENERATOR" CONTENT="Microsoft FrontPage 4.0"> <META NAME="ProgId" CONTENT="FrontPage.Editor.Document"> <TITLE>新しいページ 1</TITLE> </HEAD> 現在、HTML&CSS&Javascrput辞典を買い、余分なタグを消したりして、HPを手直ししています。 上記の部分がわからないため、Mac PCやIE以外のブラウザに影響があるのか、ないのか、教えて下さい。よろしくお願い致します。

  • 海外のhtmlテンプレで日本語を使いたい

    現在、↓のテンプレートデザインがとても気に入り http://speckyboy.com/2011/02/22/free-single-page-scrolling-html5-portfolio-template-psds/ これを使って作品集のようなホームページを作成しようと思ったのですが、 英語の文章（紹介文部分など）を日本語に打ち直して更新すると、文字化けしてしまいます。 完全に日本人向けのサイトを作る予定なので、 せめてプロフィール部分などが日本語でかけたらと思うのですが、 ＣＳＳもＨＴＭＬも、どこをいじったら良いのか分からず困っています…。 ホームページ制作やＨＴＭＬやＣＳＳは数年前に基礎程度は学んでいましたが、 だいぶ時代も流行も変わりましたし…。もうほとんど初心者と同じだと思います。 もしなにか簡単にできる方法などがあれば教えて頂けると助かります。 ・編集は、テキスト・ＨＴＭＬエディタ（Crescent Eve）を使っています。 ・凝ったフォントではなく、標準的なフォントでかまいません。 ・できればフォントdownloadなどはしないで作りたいのですが可能なのでしょうか…。 難しそうでしたら、このテンプレにこだわらず、 もともと日本語の似たようなテンプレを探しなおそうと思っています。 どうぞよろしくお願いいたします。

    • ベストアンサー
    • HTML
    • migimo
    • 回答数1
  • 文字化けしていたHTMLファイル

    Windows 8.1 秀丸 8.34 HTML 4.01のコードです。 ある日秀丸でHTMLファイルを開いてみたら、日本語の部分が文字化けしてしまっていました。 どの文字タイプを指定しても解消しません。 今思えば、以前ファイルを保存する時に変な保存の仕方をしたかもしれません。 (もしかしたら文字化けさせたまま保存させてしまったかも) HTMLファイルの時点で文字化けしているファイルを元に戻す方法は有りませんか？ どのブラウザのエンコードも全く意味ないです。 いくつかのエディタでも駄目でした。 文字タイプに影響していそうなHTMLコードを引用しておきます。 ---------------------------------------------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/Transitional.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" Content="text/html;charset=Shift_JIS"> css側 charset "Shift_Jis"; -----------------------------------------------------------------------------------

  • ルートパスの動作確認

    宜しくお願いします。 いつもは相対パスを使用してhtmlファイルを作成しているのですが、今回初めてルートパスでリンク先やimgのディレクトリを記述したいと思っています。 そこで質問なのですが、ルートパスで記述した場合、皆様はどのように確認されていますか？ 普通にブラウザで確認しても画像、javascript、css、リンク先などは反映されませんよね？ 何か方法があるのでしょうか？ （ちなみに、テキストエディタでのタグ打ちが主流ですが、DreamWeaver4、Fireworks4も時々使います。）

    • ベストアンサー
    • HTML
    • yu---m
    • 回答数2
  • あかさたな・・・順でタイトルを表形式に管理したい　

    以下のようなことを考えております。何か良い方法はございませんでしょうか。 htmlエディタでの作成を想定しております。Dreamweaverでも可。 4列の表で、ア行（あいうえお）のタイトルを掲載。 ただし、更新時に"あ"のタイトルを追加しようとするとき、”い”行以下を自動的にうしろのセルに移行したいのです。 列は、4列で固定。行は増えて構わない。 例えば、一列でデータを作っていき、表示させるときは、4列にできればよいと考えたのですが、そのようなCSSは可能なのでしょうか。

  • XHTML-<Object>で埋め込んだファイルのリンク(js併用)が誤動する

    お世話になります。 html/css(下の)中級+js初級者です。 環境：MacOSX、Firefox、Safari、エディタ／ミミカキ(ビルダは使ってません。貧） CSSとobject(あと、ちょっとjs)を駆使してフレームなし、target タグ無しのXHTMLの仕様に近い(W3Cのチェックは通らないです)デザインを目指して組んだのですが、いざ他のマシン(Win XP Home)でwebから表示したらナビゲーション部分の埋め込みファイル: <object data="000-navi.html" type="text/html" width="170" height="600"></object> のリンクが親ウィンドウに開かず、ナビの狭いスペースに次のページが表示されてしまいます。MacからだとFireFoxでもSafariでも問題なく表示されるのですが、ラップトップのWin(XP Home)だと上述のような問題が発生します。jsの設定を変えると新ウィンドウで開く事は出来るのですが、これだとクリックのたびに新ウィンドウが出て散らかってしまいます。 今の所決め手になる解決法が見当たらず、かくなる上はナビ部分のコード全てを各ページに「直打ち」しなきゃダメなのかしらん、なんて思っています。(それはいや。) でも本当にこんな回りくどい方法しか無いんでしょうか？ 以下のリンクからデモが見られます。自分のからMacだとOKで、Winだとダメです。私のWin環境のせい？？ http://kinugosiigomadowff.arrow.jp/miscsc/goo20081226/000-oshiete-top.html W3C非推奨でも実装で動けば良いので、(X)HTML、CSS、jsの範疇で何か方法があればご教示ください。どうか宜しく。m(_ _)m れざ

    • ベストアンサー
    • HTML
  • スキル不足なのでしょうか

    今年で３１歳になるものです。paizaというコーディングスキルをチェックする転職サイトで面接を受けたところ、技術力には問題ないけど、コミュニケーション能力がないということで落とされました。コミュニケーション能力がないのはアスペルガー症候群が原因なので、paizaのほうは見切りをつけ、障碍者求人で履歴書を５通ほど送ったところ、４社は書類選考で落とされ、１社は面接で落とされました。前に質問したところ、スキルレベルが足りないのではないかといわれましたが、客観的に見てどうなのでしょうか？判定の方をお願いします。 業務経験 自営業。３年。C#,WinForms,WPF,WindowsStore,C++/CLIでテキストエディターコンポーネントとテキストエディターを開発する スキル C#,WinForms,WPF,WindowsStore,C++/CLI:３年 C++:趣味レベル JavaScript,PHP,MySQL,HTML,CSS:趣味レベル（Webサービスを作り公開したことがあります） Java:専門学校で学習した程度 Ruby,Perl,Python:独学レベル

    • noname#199456
    • 回答数14
  • モバイルHTMLでCSSを使わず背景色を…

    モバイルHTMLでCSSを使わず背景色を… ワタシではなく友人からの質問になっちゃうのですが 友人が、ある企業のメールマガジン送信サービスの中にある機能のひとつで、 モバイルサイトも作ることができるエディター（CMSみたいなもの）でモバイル用HTMLを作成しています。 CMSなので、特に知識は必要なく編集できるのですが、、、 HTMLの中で編集可能なのは <body></body>の間だけで、<head></head>内を編集ができないため HTML内部・外部問わずオリジナルで作成したCSSを実装できません。。 CMSで誰でもできるがウリなのでCSSを使う機能なんか必要ないということでしょうが。 それで、質問の本題なのですが、 この制限された環境下で、文章を打った<DIV>タグの背景色を指定するために <DIV style="BACKGROUND: #563100"> <FONT color=#ffffff size=2>茶色バックに白文字</FONT> </DIV> と、ソースを書いて実機で動作確認してみると ◆確認携帯台数24台（主婦友や友人などでキャリア、メーカー、年代はバラバラ）◆ ◇ソフトバンク…問題ありません。 ◇au…問題ありません ◇ドコモ…一部メーカーや年代によりstyle="BACKGROUND: #563100"無視→白バック・白文字→何も見えません。 この不具合？になったものは以下の通りです。 ・SHARP…1年以内の機種から2年以上前の機種まで（確認に使用した４台全てでした） ・SONY…2年近く前の機種（ドコモでSONYはこれ１台しかなかったので、全てダメかは分かりません） ・韓国メーカー？（Lシリーズ）…1年以内の機種（これ１台しかなかったので、全てダメかは分かりません） ・NEC…見えるもの見えないものがあります。 全てのキャリア、メーカー、年代で結果が違ってしまうのは、事前に調べて分かりましたが、、 キャリの振り分けを使わず、CSSも使用しない状況下での初期のHTMLで どのキャリアでも、それに近い数の中で背景に色を着けることは可能なのでしょうか？ ※色のついたボックスで囲まれたイメージにしたいので、文字があるところにのみ背景色が着く<font>タグでの使用は考えていません。 ※ページ全体の背景色はCMSのエディターで変更できますが、今回はページ全体ではなく見出しや、強調部分など部分的な箇所に背景色を指定したいです。 友人が10/27のお店OPENにあわせて作っているものなので、 皆様のお力をおかりできると大変助かります。 どうかよろしくお願いします。

    • ベストアンサー
    • HTML
  • ホームページ作成ソフトによるテンプレート編集

    フリーのホームページ編集ソフトによるホームページテンプレートの編集について、よろしくお願いいたします。 ＸＨＴＭＬ＋ＣＳＳ＋ｊａｖａｓｃｒｉｐｔ設置のテンプレートを使ってホームページを作成したいと考えています。急いでＨＰを準備する必要があるためテンプレートを使用する事としました。今後ＨＰを維持していくために、ある程度理解できるよう、ＨＴＭＬ＋ＣＳＳの勉強も少しずつしております。 テンプレート配布サイト http://web.goodlook.jp/ ａｌｐｈａＥＤＩＴを使って、開いてみたのですが、スクリプトエラーが出ます。 ｊａｖａｓｃｒｉｐｔに対応していないという事なのでしょうか？このエラーはパソコンの環境が原因なのでしょうか？ まずはWYSIWYG型HTMLエディタからと考えていますので、このようなテンプレートの編集ができるＷYSIWYG型初心者むけフリーソフトを教えていただけませんか？ 使い方がネットで検索できるか、直感的に操作できるものであればありがたいです。 他で教えて頂いたJ-Scriptor というのは文字化けして表示され、ＩＥ　ＨＴＭＬＥＤＩＴはダウンロードできるサイトが不明でした。 編集するのは写真とテキストのみの予定で、Ｗｉｎｄｏｗｓ7を使用しています。 初心者ゆえ、何かの勘違いでエラーがでているのでは？と悩んでおります。 よろしくお願いいたします。

  • 固定画像の右下に、ポイント画像を置くには？

    お教えください。 今、FRONT PAGE EXPRESSを使用しつつ、タグページで書き込み調整をしております。 お聞きしたいのは、 「背景画像をスタイルシートで固定した上に、もう一つポイント画像を一つだけ右下に固定したい」 のですが、どのようにしたらよいのでしょうか？ 現在、下記のような状態です。 <html> <head> <style type="text/css"> <!-- body { background-image : url('○○背景画像.gif'); background-repeat:no-repeat ; background-attachment : fixed; background-position : right up ;} a{text-decoration:none;}--> </style> <meta http-equiv="Content-Language" content="ja"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>△△</title> </head> ここにどのような手を加えると、右下に表示され、尚かつスクロール時も動かなくなるのでしょうか？ 宜しく御願いします。

    • nono_ko
    • 回答数2

あなたにピッタリな商品が見つかる！ OKWAVE セレクト