[css] タグが付いた質問
CSS(Cascading Style Sheets)とは、HTMLやXMLをどのように装飾するかを規定する仕様。従来のHTMLを、「構造」と「体裁」を分離するために提唱された。CSSでは、各メディアに合わせて表示を変更することが出来るほか、デフォルトの状態から複数のプロパティを上書きしていくことも可能である。
642
質問
1
票
1
回答
3,028
閲覧数
table-hover が効かない
<div class="container" style="padding:20px 0">
<table class="table table-striped table-bordered table-hover table-condensed">
<thead>
<tr><th>foo</th>...
0
票
1
回答
548
閲覧数
1つの検索欄で、2つの列に検索を掛けたい
下記ソースには、column-Name、column-Positionの検索入力欄があり、それぞれの入力欄はそれぞれの対象列(NameとPosition)に対して検索を掛け、一致した行のみを描画します。
ここで、
この2つの検索欄を1つにし、この1つの検索欄で2つの列(NameとPosition)に対する検索(or検索)が出来るようにしたいのですが方法が分かりません。
ご教授をお願いします。
...
-2
票
2
回答
905
閲覧数
Jsonデータを10行2列に並べて表示したいです
下記ソースの通り、JsonのNameデータが最大20件(最大20件で最小1件が)送られてきます。
そのデータを画面出力する際、10行2列に並べて表示したいのですが、
実装方法が分かりません。ご教授をお願いします。
・java script Jsonデータ取得時
$.get(url, function (jsonData) {
});
・現在のHTMLです
<...
1
票
2
回答
1,288
閲覧数
取得したfile objectを、submitの対象にするには?
javascriptで、drag&dropされたファイルのfile objectを取得しており、そのファイル情報を画面に出力しています。
ファイル情報出力時、input type="file"タグに取得ファイルを設定して画面に出力することはセキュリティ上できないようなので、Pタグで表示していますがsubmitボタン押下時のsubmit対象にはなりません。
取得し、...
1
票
2
回答
2,704
閲覧数
CSS3で画面を6分割したい
CSS3の勉強兼、Bootstrap3.2の勉強をしています。
ヘッダ、フッタがある状態で真ん中の部分を6分割しようとしています。
縦は3分割できたのですが、縦が2分割できません。
現在は高さを50%としていしていますが、明らかに2分割しているとは言えません
縦も2分割したいのですが、どのように修正したらよいでしょうか
また、現在はDIVタグ内部にテキストを配置しておりますが、
...
2
票
6
回答
8,835
閲覧数
JavaScriptやCSS内に記述するファイルへの絶対パス(フルパス)について教えてください。
CentOS(Linux)のお話になりますが、異なるディレクトリにあるHTMLファイルや
PHPファイルから参照できるように、JavaScriptやCSS内に記述されている
相対パスを絶対パスに変更したいです。
つまり、例えばJavaScriptだと、
$("#size_s img").attr("src","common/img/XXXXXXX.gif");
と記述されているのを、
$("...
0
票
2
回答
1,042
閲覧数
四角枠内にファイルをドラッグオーバーした際、ドロップ用のエリアを表示させたい または、 innerHTMLを非表示にしたい
現在は下記ソースのように、四角枠内(dropエリア)にdropするとそのファイル情報が表示されます。
しかし、ファイル情報によってdropエリアの範囲が狭くなってしまうので、これを改善したいと考えてます。
そこで、下の①か②の方法で改善しようと考えています。
①四角枠内にファイルをドラッグオーバーしたら、別でdropエリアを四角枠内に表示させるようにする
→javascriptから「...
2
票
1
回答
2,676
閲覧数
DataTablesのページ選択のデザインを、ボタンにする方法が知りたいです。
現在のCSSは下記の通りで、ページ選択のデザインはボタンではなく文字です。
その文字をクリックすることで、ページが遷移します。
そして、この文字をボタンにしたいのですが、方法が分かりません。
ご教授をお願いします。
.dataTables_paginate {
float: right;
text-align: right;
padding-right:6px;
...
0
票
1
回答
1,687
閲覧数
WordPressテンプレート化でsingle.phpを認識してくれません。
WordPressを始めました。
しかも超初心者で、HTML、CSS、PHP等Web環境もいまいち理解できていない状況です。
でも何とか頑張ってやっています。
さて本題です。
他Webサイトを参考にしながら、HTMLとCSSで制作されたサイトの一部を
WordPressに置き換えて、WordPressで記事を書き換えできるよう
仕様変更をしています。
他Webサイトの指示通り、
...
0
票
1
回答
242
閲覧数
thタグにマウスオーバーした際、マウスオーバーしているthタグの枠線を青色に変えたい
現在は下記のソースのように、thタグの枠線は白に設定しています。
マウスオーバーした際に、この枠線を青に変えたいのですが方法が分かりません。
*現在のCSS(対象のthタグ部分のみ)
table.dataTable thead th {
text-align: center;
padding: 3px 0px 3px 0px;
border: 1px solid ...
2
票
2
回答
2,865
閲覧数
overflow:scrollで内包されている要素の中のツールチップの実装がしたい
サンプルコード
<div class="layer1" style="overflow:scroll;">
<ul>
<li class="layer2" style="position:relative;">
<button>btn</button>
<p class="tooltip" ...
1
票
1
回答
874
閲覧数
WordPressで新規ページを作成するのに困っています。
今度はWordPressを始めました。
(というかやらざるを得なくなりました・・・)
ちなみに私、HTMLもCSSもPHPも超初心者で、さらにWordPressなるものを初めて触ります。
現在制作中のWebサイトですが、基本的にはほぼ全て静的なHTMLとCSSで作成しております。
デザインはWebデザイナーがおりますので、その方にお任せしています。
(一部PHPを使っておりますが、...
2
票
3
回答
1,819
閲覧数
データの無い行も含めて、常に50件表示したい
現在下記ソースのようにjqueryのcolumnsを使用して実装をしています。
データの無い行も含めて常に50行を表示したいのですが、方法が分かりません。
また、常に50行を表示したいので、表示行数設定は削除したいです。
ご教授をお願いします。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
...
1
票
3
回答
4,714
閲覧数
2列 50行のテーブルを簡単に作成したいです
現在は下記のようにひとつひとつ行を作っています。
<table id="sampleTable" class="tablesorter">
<thead>
<tr>
<th>都道府県名</th>
<th>読み</th>
<...
0
票
1
回答
2,279
閲覧数
背景画像をスライドショーしたいのですがwidth指定の方法が分かりません。
背景画像がはみ出てしまうのですが、横幅をマックスにする方法を教えていただけないでしょうか?
body {
/* margin: 0 10px;
padding: 0 0 50px;
background: #F2F2F2;
color: #222;
line-height: 1;
font-size: 20px;*/
}
.header, ....
6
票
4
回答
2,432
閲覧数
img要素の読み込み完了後に非表示要素を表示したい
img要素の読み込み完了を検知し、非表示要素を表示するため、onload=""を使用してCSSの生成を行いたいのですが、いまいち方法が理解できておりません。
<style>
セレクタ {display: none;}
</style>
上記のCSSを、onloadを使用して
<style>
セレクタ {display: block;}
</...
1
票
2
回答
1,079
閲覧数
IE8で[attribute="value"]セレクターを使用した際に、DOMの属性の変更が画面が反映されない
[data-value="1"]のような要素の属性値によるセレクターでスタイルを指定しているのですが、IE8 (IE Tester使用) で見た時に初期状態は正しく表示されるのですが、JavaScriptからDOMの属性値を変更した際に表示が更新されません。
下記に簡単なサンプルを記載します。ボタンを押すたびにdata-value属性が変わり、Helloの背景色が変わるはずです(IE9以降、...
0
票
1
回答
9,039
閲覧数
SPANタグの TITLE属性で表示される ToolTipのフォントサイズを変更したいです
SPANタグに TITLE属性を付けておくとマウスオーバーで ToolTipが表示されます。
このとき、表示されるフォントのサイズが少し小さくなるので、これを元の文字と同じサイズで表示したいのですが、どのようなCSSを記述すればよいでしょうか?
1
票
2
回答
185
閲覧数
htmlで画像の変更が適用されません
最初に適用した画像から他の画像に差し替えたのですが、
最初の画像が常に表示されている状態です。
この問題の解決方法が分かる方がいましたら、ご教授お願いします。
対象の画像はCSSにて、下記のように指定しているasc.gifです。
background-image: url(asc.gif);
またasc.gifは下記画像のように配置されています。
2
票
1
回答
1,064
閲覧数
LightBox2 でキャプチャのサイズをそれぞれ指定などしたい
Lightbox2 で小さい画像をクリックして下の画像のように大きく表示させるまではできました。しかし、本来は赤丸の内部にキャプチャを表示させたいですし、 "Go to blog!" のフォントは "Taro Yamada" より小さくしたいです(それぞれフォントサイズをコントロールできるようにしたいです)
現状のプログラムは以下のとおりです。
<!doctype html>
&...
4
票
1
回答
2万
閲覧数
<body>内に<style>を設定したときの動作仕様
<style>タグは通常<head></head>内に置くものといった説明がされていますが、<body>
内に置いたときの動作がどうなるかの説明はどこかにないでしょうか?
対象はメジャーな最新ブラウザのみでよいです。
試しに、Safari8.0.3で以下のhtmlを表示すると、<div>hoge</div>...
1
票
1
回答
168
閲覧数
代用ボタンのクリックを、本物のボタンに適用したい
代用ボタンのクリックを、本物のボタンに適用したいのですが、
方法が分かりません。
因みに本物のボタンは非表示になっています。
<button type="button">代用ボタン</button>
<input type="file" id="本物のボタン" name="fileselect[]" multiple="multiple" />
1
票
1
回答
5,564
閲覧数
HTML 文字の隣にあるテキストボックスが一段下がってしまうのを防ぎたい
文字の隣にテキストボックスを配置したいのですが、
画面幅のせいかテキストボックスが文字の下段に移動してしまいます。
これを防ぐ方法はありませんか?
分かる方がいましたらご教授をお願いします。
<span>
文字
<input type="text" style="width:450px;">
</span>
3
票
1
回答
262
閲覧数
CSSセレクタの中にある「>」
jQueryのCSSセレクタの中にある「>」の存在理由がわかりません。
元のhtml
<div id="button1">
<button>aaa-btn<span class="big">
<span>aaa</span></span></button>
css
何かしら適当な色や形状
...
1
票
0
回答
240
閲覧数
Android4.3 以降のデフォルトブラウザでbackground-size:coverは使えない?
Android4.3ブラウザでbackground-size:cover;の適応が確認できなかったため質問させていただきます。
background-size:cover;と、background-size: auto 100%;を使って確認したのですが、適応されていませんでした。
GooglePlayから、GoogleChromeをインストールを行い確認したところ、適応されていました。
...
7
票
6
回答
2万
閲覧数
.min のファイルはどうやって作るのですか
jQueryやBootstrapなど .min とついているファイルはスペースやコメントもなくギュウギュウ詰めで書かれているのですが、このようなものはどうやって作成するのでしょうか?
0
票
2
回答
2,552
閲覧数
getFilesDir() でローカルに保存した HTML ファイルが動きません
どなたかご助力下さい。
getFilesDir() で、 data/data/パッケージ名/Files/○○○ の下に
css フォルダ
javascript フォルダ
画像フォルダ
html ファイル
を配置しています。
※ これらは HTML 経由で ZIP ファイルをダウンロード後、こちらに解凍しております。
この HTML ファイルを WebView の loadURL ...
3
票
3
回答
5,674
閲覧数
大枠をコーディング不要で作成できる Webオーサリングツール
HTML/CSS を構築するにあたってできればコーディング不要、つまりグラフィカルなツールでの編集・プレビューを行いたいのですが、
何か良いツールはありませんでしょうか。
静的なページというよりは、何かしらのWebフレームワーク (Ruby on Rails, CakePHP, Django 等) と組み合わせるためのデザインを構築する際に使えるグラフィカルツールを必要に感じています。
過去(...
1
票
1
回答
6,499
閲覧数
divの高さを揃えたい
cssのtableとtable-cellを使ってdivを横に並べ、さらに入れ子にしたdivの高さを揃えたいです。下のsnippetで、赤い枠線の高さを左側と右側で同じにしたい。
左側の高さは内側の要素によって変わるので、heightを明示的に指定することはできません。
JavaScriptを使用せずにcssのみで可能でしょうか?
.table {
display: table;
...
2
票
0
回答
889
閲覧数
Chromeで印刷したとき、Tableの行高さがおかしくなる
Tableタグで構成された表をChromeで印刷すると、tdの高さがランダムに倍になってしまいます。
<table>
<tr>
<td>名前</td>
<td>住所</td>
<td>電話番号</td>
</tr>
</...
3
票
1
回答
2,089
閲覧数
jQuery のアコーディオンに、それぞれのコンテンツ縦幅を設定したいです
アコーディオンを使ったウェブページをつくっておりまして、そのアコーディオン自体は正常に動いております。(動作は問題ないです)
アコーディオンは5つありまして、その一つ一つにそれぞれのコンテンツをいれたサイトを作りたいのですが、たとえばAのコンテンツを開くと縦幅が長すぎて、下のほうに空欄が出てしまいます。(B,C、D、Eも同様です)。
JavaScript で CSS ...
1
票
1
回答
2,883
閲覧数
ChromeのDeveloperツールで編集したStyleを一括コピーする方法
スタイルシートを編集するときに添付した画像のようにChromeのDeveloperツールでスタイルシートを編集して、その値をメモしておいてstyle.cssなどに記述するという方法をとっているのですが、この値を一括してコピーする方法はありますか?
今回の場合ですと
.wp-caption .wp-caption-text {
margin: inherit;
font-size: ...
3
票
1
回答
532
閲覧数
iPhone 6 Plus で `box-shadow` が transition 中に レンダリングしない
translate で 移動させている際に box-shadow の描画が消えてしまい
transition が終了されると再描画されるという現象に悩んでます。。
box-shadow 自体がレンダリングされないというバグの報告は幾つかあるのですが、
transition 中にだけ消えるので困っています
誰かご助力お願いします。
iOS は 8.0.2 です。
3
票
5
回答
2万
閲覧数
Tableのヘッダ固定、列固定
Excelの「ウィンドウ枠の固定」のようにTableのヘッダ行や列を固定したいです。
colspanやrowspanを用いてセル結合しているTableでも適用可能な手法やライブラリはあるでしょうか?
4
票
1
回答
1万
閲覧数
モバイルブラウザでピンチインしても位置・サイズの変わらない固定要素を作る方法
メニュー付きのコンテンツ表示ページを作ろうと考えています。
ピンチイン・アウトで画像を自由に拡大縮小が可能。画面の上下に常時メニューが表示される。メニューはコンテンツを拡大縮小しても固定位置・サイズである。コンテンツの拡大縮小はブラウザの処理に任せる。
という条件のUIを考えておりまして、以下の様なサンプルを作ってみました。
http://fushi.x0.com/php_system/...
16
票
2
回答
1,874
閲覧数
引用符のガイドライン
htmlタグの属性値
CSSのプロパティ(urlなど)
JavaScript の文字列リテラル
これらで使用する引用符はシングルクォート、ダブルクォートのどちらも使用できますが、メンテナンス性を考慮してスタイルを統一したいです。
また、
htmlタグのイベント属性(onlickなど)に直接JavaScriptを記述する場合
JavaScriptで属性値付きのhtmlタグを編集する場合
...
4
票
1
回答
311
閲覧数
StackEditからBloggerに投稿したら画像とコードの部分がはみ出る
始めて質問します。
いろいろ調べたことを残すためにブログを始めてみようと思い、StackEditからBloggerに投稿が可能ということで始めてみました。
いざStackEditからtemplateを使って投稿してみましたが、以下のように画像部分とCodeの部分が本文のエリアからはみ出してしまいました。
cssの変更が必要かと思い、css自身をstackeditのgithubからDLし、...
2
票
2
回答
173
閲覧数
Web Essentials のcssチェック内容をカスタマイズする方法
Visual Studio で .cssファイルに
div {
border-radius: 5px;
}
と書いても何も言われないのですが、
div {
transition-duration: 1s;
}
と書くと
Browser compatibility: Add missing vendor specific properties to 'transition-...
6
票
1
回答
418
閲覧数
ベンダープレフィックスを自動的に付与する方法
Visual Studio 2013(+ Web Essentials)でSass(.scss)ファイルを編集しています。
.scssファイルに
div.border {
border-radius: 5px;
}
と書いたらレンダープレフィックスを自動的に付与して、cssに
div.border {
-o-border-radius: 5px;
-moz-border-...
2
票
3
回答
1,286
閲覧数
CSSで個数が不定のときに個々の長さが同じ横並びメニューを実装したい
CSSで、メニューの項目数が不定の時に一つ一つの項目の長さが統一されている横並びメニューをulとliを用いた方法で実装したいです。
メニューの項目数が固定ならば項目の長さを統一できるのですが、不定の時にどう実装すればいいかがわかりません。
HTMLは次のような形です。
<div class="menu">
<ul>
<li><a href="/...
2
票
2
回答
1,219
閲覧数
EclipseでJavaScript、CSSをMinify&Bundleしたい
Eclipse(struts2)でWebアプリケーション開発を行っているのですが、ASP.NET MVCのようにJavaScriptやCSSを実行時にMinify、Bundleするにはどのような方法があるでしょうか?
4
票
3
回答
3,737
閲覧数
jQuery / JavaScriptで、ロード画面を表示させたい
作成したWebサイトのページに含まれるDOM要素が多く、ページの表示が遅い。
また、JavaScriptなどで再レイアウトされる要素が崩れるといった症状がでている。
すべての要素が読み込まれるまでページを表示させず、すべての要素が読み込まれた時点でページを表示させるにはどうすればよいか。