検索結果

HTML エディタ　CSS

全922件中21～40件表示
  • 全てのカテゴリ
  • 全ての質問
  • base hrefとlink rel

    テキストエディタでhtmlを書いています。 外部cssを使うので、 <link rel="stylesheet" href="style.css" type="text/css"> をヘッダ部に入れていますが、これより上に <base href="～"> で基準URIを指定しようとすると、cssが反映されなくなってしまいます。 先に <link rel="～ を入れてしまうと、文法チェックで引っ掛かるのですが、どうしたら良いのでしょうか？ ソースは、 <Head> <base href="絶対パス"> <link rel="stylesheet" href="style.css" type="text/css"> で、この後にmeta属性を入れています。 よろしくお願い致します。

    • ベストアンサー
    • HTML
  • Windows Vistaで、htmlファイルをテキストエディタで編集

    Windows Vistaで、htmlファイルをテキストエディタで編集 私はテキストエディタでhtmlファイルを編集し、ホームページを作っています。 XPの時は右クリ→編集で、テキストエディタで編集できていました。 Vistaでは、編集が無くなってしまい、ＩＥ編集しようとすると変なエディタが開きやり辛い事この上ないです。 そこで、規定のプログラムをテキストエディタにしてやったのですが・・・意味無。 ＩＥ上で編集するも、Alt→ファイル→メモ帳で編集　はかなり手間になり不便です。 html以外にも、ja、css形式のファイルも同様、非常に手間が掛かっており、編集時間をXPの頃に比べて非常にロスしてしまっています。どうにかならないでしょうか？ 出来れば、htmlファイルを右クリックしてすぐにテキストエディタで編集できるようにしたいのです。 プログラムから開くは手間なので、出来れば右クリックメニューにテキストエディタを登録しておきたいのです。 お願いします。

  • フレームタグ"target"のような働きをするもの

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> でhtmlを（テキストエディタを使って）書いています。 cssで疑似フレームを作成し、フレーム使用の際の"target"のように、表示場所を指定してリンクを開けるようにしたいのですが、そのようなタグはありますか？

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

    現在ｃｓｓの作成練習をしているのですが上手くいきません。 このサイト→http://sample.hisa-hide.com/を編集しているのですが（ｃｓｓは→http://sample.hisa-hide.com/sample.html） floatの回り込みが出来ずに、行き詰まっています。またブラウザによる表示の差が酷いです。 リアルタイムエディタで編集しているのですが→ http://www.2step-css.com/ サーバーにアップすると何故か表示が大きく崩れます。 どなたかこのサイトのｃｓｓの模範解答がわかる方ご回答お願いいたします。

    • ベストアンサー
    • CSS
    • renlen
    • 回答数1
  • VS codeにおけるユーザースニペットの初期設定

    １．背景 HTML、CSS、Java Script学習のため、VS codeでユーザースニペットを作成しようとし、試しにCSSでテスト登録し、うまくいかず、試行錯誤しています。登録方法はネット記事やYou tubeで解説があるので、それらを参照し、「ファイル」->「ユーザー設定」->「ユーザースニペットの構成」から。Jason形式での登録も留意しました。ところが登録しても反映されません。最初はVS codeが最新でないのが原因と思い、インストールし直しました。VS versionは昨日インストールし直したので最新（1.85.1)です。VScodeの再インストールだけではダメという結論です。 2.　settings.jasonの変更 (1) settings.jasonの変更（一回目） webで調べるとVS codeで「setthings.jason」から設定する必要があるとのことです。この「setthings.jason」は変更していなかったので、そのことが原因と思い、変更を試しました。左下の歯車→右上から検索。「settings.jason」にいき、編集可能なのは分かりました。下記は修正前のデフォルト。 { "python.linting.flake8Enabled": true, "editor.formatOnSave": true, "workbench.statusBar.visible": false, "editor.unicodeHighlight.nonBasicASCII": false, "settingsSync.ignoredExtensions": [], "settingsSync.ignoredSettings": [ "workbench.settings.openDefaultSettings" ], "workbench.settings.openDefaultSettings": true } となっていました。どのように記載すれば良いか調べたWEBは下記です。「VSCodeでPythonのユーザースニペット設定」 [ [https://qiita.com/tachiyu/items/27931cda3658e216133c](https://okwave.jp/jump?url=https%3A%2F%2Fqiita.com%2Ftachiyu%2Fitems%2F27931cda3658e216133c) ]( https://okwave.jp/jump?url=https%3A%2F%2Fqiita.com%2Ftachiyu%2Fitems%2F27931cda3658e216133c ) となります。ここでの例は言語はpythonです。これに従うとcssの場合は "[css]": { "editor.suggest.showSnippets": true, "editor.snippetSuggestions": "top" }, となりますが、結果はダメでした。[css]の方は下に赤い波線が出ていました。 (2) settings.jasonの変更（二回目） ChatGPTによると、アドバイスは "editor.snippetSources": の箇所でパスを入力しなければいけないこと。そして、このパスの下にはcssであれば、css.jasonがあることでした。そこで、下記のように入力。しかし、それでも結果はダメでした。 "[css]": { "editor.suggest.showSnippets": true, "editor.snippetSuggestions": "top", "editor.snippetSources": [ "｛C:$hoge/hoge/省略｝/User/snippets" ] }, （注1）explorerで｛C:$hoge/hoge/省略｝/User/snippetsの箇所を打ち込むと、その下にcss.jasonが出てくるのは確認済み。 3．質問 ここにどのように打ち込めばユーザースニペットが有効になるかご教示ください。またはこの方法でも根本的な間違いあり、ダメという場合であれば、他の解決策をご教示ください。 4．補足（css.jasonへの登録内容） css.jasonへの入力内容。あくまでユーザースニペットが反応すれば良いので試しです。style.cssにおいてデタラメ要素の下にtestxxと入力してもダメでした。 候補も全く出てきません。 "display inline-flex":{ "prefix": "testxx", "body": [ "display:inline-flex;" ], "description": "display inline-flex" },

    • 締切済み
    • CSS
  • キンコーズなどについて

    キンコーズなどについて キンコーズ、ネットカフェなどの貸し出しpcは自分でhtml 、cssのエディタをインストールして利用しても大丈夫ですか？ 可能だとしたら利用後にアンインストールしなければいけませんか？

  • ページごとに背景画像を変更したいのですが

    HPを作成中です。 レイアウトは各ページ全く同じなのですが、ヘッダー部の画像のみカテゴリによって変えようと思っています。 cssで各画像を指定しbodyタグにidやclassで変更を試みたところエディターでは異なる画像が表示されますが、いざweb上で確認すると画像が表示されない状況でした。 そこで、各ページにそれぞれスタイルシートを用いたのですがやはり上手く反映されません。 現在HTML側は <link href="style_i.css" rel="stylesheet" type="text/css" /> cssファイルには「style_i.css」と名前を付け、該当部分は #header { background-image: url(images/mainimg-2.jpg); background-repeat: no-repeat; width: 100%; height: 655px; } となっています。 mainimgの変更のみです。 やはりエディターでは表示されますが、web上では画像が表示されません。 どのようにしたら画像変更できるでしょうか？ よろしくお願いいたします。

  • Webの作成について

    カテゴリが違ってたらスイマセン。ある文章があって 「index.html」「style.css」をエディタで開き以下の指示に従いなさい。 「style.css」に「green」を追加し、以下の設定を記述しなさいって問題があります。 ソース画面では 〈div class=”green”〉 文章 〈/div〉 で囲って、画面を最小化にして「style.css」を開き、 .green｛ color：＃000000； background-color：＃ccff66； テキストでは、こんな感じですが、手順が悪いのか、全く変わりません。どうすればいいでしょうか？

  • 文字コード変更による、文字化け・レイアウト崩れ

    文字コードをShift-jisからEUC-JPに変更したいのですが、 HTML・CSSに処理を施したら文字・レイアウトが大幅に崩れてしまいました。 以下のように変更したのですがやり方に間違いはないでしょうか？ [HTML] <meta http-equiv="Content-Type" content="text/html; charset=Shift-jis"> ↓↓ <meta http-equiv="Content-Type" content="text/html; charset=euc-jp"> [CSS] @charset "shift_jis"; ↓↓ @charset "euc-jp"; また、ブラウザの表示⇒エンコードで(Shift_jis)を選択すると今までどおり正常に表示されます。（HTMLとCSSにはeuc-jpの記述にも関わらずです） これは文字コード変更したと思い込んでしまっているのでしょうか？ 解決策お願いします。 あまり知識がありませんので、分かり易く教えていただけるとありがたいです。 ちなみにエディタはHTML　Project2を使用しています。

  • XHTMLとCSSを始めから学ぶのに最適な本またはサイトはありますでし

    XHTMLとCSSを始めから学ぶのに最適な本またはサイトはありますでしょうか？ wordpressを使ったサイトを構築することになり、まずXHTMLとCSSを理解するようにといわれました。 htmlは昔、エディターを使って手で書いたことがありますが、それ以上はわかりません。プログラミングについても残念ですが全くわかりません。よろしくお願いします。

    • ベストアンサー
    • HTML
    • boooks
    • 回答数2
  • ワードプレスでCSSをいじる時プレビューできない！

    ワードプレスの 外観⇒エディターといき スタイルシート(style.css)の編集をしているんですが なぜかプレビューボタンがありません ファイルを更新　ボタンしかありません CSSを書き変えてホームページにどのような変化が出るかを見ながら書き変えたいのに いちいちファイルを更新していたのでは 重要な書き換えミスをした時に元に戻せなくなりとても危険です！ プレビューでいちいちチェックしながら CSS　とか　ｈｔｍｌ　を書き替えれるようにする方法を教えてくださいm(_ _)m

  • cssについて

    ホームページでcssにしたいページがあります。そこで判らない点がありまして皆さんの教えを乞いたいと思い質問した次第です。 1.cssを作成したページはcssのフォルダを作って、その中にcssのソース(HTML)を格納し、サーバーに転送するそうなんですが、これはページ全体のソースのことですか。cssの部分だけですか？ 2.cssのページはバック(壁紙)が“白”と“緑”のページがありますが、この場合はcssのフォルダを別々に作るのですか？ 3.cssフォルダによってページが一括管理出来て更新が簡単になるとのことですが、ページ全体をcssにした方が管理しやすいですか？ 4.cssのソースはホームページを作ってるソフト以外のエディタにコピーしても宜しいですか？ Dreamweaver3で作成してますが、以外とアバウトなソフトなので、細かい設定はソフトの機能に頼らず、ソフトのタグをいじっています。なんせ初心者です。判りやすく解説お願いします。

    • hughug
    • 回答数3
  • スタイルシートに関して教えてください！本当に困っています！

    超初心者で悪いのですが、スタイルシートの記述方法がよく分かりません。確か記述方法は３つあると思うのですが、ＣＳＳファイルを利用して記述する方法が分からない(できない)のです。ここからは実際に自分が今使っているホームページ作成サイト(初心者)に書かれていて理解できない(実際にやってみたがうまくいかない)所をここに書きます。 ３、ＣＳＳファイル利用により記述する方法 テキストエディターで”スタイルを適用する対象名 {　～　}”として記述し、 ファイル保存するときに、拡張子が”.css”というＣＳＳファイルを作ります。 そして、ＨＴＭＬファイル内にはＣＳＳファイルを参照しなさいという指示である、<LINK href="ＣＳＳファイル名.css" type="text/css" rel=stylesheet> をヘッダー部分に記述します。 ＜＜　ＣＳＳファイルデータ例（下記のデータだけを記述して.cssファイルを作成　＞＞ ＜　ファイル名＝style.css　＞ p { color:blue } ＜＜　HTMLデータ例（.cssファイルと同じフォルダ内に作成する）　＞＞ <html> <head> <LINK href="style.css" type="text/css" rel=stylesheet> </head> <body> <p>スタイルシート</p> </body> </html> ＜＜　ブラウザ表示　＞＞ スタイルシート 分かりずらかったらここを参照してください。(たぶん削除されると思うが) http://homepage-how.com/hp/hp-css2.html まず、３に書いてあるとおりにＣＳＳファイルを作成しました。 次からがよく分からないのです。３に書いてあるとおりにＨＴＭＬファイルを作成しようと思ったのですが、なぜか、ホームページの基本構造ではないのです。 こういう事です 　　↓ <html> <head> <LINK href="style.css" type="text/css" rel=stylesheet> </head> <body> <p>スタイルシート</p> </body> </html> 見ても分かるとおり、タイトルの部分がないのです。 タイトルがなくても良いのですか？ あと、このＨＴＭＬデータを.ＣＳＳファイルと同じフォルダ内に作成するという意味が分かりません。 本当に超初心者で悪いのですが、本当に困っています。誰か分かりやすく教えてくれる方はいないでしょうか？お願いします。

  • サイトマップを自動作成できません。

    最近ＨＰを作成した超初心者で、サイトマップの作成ができず 原因が皆目見当つかず行き詰ってしまいました。 サイトマップを自動生成してくれる「sitemap.xml Editor」を利用しているのですが index.html以外のページをサイトマップ化できません。 sitemap.xml Editor https://www.sitemapxml.jp/ ネット上で確認すると、index.htmlのリンクから他のページを表示することができます。 現在、ページ数はindex.htmlを含め20程です。 先頭のタグは全て共通で下の通りです。 基礎的な質問で恐縮ですが、解決のヒントなど教えていただけないｄしょうか？ よろしくお願いします。 <!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" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="imagetoolbar" content="no" /> <meta name="description" content="説明文" /> <meta name="keywords" content="キーワード" /> <link rel="stylesheet" href="css/common.css" type="text/css" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/common.js"></script> <title>タイトル</title> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-28512541-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </head>

    • ベストアンサー
    • SEO
  • スタイルシートのせい？IEのせい？

    自己サイトのリニューアルに伴い、今までゴチャゴチャだったHTMLソースをHTML＋CSSで簡潔にしたい、と思って作業を開始したのですが、例えば下記のように （外部スタイルシート） TABLE{ padding-top : 5px;padding-left : 5px;padding-right : 5px;padding-bottom : 5px; border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : black black black black;} （HTMLその１） <table width="500"><tbody><tr> <td>あああああ</td> </tr></tbody></table> (HTMLその２) <table border="0" cellpadding="0" cellspacing="0" width="500"><tbody><tr> <td>あああああ</td> </tr></tbody></table> と記述しIE6で確認したところ、その２では思った通りの余白(padding)ができるのに、その１ではできませんよね。 CSSに関するページを読みあさる限りではその１の記述の方が正しいと思われるのですが・・・ CSSでpaddingを指定しているのに、わざわざHTMLで0にしなきゃいけないのが納得いかない・・・ これは私のCSSの記述の仕方が悪いのでしょうか？ それともIEの解釈によるもの？ 本当は上記のようなレイアウトも<div>でやりたいのですが、まだ抵抗があって・・・ このままでは結局以前と同じゴチャゴチャのHTMLソースになってしまいそうです・・・ ちなみにエディタはHPBv6をメインで使っていますが、最終的にはテキストエディタで手直ししています。 他のブラウザではまだ動作未確認です。

    • ベストアンサー
    • CSS
    • umeda
    • 回答数2
  • プログラミング

    ドットインストールのCSS3入門のレッスン１５の動画の１分ほどの文字色を黄色にする事が出来ません。 自分のテキストエディタのコピペです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>CSS3の勉強</title> <style> a{href="http://dotinstall.com"} { color: yellow; } </style> </head> <body> <h1>リンク集</h1> <ul> <li><a href="http://dotinstall.com">dotinstall.com</a></li> <li><a href="http://google.com">Google</a></li> <li><a href="http://yahoo.co.jp">Yahoo!</a></li> <li><a href="mailto:taguchi@dotinstall.com">mail me!</a></li> </ul> </body> </html> 何かおかしな点があればご指摘お願いします。

    • ベストアンサー
    • HTML
  • 「シンプルなテキストエディタ＋FTPクライアント機能」を探しています

    FTPクライアント機能のついた、テキストエディタを探しています。 html、css、スクリプトファイルを編集した後、 保存と同時に、サーバサイドにアップロードされて欲しいのです。 これまでは、「秀丸＋Hidemarnet Explorer」で、それを行っていました。 しかし、FTP越しにファイルをひとつずつしか開けなかったり、 タブのファイル名が読みにくい（フルパスが表示されてしまう）など、 使い勝手に不満が募り、いよいよどうにかしたいと思った次第です。 出来れば、基本操作に慣れ親しんだ秀丸をカスタマイズすることで、 上記の悩みがどうにか解消されればベストなのですが、 秀丸でどうしても無理なら、他のエディタに乗り換えることも辞さない考えです。 なお、ez-HTMLなど、HTMLエディタの類（例：ez-HTML）には、 基本機能として、FTPクライアント機能のついたエディタもあることは、知っています。 しかし私が求めているのは、どんなテキストを編集するにも、機能が冗長にならない、 「シンプルなテキストエディタ（例：秀丸、サクラエディタ）＋FTPクライアント機能」という形態です。 ＃サクラエディタに、そんなプラグインってありませんでしょうか？ よい方法がありましたら、是非教えて下さい。 よろしくお願い致します。

  • ｈｐ作成について

    こんにちは。 前々からＨＰ作成に興味があり、 受験がひと段落し作業に取り掛かっている者です。 テンプレート等に頼らず手打ちで作ろうとしているですが… やはり壁にぶち当たり質問させていただきます。 ちなみに私自身はｈｔｍｌやｃｓｓのマニュアルやｈｐを見て勉強はしていて どういうものかは一応わかっているがまだまだ初心者、という状況です。 ●疑問１ ｆｃ２でスペースをかり、ｈｔｍｌprogect2(以下テキストエディタ) でタグを打って作っているのですが、 テキストエディタやｆｃ２内のプレビューと実際のｈｐの様子が違うのです。 普通に<ｐ>や<br>を使っているだけなのに どうしてかプレビューどおりになってくれません。(ページが凄く乱れている) …どうやらｃｓｓなしの状態だと乱れずに表示されるのですが……。 ●疑問２ テキストエディタ内では外部cssを適用するタグを記述していても プレビュー内では装飾されないものなのでしょうか？ 正直とてもやりにくいです…。 ●疑問３ ファイルをアップロードしてもすぐにはｈｐには反映されないのですか？ ほんとわからず屋ですみません。 勉強不足なのは承知ですがだからこそ皆さんの知恵をかしてください。

    • ベストアンサー
    • HTML
  • メニューと本文でリストのスタイルを変えたい

    HTML５とＣＳＳの本を買ってきて、エディターでヘッター、メニュー、本文のレイアウトを作り、中身を作っているところです。メニューのスタイルをＣＳＳで指定したのですが、本文のリストも当然同じになります。本文のスタイルを（できたらarticleなどごとに）別に指定しようと思いましたが本にはそこまで書いてありません。ネットで調べると、ul,liをclass,idで区分するようにという記述がありましたが、navのリストはこのスタイル、このarticleはこのと指定できないのでしょうか？

    • nago8
    • 回答数3
  • CSSでのブロックリンクと文字列リンクの使い分け

    ご覧頂きましてありがとうございます。 マイホームページを作っています。 テキストエディタで作成しております。 今仮にですが、 ■index.html <div class = "p"><a href = "a">あ</a></div> <div><a href = "b">い</b></div> <a href = "c">う</a> ■index.css a { color:red } とあったときに、 index.htmlの「あ」を含むブロックを赤色に、 index.htmlの「い」を含むブロックを緑色に、 index.htmlの「う」を含む文字列を青色にしたいとするとき、 index.cssのa{***}だけで装飾するわけにも行かず、 困っております。 最終的な目的はサイドのブロックをCSS表記でブロックごとリンクできるようにして、 メインの文字列だけは下線状態のままリンクできるようにしたいです。 わかりにくい表記でご面倒をおかけしますが、 分かる方に教えていただきたくお願い致します。

    • ベストアンサー
    • CSS

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