2005年10月21日
かっこいい引用の仕方
先日からブログでの引用の表示方を変えている。
引用部分を
ここに引用文が入ります。
なんたらかんたら、ほほいのほい。
こんなふうに枠で囲われるようにした。
やり方はスタイルシートに
BLOCKQUOTE {BORDER: 1px solid #99CC33; margin: 3px 20px; padding: 5px 5px 5px 5px; background-color:#FDFFF5;}
と書き込んで、引用する部分の文章を<blockquote>と</blockquote>で囲めばいい。
実際のmarginとpaddingの値はそのブログのデザインによって異なるので変更する必要がある。
とよろこんで書いていたら、ちょっとめんどくさい問題がおきてきた。
BLOCKQUOTEの中を<p>タグでくくろうとすると、左右の余白などが変ってきてあまりうまくいかない。これはコメントの中の<p>の部分に指定されたスタイルが影響してしまうらしい。
H17.11.9 追記
人に聞いて
blockquote p {
margin: 3px 10px 0 10px; padding:0}と書くことでバランス良く表示されるようになりました。
最初blockquoteにスタイル設定すればもともとのpのスタイルは無視されるかと思ったら、そうではなくblockquoteとしてもそこにpのスタイルも適用されているようだ。
この記事について 
この記事についての感想などコメント欄に書いてください。
管理人はあまりレスしませんので気楽にどうぞ。
管理人はあまりレスしませんので気楽にどうぞ。
コメントしてください
Recommendation
Search
Monthly Archives
2011年03月 [2]
2010年12月 [1]
2010年11月 [1]
2010年10月 [2]
2010年08月 [2]
2010年07月 [1]
2010年06月 [2]
2010年05月 [2]
2010年04月 [2]
2009年10月 [1]
2009年09月 [5]
2009年08月 [3]
2009年06月 [1]
2009年05月 [1]
2009年04月 [2]
2009年03月 [3]
2009年02月 [5]
2009年01月 [3]
2008年12月 [5]
2008年11月 [2]
2008年10月 [4]
2008年09月 [5]
2008年08月 [1]
2008年07月 [3]
2008年06月 [2]
2007年03月 [2]
2007年02月 [3]
2007年01月 [1]
2006年12月 [3]
2006年11月 [2]
2006年10月 [5]
2006年09月 [2]
2006年08月 [2]
2006年07月 [5]
2006年06月 [4]
2006年05月 [5]
2006年04月 [4]
2006年03月 [5]
2006年02月 [9]
2006年01月 [10]
2005年12月 [4]
2005年11月 [4]
2005年10月 [8]
2005年09月 [3]
2005年08月 [4]
2005年07月 [1]
2005年06月 [2]
2005年05月 [3]
2005年04月 [2]
2005年03月 [9]
2005年02月 [8]
2005年01月 [12]
2010年12月 [1]
2010年11月 [1]
2010年10月 [2]
2010年08月 [2]
2010年07月 [1]
2010年06月 [2]
2010年05月 [2]
2010年04月 [2]
2009年10月 [1]
2009年09月 [5]
2009年08月 [3]
2009年06月 [1]
2009年05月 [1]
2009年04月 [2]
2009年03月 [3]
2009年02月 [5]
2009年01月 [3]
2008年12月 [5]
2008年11月 [2]
2008年10月 [4]
2008年09月 [5]
2008年08月 [1]
2008年07月 [3]
2008年06月 [2]
2007年03月 [2]
2007年02月 [3]
2007年01月 [1]
2006年12月 [3]
2006年11月 [2]
2006年10月 [5]
2006年09月 [2]
2006年08月 [2]
2006年07月 [5]
2006年06月 [4]
2006年05月 [5]
2006年04月 [4]
2006年03月 [5]
2006年02月 [9]
2006年01月 [10]
2005年12月 [4]
2005年11月 [4]
2005年10月 [8]
2005年09月 [3]
2005年08月 [4]
2005年07月 [1]
2005年06月 [2]
2005年05月 [3]
2005年04月 [2]
2005年03月 [9]
2005年02月 [8]
2005年01月 [12]
Categories
blog設置とカスタマイズ [9]
Higeki [4]
mixi [12]
mixiにいる有名人 [1]
Net情報 [35]
TERUMI [2]
Yahooオークション [19]
いちゃもん・いやがらせ [5]
おすすめ [11]
エンターテイメント [5]
コピペ [15]
ニコ生 [3]
ネットアイドル [8]
ノンジャンル [35]
プロフィールと更新履歴 [2]
日記 [23]
注目人物 [9]
苑子 [5]
過去ログ [2]
Higeki [4]
mixi [12]
mixiにいる有名人 [1]
Net情報 [35]
TERUMI [2]
Yahooオークション [19]
いちゃもん・いやがらせ [5]
おすすめ [11]
エンターテイメント [5]
コピペ [15]
ニコ生 [3]
ネットアイドル [8]
ノンジャンル [35]
プロフィールと更新履歴 [2]
日記 [23]
注目人物 [9]
苑子 [5]
過去ログ [2]
Recent Entries
My Site
Entry Ranking （2011.3～）
Recognition
この blog の価値は $44606.56
（約5253314円）です。
あなたのBlogのお値段は？
作成者:りょーち
Ｃｏｕｎｔｅｒ
| 累計: 本日: 昨日:  |
Powered
Follow me
お気に入りに↓追加
