『CSS』に関する質問・疑問一覧

次へ  ]
5251件中 141~160件目
  • ウェブデザイナー、コーダーの方へ

    jqery をプラグインしたらナビゲーションが押せずz-indentの配置場所と数値がわかりません。どなたか詳しい方、教えてください。 ソースはで文字数の関係で省略して重要なところ以外省略してあります。 htmlは $(function(){ $('.particales').particleground({ //要素の指定 dotColor: '#ffffff',    //ドットの色 lineColor: '#ffffff', //線の色 particleRadius: 5 //ドットのサイズ }); $( '#dl-menu' ).dlmenu(); $("#toggle").click(function(){ $("#menu").slideToggle(); return false; }); $(window).resize(function(){ var win = $(window).width(); var p =660; if(win > p){ $("#menu").show(); } else { $("#menu").hide(); } }); var win = $(window).width(); var p = 660; if(win < p)$(function(){ $("#menu li a").click(function(){ $("#menu").hide(); }); }); }); </script> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <script type="text/javascript" src="./lib/html5/html5shiv-printshiv.js"></script> <script type="text/javascript" src="./lib/html5/css3-mediaqueries.js"></script> <link rel="stylesheet" type="text/css" hr<a href = "index.html"></a>ef="./css/ie8.css" media="screen" /> </head> <body> <div id="layout_area" class="particales"> <header id="header_area"> <div id="logo_area"> <!--<img src="./img/logo.png" alt="logo" width="80" height="103" />--> </div> <div id="title_area"> <h1>タイトル </div> <nav id="menu-box"> <div id="toggle"><a href="#">MENU</a></div> <ul id="menu"> <li><a href="./index.html"/>HOME</a></li> <li><a href="./about/about.html"/>home</a></li> <li><a href="./fuji/fuji.html">hime</a></li> <li><a href="./product/product.html">home</a></li> <li><a href="#">home</a></li> <li><a href="./contact/contact.html">home</a></li> </ul> </nav> </header> <div id="home_right_area"> <img src="./img/area01_icn07.png" alt="ホームコメント"/> </div> <footer id="footer_area"> <small>&copy 2017 ALL RIGHTS RESERVED</small><div id="place00"></div></footer> </div> cssは .pg-canvas { position:fixed; top:0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; z-index:0; } /* TEMPLATE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Retina parts */ @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){ } /* TEMPLATE Retina parts end*/ /* INTERFACE */ body{ -webkit-text-size-adjust:100%; background-color:white; margin:0px; padding:0px; font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS 明朝", serif; } .pg-canvas { position:fixed; top:0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; z-index:0; } #layout_area{ max-width:1680px; background-image:url("../img/main_004.jpg"); background-repeat:no-repeat; background-position:center-top; background-size:cover; height:100%; margin:0 auto; } #header_area{} #logo_area{ padding:10px 10px; } #title_area{ text-align:center; margin-top:0px; } #sub_title_area{ text-align:center; margin-top:-40px; } #sub{ font-size:16px; text-align:center; } #home_right_area { text-align:right; margin:100px 120px 0 0; display:block; } #menu { width: 100%; max-width:1680px; margin:0 auto; padding:0; display:block; } #menu li{ display:block; float: left; width: 16.6666667%; margin: 0; padding:0; } #menu li a { display: block; padding:0 20px 0 20px; background-color:; color:white; text-align: center; text-decoration: none; border-right:1px solid #4baacb; } #menu li:last-child a{ border: none; } #menu li a:link{ color:white; } #menu li a:hover{ color:blueviolet; } #toggle { display: none; } です。 .bg-canvasがparticlegroundというjqeryです よろしくお願いします。

    2017/03/18 14:32
  • CMS

    HTML,CSS,JS,PHPはcms(コンテンツマネジメントシステム)の内に入りますか?

    2017/03/17 14:15
  • CSSで、指定されていない空白が開く

    ヘッダーのロゴとその下のナビゲーションの間に、勝手に空白が空きます。 margin: 0;と設定しても空白が空きます。 section#header { width:80%; height: 63px; margin-right: auto; margin-left: auto; } img.LOGO { width: 700px; height: 63px; float: left; } p.intro { color: #383838; float: right; font-size: 120%; } section#links { font-size: 130%; width: 90%; height: 40px; margin-bottom: 40px; margin-right: auto; margin-left : auto; } nav ul li { display: block; float: left; width: 18%; height: 40px; margin-left: 1px; margin-right: 1px; border-left: #000000 2px solid; border-right: #000000 2px solid; } nav ul li a { display: block; line-height: 40px; width: 100%; height: 100%; text-decoration: none; text-align: center; } div#clear { clear:both; } CSSは以上の通り書きました。 このとき、section#headerで設定した、img#LOGOとp.introを含むヘッダー部分と、 section#linksで設定したナビゲーション部分に間が空いてしまいます。 どうすれば開かなくなるでしょうか。 閲覧環境はChromeです。

    2017/03/14 19:11
  • CSSの入力方法について教えてください

    CSSの入力方法について教えてください 私はプラグインを使用してtableを制作したのですがHTMLコードの最上段に下記のような表示がされてありました。 全体の指示がされてあると思うのですが、自分なりにCSSで入力してもうまく表示できないでいます。すみませんがおわかりの方がおられましたら教えていただければと思います。どうぞよろしくお願いいたします。 <table class="aligncenter" style="border-color: #2d89ef; background-color: #ffffff;" border="2px" cellpadding="10px"> 補足補足させていただきます 私はHTMLに CSSを直接記述する方法で<style type="text/css">の下に下記のように入力しました。 ■ここから下が自分が入力してみたCSSの記入ヶ所です .whole{ align: center; border-color: #2d89ef; background-color: #ffffff; border: 2px; cellpadding: 10px; } ■HTMLの一番上に下記のように入力しました <table class="whole"> ■結果 自分が入力すると外枠の罫線の色と幅が反映されていません。 ■元のHTMLのcode <table class="aligncenter" style="border-color: #2d89ef; background-color: #ffffff;" border="2px" cellpadding="10px"> の時は希望通りに表示されていました 以上の点を参考にしていただければと思います。長い文章ですみませんがよろしくお願いいたします。

    2017/03/09 20:40
  • ウィンドウの縮小に合わせて変化させるには?

    WEBデザインの質問です。 添付画像のようなものを作りたいのですが、ウインドウの幅を小さくした時に、 自動的にそれに合わせて画像も小さくなってもらいたのですができません。 どのようにhtml,cssを書いたらいいですか? 画像4の上に、画像1,2,3があって、背景、画像1,2,3がメニュー(後で画像にリンクを追加したい)のようなイメージです。 そこで今、画像4は縮小に合わせて一緒に縮んでくれるのですが、 画像1,2,3は色々試してみたのですが変化がありません。 html↓ <body> <article> <div class="relative"> <img src="/../../画像4.gif" class="img-responsive" alt="" /> <img src="/../../画像1.gif" alt="" class="absolute" /> <img src="/../../画像2.gif" alt="" class="absolute2" /> <img src="/../../画像3.gif" alt="" class="absolute3" /> </div> </article> </body> CSS↓ @charset "utf-8"; .img-responsive { display: block; max-width: 100%; height: auto; } .relative { position: relative; } .absolute { position: absolute; top: 515px; left: 185px; } .absolute2 { position: absolute; top: 515px; left: 535px; } .absolute3 { position: absolute; top: 515px; left: 888px; } 初めてhtmlを書いているので、変な質問をしていたらすみません。 お早めな回答をいただけると助かります。 よろしくお願いいたします。

    • ベストアンサー
    • すぐに回答を!
    • maikofu
    • CSS
    • 回答1
    2017/03/05 21:08
  • Dreamweaver ライブラリ

    Dreamweaver のライブラリ機能便利なので使っているのですが、ライブラリ内で<a href="hoge">と指定して各ページ更新すると、実際のHTMLが<a href="/Library/hoge">となってしまいます。 これを実際の書き出されたHTMLでも<a href="hoge">のままにしたいのですが、何か設定変えれば出来るとか、書き方を変えればできるとかありますか?

    2017/03/03 11:14
  • ワードプレスのセオリーというテーマのフォント設定

    現在、ワードプレスの無料テーマで「xeory(セオリー)」という無料テーマを使用しています。 このセオリーの固定ページのフォントの大きさを変更したいです。 本文の編集で変更するのではなく、CSSにてデフォルト設定したいです。 style.cssを何度か変更してみたのですが、ページを更新してもフォントのサイズが変更されません。(キャッシュをクリアして確認もしました。) どなたか、「xeory(セオリー)」のフォントサイズの変更方法をお教え頂けませんでしょうか。 なお、セオリーはバズ部というサイトで提供されている無料テーマです。 どうぞ宜しくお願いいたします。

    2017/03/03 10:17
  • ツールチップ

    Webデザインの質問で「ツールチップ」という物があると思いますが、似たような概念にポップアップという物があると思いますが両者は似て非なる物ですか? アホな質問でスミマセン。

    2017/03/02 14:58
  • srcsetは数年間は使えませんか?

    srcsetはIE11、アンドロイド4.4が未対応のようなので数年はしごとではまだ使えないですよね。 http://cly7796.net/wp/css/try-using-the-srcset-attribute/ これを使うと不要な大きいサイズの画像は読み込まれずに、適切サイズだけダウンロードしてくれるのですよね。

    • ベストアンサー
    • 困ってます
    • noname#226032
    • CSS
    • 回答1
    2017/03/02 14:08
  • iframeについて質問です。

    iframeについて質問です。 取得先のページを全体を読み込むことはできるのですが、 指定したid属性だけを読み込むことってできるのでしょうか。 css、html5で対応できれば嬉しいです。 css、html5でできない場合jsでやり方があれば教えてもらえたら嬉しいです。 よろしくお願いいたします。

    2017/02/26 20:32
  • 【ホームページを簡単にカッコよく作りたい】

    【ホームページを簡単にカッコよく作りたい】 雑誌みたいな大きな写真を表示しても早く表示されるタイプのデザイン重視の雑誌みたいに写真+文章で1ページが構成されるホームページ。 ブログではない。 Webサイト上でこういうオシャレなホームページの1ページを生成出来るサイトを教えてください。 1ページ単位で良いです。

    2017/02/25 13:58
  • ツイッターの自分のリストをブログに埋込たい

    こんにちは。 いつも質問ばかりして回答やアドバイスを頂いてありがとうございます。 今回の質問は表題の通り、 自分のTwitterのLISTをブログに埋込たいのです。 グーグルさんで検索しましたが、TwitterのウィジットからLISTを選択すると、Twitterの仕様が変わったのか参考にしたページの通りに出来ませんでした。(英語のページに飛ばされます) 今までは「検索」を選択して表示しています。 自分のアカウント内のLIST(A_best_F)を埋め込む方法を知りたいので、教えてください。 また、参考になるページをご存知でしたら教えてください。 よろしくお願いいたします。

    2017/02/24 11:25
  • cssが読み込まれない

    htmlを作成しています。(html5) が、cssが読み込まれなくて困っています。 例えば下記のような場合、 ***************** <div id="syu"> <table> <tr> <td class="code1">コード    <input type="text" class="style1"> </td> <td class="style2"> <input type="text" value="abc" class="style3"> </td> </tr> (続く) ******************* cssファイルに設定する場合、下記の書き方はどちらも間違っていて、効かないのですが どういう風にかけばいいのか、思い悩んでいます。 (1) #syu .code1{・・・} (2) #syu table td.code1{・・・} 正しくはどういうふうに書くのが正解なのでしょうか? すみません、自分で調べろ、いろいろ試してみろと言われそうですが、 最初はうまくcss読み込まれていたのですが、途中で事情があって、htmlの一部をiframeに持っていったら、残されたほう(上記)のcssが効かなくなってしまったのです。 これを元にプログラミングしなければならず、緊急なのでヘルプをお願いしたいです。 よろしくお願いします。

    • ベストアンサー
    • すぐに回答を!
    • jg1wjz
    • CSS
    • 回答1
    2017/02/21 20:16
  • wordpress(ワードプレス)について

    長期運営するホームページみたいなのを作ろうと思っていて最初は普通のブログでと思ったのですが見栄えの良いモノが出来ると言われてるワードプレスの存在を知ったので色々調べてみたところ初心者には難しい、最初さえ乗り越えればあとは簡単など色々意見が分かれていてどうしようかと思っています。 内容やサイト構成などにもよりますが書籍やネット検索などを使えばある程度できるものなんでしょうか? ちなみにブログなどは作ったことがあります。 作ろうとしているサイトはシンプルなサイトをと考えています。 アドバイスよろしくお願いします。

    2017/02/17 21:24
  • ソースコード 左右

    プログラミングにおいてソースコードの左側と右側では右側の方が重要な意味を持つものという認識は間違っていますか?

    2017/02/15 23:23
  • マウスオーバーで外側のフレームの色だけを変更させる

    お世話になります。 今回、画像のようなテーブルを制作してみました。 このテーブルをマウスオーバーをしたら外側のフレームだけ赤色に変わる様にしたいと思って色々試してみているのですがうまくできずに行き詰っています。 すみませんがお分かりの方がおられました教えていただきたいと思っております。よろしくお願いいたします。

    2017/02/10 20:22
  • HP作成中。Chromeブラウザのみレイアウト崩れ

    見よう見まねで結構古くからHP造りをしています。 今は、レスポンシブデザインでのショップ作り中です。 HP造りながら、色々なブラウザでも表示状態を確認していますが、 いつもいつもIEの常用者でGoogle Chromeでの表示確認を怠っていました。 現在のHPはパソコン画面では、IE,サファリ、ファイアーフォックスで綺麗にレイアウトが出来ています。 ただ、Google Chrome ブラウザだけパソコン画面では、 トップから2段目の折り畳みのアコーディオンメニューが上下に2段になってしまいます。 他のブラウザでは問題なく1段に収まります。 http://www.waterplanet.jp/ 何分、ネットでの独学勉強のHP造りなので、このChrome表示の修正を思い付きません。 どなたか、独学勉強の者に判り易く、適切なアドバイスをして戴ければ有難いです。 どうかご協力を宜しくお願い致します。 山田と言います。

    2017/02/08 17:47
  • コーダーの仕事はフルスクラッチよりワードプレス化?

    コーディングの仕事をしていると半分以上オリジナルテーマ化とワードプレスのインストール作業をセットでやってくれといわれるのですが、 現在フリーランスで、フロント周りやコーディングで仕事を請けていくとフルスクラッチよりも仕事量は多いでしょうか? コーディングやJSを徹底的に極めて行きサーバサイドもJSの延長でnodejsをやるスペシャルよりも、 最低限のワードプレスとPHPの問い合わせフォームやショッピングカートのプラグイン導入ができるゼネラリストのほうが、 フリーランスならずっと仕事が多いでしょうか? 将来のAIのことを考えるとおそらく前者のスペシャリストのほうが将来性があると思いますが、 現在の仕事の量を考えると後者の方が圧倒的多いイメージなのでしょうか? 中途半端に広げるのは、すべてが中途半端になり、AIやオフショアにすぐに代替されてしまうので、 できれば前者を選んでそこを極めて、ワードプレスは他の人にやってもらったり外注できれば良いと思っていたのですが、 クラウドワークスの仕事も、お話が来る場合も最近はほぼワードプレスも一緒にやってくれと言われるように思えます。 将来性を考えるとプログラミングを極める方が良いですが、現在を考えると広く浅くワードプレスをやった方が良いというのが WEBの一般論でしょうか? 分業をお願いしても、断られることがほとんどなのでしょうか? 分業したほうが効率が良いと思うのですが、現在のWEB業界は大手でないとオリジナルテーマ化まではコーダーフロントがやって当然なので、 そこまではできないとフリーランスは特に仕事がないのが現状でしょうか? またワードプレスをやるとしても、コーディングだけでなくワードプレスまでやっておいくらですかと聞かれて、 できますと言えるのってどれくらいできたらだと思いますか? htmlをオリジナルテーマ化できればいっていいのでしょうか? セキュアな環境、簡単インストールを使わずにインストールをでき、PHPのソースを見て、ニュース欄などもワードプレス化できるくらいまで、 できなければできますというべきではないでしょうか? これからやる場合は、現在需要が非常にあり、おそらく全盛期を迎えているワードプレスをやるべきか、 今後需要は落ちてくる可能性が高いワードプレスをやるのではなく、今後伸びるフロントやハイブリットアプリ制作のプログラミングやサーバサイド のプログラミングをやるべきか迷っています。 ハイブリットアプリ制作ははやってきたとは聞きますが、実際の仕事の話はまったく聞いたことがありません。 ネイティブアプリやWEBのようにフリーランスもそれで食っていけるくらいの仕事はすでにあるのでしょうか? こちらはhtml、cssができればWEBと同じでコーダー(デザインカンプ通りにUI作成者)としてやっていけるようですが、 もしかしてワードプレスでもハイブリットアプリ制作ってできるんですか?

    • ベストアンサー
    • 困ってます
    • noname#226032
    • CSS
    • 回答2
    2017/02/08 15:22
  • レスポシブについて

    よろしくお願い致します。 レスポンシブのホームページは作るのですが どうしても、わからなかったので アドバイスを教えてくれたらと思います。 @media screen and (max-width: 1024px){ } @media screen and (max-width: 600px) { } 自分の師匠にアドバイスをもらって 上記の方法で作成して、うまくやってるのですが どうしても、ヘッダーだけうまく 同じ表示がされません。 特になにかが足りないと思っているのですが レスポンシブを作る上でメディアクエリの定義は人ぞれぞれだと思うのですが もし、ヘッダーだけ同じ表示がされな場合 みなさんなら、どう致しますか? アドバイスのほど、よろしくお願い致します。

    2017/02/08 13:09
  • ブログ(WP)の下にできる大きな余白を消したい

    wordpressで「Themehaus」というテンプレートに変更しました。 色々カスタマイズしたのですが、どうしてもブログの下に大きな余白(スペース)ができてしまいます。 余白ができるのはトップページ・記事ページ・固定ページ・検索ページ等で、唯一カテゴリページは空いていませんでした。 ブログがもう一つ置けるくらいの大きな余白でして、フッターウィジェットの為に空いているのかな?と思いましたが、CSSでその辺やwidth等をアチコチいじっても変化ありません。 どうしたらこの余白を消すことができるのか教えて下さい。 宜しくお願いします。

    2017/02/06 08:51

ピックアップ