はじめに // 配布テンプレ&利用規約

<< xhtmlとhtmlのタグの書き方の違い + main + バナーに枠線がついちゃう! >>

よくある質問集

えーコメントをつける方は最低でもよくある質問集はチェックしてください。この記事にコメントつけてるのに、ここに書いてある項目を見ていないとか???ってなってしまいます。 今後はここに書いてあるのに、っていうコメントを頂いた時はコメント数の氾濫を防ぐためにも解答後そのコメントを削除させて頂きます。


ユーザー助け合い掲示板にもあるんですが
目次の意味も兼ねて。随時追加予定。
自分のスキルを上げたい、1から身につけたいって人は
まずcss講座xhtml講座を見てください。


■基本的なことである色換えや背景、文字装飾などは下のcss。
アイコン追加、不要項目削除などはhtmlと独自タグを見てください。


■具体的カスタマイズ

スポンサーサイト

一定期間更新がないため広告を表示しています

| | Comment 0 | - |

投稿した写真に枠線ついてるよ!?

JUGEMでは画像をアップロードし、そのままデフォルトで
記事を書き始めると、画像のclassがpictになります。
その為cssで.pictに
borderなどが指定されていると枠線がついてしまうわけです。


1.枠線いらねー。


.pict {
border:none;
}

2.枠線欲しい。色変えたい。


.pict {
border:1px solid #000;
}

適当に変えてください。
solidをdottedにしたりすると点線になりますよ。


3.画像の周りに余白希望


.pict {
margin:1em;
}

1emはアルファベットのM1個分って意味です。
px指定でも構わないですよ。


4.枠線と画像の間に隙間開けたいな。。


.pict {
border:1px solid #999;
padding:3px;
}

xml宣言してあるとIE6では画像のpaddingが効きません。
ちなみに私のテンプレには入ってます。すいません。
隙間取りたかったらhtmlの1行目を削除plz.


5.枠線と画像の間の隙間を下だけ広めに!
ポラロイド風で!


.pict {
border:1px solid #999;
padding:3px 3px 5px 3px;
}

xml宣言してあると(以下略)


6.リンクを張った画像の周りの枠線だけ色変えたい。


a img.pict {
border:1px solid #c00000;
}

これはcssの癖を理解してないと意外と思いつかない。
一応クロスブラウザです。


7.リンクを張った画像の周りの枠線だけ色をかえ
 なおかつマウスオーバーで線の色を変える。


a img.pict {
border:1px solid #c00000;
}
a:hover img.pict {
border:1px solid #000;
}

うん・・・・・・こんなもんでいいですか。
適当に組み合わせて使ってください。

| 11:07 | Comment 9 | - |

スポンサーサイト

| 11:07 | Comment 0 | - |

Comment

質問です。
タイトル画雑に、如何しても枠線が付きます。
消すのには、如何したら宜しいですか??
本当に、初心者なんで、ごめんなさい...

| 里香 | 2008/03/31 6:52 PM |

http://nous.jugem.jp/?eid=48
こっちです。

| tk | 2008/03/31 7:16 PM |

本当に初心者なもので…
有難うございます。

| 里香 | 2008/03/31 7:39 PM |

どこにもこの質問内容の記事がなかったので
質問させていただきます。


画像についてです。

ブログ上の画像にカーソルをおくと
その画像の名前が出てきますよね。

それが嫌なので消したいのですが、
可能なのでしょうか。

また出来ないのであれば画像の説明の名前を
変えることは可能なのでしょうか。

可能でしたら、ぜひやり方を教えて下さい。


よろしくお願いします。

| シンシア | 2009/03/15 7:59 PM |

htmlのタグの問題ですね。
その名前はご自分でアップロード時にでも記載したものですか?
imgタグ内のalt="文字"を削除です。

| tk | 2009/03/15 8:07 PM |

返事が遅れてすみません。

画像は携帯からモブログとして投稿したものです。
上記のように、

alt="文字"
というやり方は知っており、やってみたのですが、
カーソルをおいたら名前がでてきてました。
またプロパティを見ると結局
その画像のもともとの名前が出てきてしまいます。

htmlタグに何と打てば画像の名前が出ないようになるのでしょうか。
よろしくお願いします。

| シンシア | 2009/03/17 11:02 PM |

すみません。さすがに手がかりが少なすぎます。
タグの問題かJUGEMのシステムの問題か分かりません。
問題のブログのURLを書かれるか、

どういうタグが打ち込まれて、どう削除して、でもどういう文字が出て、どういうタグ表記に戻っているのか、詳細に状況を教えてください。

| tk | 2009/03/17 11:17 PM |

imgタグはこのように打っています。

<img alt="画像の名前" class="pict" height="400" src="http://元の画像の名前" width="220" />

そしてカーソルを上記の画像の上におくと、
「画像の名前」が出てきて、プロパティを見ると
「元の画像の名前」が出てきます。

プロパティに元の画像の名前が出てくるのは良いのですが、
画像の名前がカーソルをおいても出てこないようにする事は
やっぱりできないのでしょうか。

よろしくお願いします。

| シンシア | 2009/03/18 12:13 AM |

いや、
>alt="文字"を削除です。
って最初に書いたんですが、これをやっても同じ画像で勝手に復活するんですか?

>どういうタグが打ち込まれて、どう削除して、でもどういう文字が出て、どういうタグ表記に戻っているのか、

とお願いしたように、どう削除してどう戻るのかを教えてください。
もし勝手にalt表示が入るとしたら
JUGEMのシステムの問題なので、どうにも出来ないと思います。
消した文字が勝手に復活するとは思えませんが……。

ちなみに1回1回投稿する度に消さなきゃ駄目ですよ。
何かしたら投稿しても自動的に表示されなくなるなんてことはないです、

| tk | 2009/03/18 12:47 AM |

Submit Comment