セルの高さが変化しない（ワードプレス）

解決済

質問者：arbert
質問日時：2014/08/13 21:32
回答数：3件

ワードプレスを使っています。
サイドバーに表を置いているのですが、「セルの高さ」が小さくなってくれません。
<td height="15px">などと指定しても変化がありません。

セル内の上下に余計な空白ができていますので、これをなくしたいと思っています。
どうすればよいでしょうか？。

ちなみに、この表は「テーマ編集」→「 (sidebar.php)」に記述しています。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

このQ&Aに関連する最新のQ&A

「サイドバー WordPress」に関するQ&A：サーバー設置ワードプレスのサイドバーに画像が表示されない。FFFTPで送った画像URLが分かりません

さらに表示

「CSS テキスト」に関するQ&A： CSSのみで画像とテキストに同時にリンクを貼りたい

「F1 ルール」に関するQ&A：Ｆ１のルール

「PHP WordPress」に関するQ&A： Wordpressのphp編集したらエラー出ました

「編集 WordPress」に関するQ&A： HPBで作成したWordPressサイトの再編集

「HTML 属性」に関するQ&A： HTML属性での「"」　「''」違い

「WordPress とは」に関するQ&A： WordPressとはなんですか？。

「CS ルール」に関するQ&A：ＣＳのルールについて

「ユーザーエージェント変更」に関するQ&A：ユーザーエージェントによって表示される画像を変更したいのですが

「style 属性」に関するQ&A： style属性を使って擬似クラスを表現することは可能ですか？

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： ORUKA1951
回答日時：2014/08/14 08:20

