FTPソフト
ホーム > タグの勉強
2017-10- / 09-<< 12345678910111213141516171819202122232425262728293031>>11-






リストマークが表の枠に重なった時の対処方法

リストマークを設定したときに、使用中のテンプレートによっては表の枠などに重なってしまうことがあります。

どういうことかというと、↓のような感じになるってことです(`-д-;)ゞ
リストマーク

重なってますね~…。

この原因は、ul要素に対しての幅設定が関係しているみたいなんですが、
マネキ☆ネコも詳しくないので説明は割愛ww

対処方法としては、枠内の左の余白(padding-left)を設定すればOKです!

<ul style="padding-left:20px; list-style-image: url(http://blog-imgs-49.fc2.com/m/a/n/manekuyohappy/ya_006.gif);">



このタグを使って作成するとこうなります↓
リストマーク

無事表の中に入ってくれました!
これですっきりと表示できました(o´艸`o)

ライン(星)ライン(星)

クリッククリック2 にほんブログ村 小遣いブログ OLのお小遣い稼ぎへ ブログランキングならblogram
                                      
[ 2012/02/19 ] タグの勉強 | TB(0) | CM(0)

リストマークを画像にする方法

リストのマークを好きな画像に変更する方法です!

リストを使っての段落表示の方法はコチラで確認されてくださいね☆

  • 通常は
  • このように
  • 黒丸で表示
  • されてますよ~( ゚∀゚ )

これを

  • このように
  • 画像で
  • 表示する
  • 方法です( ´艸`)☆ミ

この時のタグは以下のように入力しています。

 <ul style="list-style-image: url(http://blog-imgs-49.fc2.com/m/a/n/manekuyohappy/ya_006.gif);">
<li>このように</li>
<li>画像で</li>
<li>表示する</li>
<li>方法です( ´艸`)☆ミ</li>
 </ul>



まずリストタグにしたい画像を探しましょう!
このリストタグは0円のウェブ素材屋さんからお借りしています!

画像を挿入したときのタグの…

<img src="http://blog-imgs-49.fc2.com/m/a/n/manekuyohappy/ya_006.gif" alt="ya_006.gif" border="0" width="9" height="9" />


赤字の部分を、上記の『url(http://~~』の部分に入力します。

これでタグが画像に変更できちゃいますよ(*≧ω≦)♪

ライン(星)ライン(星)

クリッククリック2 にほんブログ村 小遣いブログ OLのお小遣い稼ぎへ ブログランキングならblogram
                                      
[ 2012/02/18 ] タグの勉強 | TB(0) | CM(6)

【IE9】ポップアップブロックの設定

今回はタグとはちょっと違うんですが、Internet Explorer9での、
ポップアップブロックの解除方法の説明です( ゚∀゚ )

解除方法がなかなか分からなかったので、
同じように悩まれている方に参考にしてもらえれば☆

まず、IEを立ち上げます。

 ↓

上部で右クリックをします。
IE9.png

 ↓

「メニューバー」にチェックを入れてメニュー表示します。
IE9_ツールバー 

 ↓


「ツール」
 → 「ポップアップブロック」 → 「ポップアップブロックの設定」
IE9_ポップアップブロック

 ↓

あとは許可したいサイトを追加設定していけばOKです(〃艸〃)


ライン(星)ライン(星)

クリッククリック2 にほんブログ村 小遣いブログ OLのお小遣い稼ぎへ ブログランキングならblogram
                                      
[ 2012/01/08 ] タグの勉強 | TB(0) | CM(4)

基本的なタグの意味

表などを作るときには、改行の扱いを「自動改行」ではなく「HTMLタグのみ」の方が作成しやすいですよ(・∀・)

HTMLタグでは<br>で改行できます! (すべて半角で記載していきます。)

私もタグはあまり詳しくないんですが、知ってると便利なものを紹介します( ´艸`)
FC2ブログの場合、知らなくてもアンダーラインなど引けちゃうんですが参考までに・・・♪

基本的なタグ
<br>改行
<p> ~ </p>段落
<i> ~ </i>斜体
<b> ~ </b>太字
<u> ~ </u>アンダーライン
<S> ~ </S> 文字を消す(訂正する)
<em> ~ </em>強調
<sub> ~ </sub>下付文字
<sup> ~ </sup>上付文字
<a> ~ </a>ハイパーリンク
<img>イメージ

 


ライン(星)ライン(星)

クリッククリック2 にほんブログ村 小遣いブログ OLのお小遣い稼ぎへ ブログランキングならblogram
                                      
[ 2011/12/20 ] タグの勉強 | TB(0) | CM(5)

段落表示をする方法

リストを使って、段落表示(箇条書き)する方法です(*´艸`*)

     ● このように
     ● 段落表示で
     ● すっきりと
     ● 整理できます♪

この時のタグは以下のように入力しています。

<ul>
<li>このように</li> 
<li>段落表示で</li>
<li>すっきりと</li>
<li>整理できます♪</li>
</ul>
 



 ● このように
 ● 入力すると
  ● さらに段落の中にも 
  ● 段落を
 ● 作れちゃいます♪ 

この時のタグは以下のように入力しています。

<ul>
<li>このように</li>
<li>入力すると</li>
<ul>
<li>さらに段落の中にも</li>
<li>段落を</li>
</ul>
<li>作れちゃいます♪</li>
</ul>




リストのマークの基本は黒丸(●)ですが、変更することもできます。

     ■ 四角
     ○ 白丸

この時のタグは以下のように入力しています。

<ul>
<li type="square">四角</li>
<li type="circle">白丸</li>
</ul> 




記号じゃなく、数字でも表記できます。

 1. このように
 2. 数字で
 3. 表記することも
 4. できます☆

この時のタグは以下のように入力しています。

<ol>
<li>このように</li>
<li>数字で</li>
<li>表記することも</li>
<li>できます☆</li>>
</ol>



番号は連番で表記されますが、途中で数字を変えることもできます(。・w・。 )

 1. このように
 2. 途中で
 7. 番号を
 8. 変えることも
 9. できますよ♪

この時のタグは以下のように入力しています。

<ol> 
<li>このように</li>
<li>途中で</li>
<li value="7">番号を</li>
<li>変えることも</li>
<li>できますよ♪</li>
</ol>




上手に段落を使っていきましょう(人´3`*)♪
ライン(星)ライン(星)

クリッククリック2 にほんブログ村 小遣いブログ OLのお小遣い稼ぎへ ブログランキングならblogram
                                      
[ 2011/12/18 ] タグの勉強 | TB(0) | CM(3)