こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

wordpressの空白設定について

wordpressのサイドバー(ウィジェット)に以下のコードを書きましたが、右側に余白ができずに困っています。(詳細は、画像をご参照ください)

赤矢印のところに、5pxくらいの余白を設定したいです。

どうすれば、右側にも余白を設定できるのでしょうか?

どうぞよろしくお願い致します。

<div class="twibox">
<div class="textwidget"><img width="100" height="100" src="http://XXX.XXX.jp/pic/XXX.png" alt="" / class="float-left" style="margin:5px 14px 5px 12px;"><ul><li>
名前:XXXX<br/>
年齢:XXXX<br/>
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</li></ul></div></div>

大変申し訳ございませんが、この投稿に添付された画像や動画などは、「BIGLOBEなんでも相談室」ではご覧いただくことができません。 OKWAVEよりご覧ください。

マルチメディア機能とは?

投稿日時 - 2014-07-27 00:18:05

QNo.8693762

すぐに回答ほしいです

質問者が選んだベストアンサー

基礎すら理解していないようで。


<li style="padding: 5px;">

これだと、全周囲5pxの余白が出来る。
右だけなら右だけ指定するか、全周囲分指定する。
全周囲分指定するなら、親要素や隣接する要素のmarginやpadding、size、width、heightの数値を考慮して指定しないと、レイアウトが崩れる。


前にも書いたけど、カスタマイズするならHTMLとCSSの知識は必須。精進せよ。

投稿日時 - 2014-07-27 12:59:12

お礼

Kaneyan-R様

詳細にご指導いただきまして誠にありがとうございました。

やりたいことができました!!!

まだまだ勉強不足なので、おっしゃる通り精進したいと思います。

頑張ります!

投稿日時 - 2014-07-27 23:11:48

このQ&Aは役に立ちましたか?

6人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

liタグにpadding指定。
もしくは、class作ってCSSで指定。

textwidgetでpaddingとってもいいかもしれないが、多分他がおかしくなると思うので。

言ってる意味が分からないようなら、HTMLとCSSの基礎を勉強しましょう。

投稿日時 - 2014-07-27 00:41:12

お礼

ご回答ありがとうございました!

あと1つだけ教えてください。
「liタグにpadding指定」というのは、
具体的には

<li padding: 5px;>
名前:XXXX<br/>
年齢:XXXX<br/>
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</li>

とすればよいのでしょうか?

よろしくお願い致します。

投稿日時 - 2014-07-27 08:10:29

あなたにオススメの質問