　ウェブページ作成となると、開発者向けツール(

https://addons.mozilla.jp/firefox/extensions/dev … )の豊富なfirefoxをお使いだと思いますが、 Firebug( https://addons.mozilla.jp/firefox/details/1843 )があれば、F12でスタイルの適用が確認できるはずです。
　CMSやブログツールで、テンプレートを、そのまま使用しないのでしたら、当然HTML/CSSの知識はテキストエディタで作成できる以上の知識が必要です。なぜなら、しばしば複雑で分かり難いソースを相手にしなければならないし、そのツール独特の癖やルールの知識が必要だからです。
　★ここは理解されていますよね。

<td height="15px">
　HTML要素の属性での指定は、
『ユーザーエージェントは、HTMLソースドキュメントの体裁用の属性を尊重してよい。その場合、これらの属性は0に等しい詳細度と対応するCSS規則に変換され、それらは著者スタイルシートの先頭に挿入されたかのように扱われる。( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )』
　です。詳細度は0にしかなりません。
　一方、
<td style="padding:0px;">
の場合は「HTMLでは、要素の"style"属性値は、スタイルシート規則である。これらの規則はセレクタを持たないので、a=1、b=0、c=0、かつd=0。( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )」

　他での指定（セレクタや詳細度）がどうなっているか分かりませんが、
tableの関連したプロパティは
　border-collapse、border-spacing、line-height、height、paddingなどが関わります。
　firebugで、その要素にどのようなスタイルが、どうカスケーディングの上、有効になっているかを確認してみましょう。
　少なくとも、セレクタやカスケーディングはCSS(カスケーディングスタイルシート)の命ですから、それを理解したうえで指定すると簡単です。
5 セレクタ( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
6 プロパティ値とカスケーディング、継承の割り当て( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
いただいた情報を参考にしながら、もう一度整理してみたいと思います。

通報する

お礼日時：2014/08/14 21:18

No.2

回答者： ONEONE
回答日時：2014/08/13 22:21

ブラウザの開発者ツールは使っていますでしょうか？

F12キーで出てきます。

あたってるスタイルを確認したり、変更できます。

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
F12を押すとソースが出てきますが、そういうものは使っていません。

通報する

お礼日時：2014/08/13 22:34

No.1

回答者： dolittle0
回答日時：2014/08/13 21:50

style.css で td に対して、padding等の設定がされていないでしょうか？

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。

<td style="padding:0px;">としています。
ですので、この影響はないと思います。

通報する

お礼日時：2014/08/13 22:05

このQ&Aに関連する人気のQ&A

「編集 PHP」に関するQ&A： EXCELの自動リンク箇所の確認と解除方法

さらに表示

「ユーザーエージェント変更」に関するQ&A： googleから不正アクセス疑いの通知、間違いでは？

「F1 ルール」に関するQ&A：鈴鹿サーキットが過大評価されるわけは？

「編集 WordPress」に関するQ&A： outlook2013 受信したメール名前変更

「style 属性」に関するQ&A：仕事が忙しく疲れている彼に対して、どうしてあげたら？

「CS ルール」に関するQ&A：サラリーマンしながら会社建てると社会保険はどうなる

「ワードプレス」に関するQ&A： wordpressの記事投稿を知る方法

「HTML 属性」に関するQ&A：テーブルの行の高さを指定する時全てのtdタグに？

「PHP WordPress」に関するQ&A： wordpressがログアウト状態だと制作したwebページが表示されません

「CSS テキスト」に関するQ&A：テキストエリア内の文字の装飾

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

専門家回答数ランキング

専門家

※過去一週間分の回答数ランキングです。

質問する（無料）

他の専門家の回答をチェック

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qテーブルセル余白（例えば左側だけ、上側だけ、など）

こんにちは。
宜しくお願いいたします。

テーブル内のコードに、cellpadding="5" は
セル余白が上下左右のすべて、5ピクセル空きますが、

左側だけ5ピクセル、とか、上側だけ５ピクセル、のように
指定方向のみ、余白を作ることは可能でしょうか。

その場合のHTML記述を教えてください。

また、ここで質問させていただいている「指定方向への余白指定」と
全体余白指定の「cellpadding="ＸＸ"」は同時に使って
良いものでしょうか。
素人質問ですみません。
宜しくお願いいたします。

Aベストアンサー

１つのセルだけなら、下記で。
<td style="padding: 5px 10px 20px 30px;">
上の例は、上が 5px。右が 10px。下が 20px。左が 30px。
適当に数値変更してください。
cellpadding="5" と style="padding: 5px;"は同じになるはず。
<td style="padding: 5px;">

両方使うとどうなるかは、試して下さい。
cellpadding をここ数年利用していないので・・・

複数個所利用するなら、NO.1さんを参考に HEAD内に下記を入れて試してみましょう。
<style type="text/css">

</style>

他の回答も見る

Q一部CSSを無効にする

数ページのテーブルをcssファイルを使って半透明化させ背景が薄く見えるようにしています。
そこでテーブル自体だけでなくテーブル内の画像や文字も半透明化されるのですが、あるページのテーブル内にある数枚の画像のみを半透明化したくない場合、どのように書けば良いですか？
CSSはあまり、というか全く詳しくなくて、idやclassというのも調べてみたのですが、
目的のものに辿りつけず…困っています。宜しくお願いします。

Aベストアンサー

　とりあえず下記サイトは読まれましたか？下記は比較的わかりやすく説明していると思います。

参考URL：http://www.tohoho-web.com/css/basic.htm

他の回答も見る

QCSSでborderの長さを指定、または可変にしたい。

下記のように指定していますが、これだと横幅いっぱいに下の線が表示されてしまいます。

文字なりの長さ、または指定のピクセル数にしたいのですが、どのようにしたらよいでしょうか。

h3{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

Aベストアンサー

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数（ボックスの内容）に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよけ...続きを読む

他の回答も見る

QEXCELをJPEGで保存ができますか。

写真があります。

EXCELで挿入→写真で
EXCELに写真を貼り付けます。

いろいろな文字を入れて
EXCELで保存することはできます。

ところで
しかし保存の方法をEXCELをJPEGで保存したいのですが。
できますか

JPEGで保存すると写真屋さんで印刷ができると言われたので
このようなことができたら、教えてください。

よろしくお願いします。

Aベストアンサー

スクリーンショットをJpegで保存すると言うのでよいのでしょうか？

1. エクセルのJpeg化したい画面を表示しAlt+PrintScreenを押します。
2. Paint等を開きCtrl+Vで貼り付けます。
3. Jpegで保存します。

他の回答も見る

Q２つのシート間での重複データのチェック

Excelについて教えてください。
以下の２つのシートがあります。

Sheet1
すずき 03-0000-0000
やまだ 03-1111-1111
たなか 03-2222-2222

Sheet2
03-1111-1111
03-4444-4444
03-0000-0000
03-2222-2222

Sheet1には名称と電話番号、Sheet2には別所から抽出した電話番号のみのデータがあります。
Sheet1のデータの中からSheet2に電話番号があるものだけを知りたいのですが、たとえばSheet1の各行のC列に Sheet2に一致する番号があった場合は●等付けるにはどうすればよいでしょうか。

よろしくお願いします

Aベストアンサー

シート１のＣ列に式を入れます。
=IF(ISNA(VLOOKUP(B1,Sheet2!A:A,1,FALSE))=TRUE,"－","●")

【式の説明】
シート１のセルＢ１の値が、シート２のＡ列に、存在する場合は●を、存在しない場合は－をセット。

他の回答も見る

Q画像イメージの上下左右、欲しいところに好きな間隔を入れられますか？

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver（ドリームウィーバー）2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方...続きを読む

Aベストアンサー

HTMLの初歩です。具体的には、
-------------------------------------------
<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 10px 20px 0 30px;">

上10px　右20px　下0　左30px　の四方の隙間が開く。
数値は例なので適当に変更を。
-------------------------------------------

<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 5px 20px;">
上下5px　右右20px　の2方の隙間が開く。

他の回答も見る

Qエクセルでコピー領域と貼り付け領域の形が違うエラー

お世話になっております。
エクセルでセルの左上をクリックし、シート全体を選択して、他のブックに
このシートをコピーアンドペーストしようとすると、
コピー領域と貼り付け領域の形が違うというようなエラーが出て、貼りつける
事ができません。
左上の数字を見ると、片方は65536R×256C
もう片方は1048576R×16384C
となっており、明らかにセルの数が違うことが原因なのかなと思ったりもし
ます。
65536R×256Cでマクロを作成してしまっているため（エクセル2003で作成済分）
、もう片方の1048576R×16384Cのエクセルシートを65536R×256Cのセル数に変更する
ことができれば、大変ありがたいです。（現在はエクセル2007です。）
上記のような事は可能でしょうか？
可能であるならば、方法をお教えいただきたく。
よろしくお願いいたします。
なんとかして、以前作成したマクロを使えるように致したいですので。

Aベストアンサー

解決策１(推奨)：
貼り付け先ブック(マクロが登録してある方)を，名前を付けて保存でファイルの種類を「Excelマクロ有効ブック」に変えて保存する
ファイル名が「今のブック名.xlsm」に変わるので，今のマクロを修正する

解決策２：
「シートの全部のセルをコピーする」のと「シートをコピーする」のでは，まったく意味が違います。

新しいマクロの記録を開始する
コピー元のブックを開き，
シート名タブを右クリックして「移動コピー」を開始し
コピーにチェックを入れ
移動先ブック（マクロブック）を指定してＯＫする

記録されたマクロを編集し，コピー元ブックをgetopenfilenameで指定できるように修正する。

解決策３：機能が劣るためあまりお奨めしません
そもそも「全セルを選んでコピー貼り付ける」なんて乱暴なことをしているので，失敗します。
コピー元がどんな大きさなのか不明なのは勿論仕方がないことですが，せめて「大体この範囲」みたいなのをつかんで仕事をしてもバチは当たりません。
もしもそれで，実際にコピー元が「ＩＶ列よりも右にはみ出して確かにデータがある」と確認できたのでしたら，それはもう今の256列のマクロブックじゃそもそも納まらないってことです。その時は解決策１に移行するしかありません。

作成例：
sub macro1()
　dim myFile
　myfile = application.getopenfilename()
　if myfile = false then exit sub
　workbooks.open filename:=myfile
　range("A:Z").copy　　’たとえば最大でもＺ列止まりなら。
　thisworkbook.activate
　range("A1").select
　activesheet.paste
end sub

どーしても「全部のセル」を指定したくてしたくてシカタないなら，
range("A:IV").copy
のようになります。

他の回答も見る

Qテーブルの行の高さを指定する時全てのtdタグに？

スタイルシートでテーブルの行の高さを指定する時は、
全てのtdタグにスタイルシートを指定するべきか、
１つだけ（一番左だけ）指定すればいいのかわからないので押してください。

全てのtdタグに指定しても、一つのtdタグに指定しても、結局はその行の高さは指定した高さになります。

コードを書く上でどちらが適切か教えてください。
--------------------------------------------------

<style type="text/css">

td.test {height: 50px;}

</style>

<body>

１の例<br>（2列ともclass="test"を入れた...続きを読む

Aベストアンサー

テーブルの行の高さ、なので <tr> タグに指定するのが素直でしょうか。

<style>
table tr { height:1em; } /* 全ての行に適用 */
table tr.test { height:3em; } /* 特定の行のみ適用 */
</style>

<table border>
<tbody>
<tr> <td> 1 <td> 2
<tr> <td> 3 <td> 4
<tr class=test> <td> 5 <td> 6
</table>

他の回答も見る

ページトップ