<ul>
<li><img src=…><li>
<li><img src=…><li>
</ul>

のようにすると、IE6.0で、リストに行間が発生します。Netscape7だと画像はぴったりとくっついて並ぶのです。

IEでぴったりとくっつくにはどうしたらいいですか?

A 回答 (4件)

以下のスタイルを足してみてください。


#<head>~</head>間に

<style type="text/css">
<!--
li img {vertical-align:bottom;}
-->
</style>
    • good
    • 0
この回答へのお礼

自己レスになってしまうのですが、
vertical-align:bottom;
font-size:0;
line-height:0;
で解決しました。

どうもありがとうございました。

お礼日時:2005/04/09 21:55

他の方が回答されているもののどちらの原因か分かりませんが、


<li>の連続のことなら問題外ですので修正してください。

<li>で画像を囲った場合はsteel_grayさんの示された通り、vertical-alignで指定してやれば余白がなくなると思います。

リストにマークを利用されているのであれば、
li{vertical-align:@@@@@@}
li img{vertical-align:@@@@@@}
を別々に指定して、好ましい表示にしてください。

li{vertical-align:middle}
li img{vertical-align:text-bottom}

li img{vertical-align:middle}

などいろいろ指定してみてください。
とは言ってもこれが適切な方法なのかは分かりません。

プロパティ値についてはこちらなどで確認してください。

参考URL:http://www.htmq.com/style/vertical-align.shtml

この回答への補足

vertical-align:bottom;
はいらないのかな?

間違い


vertical-align:bottom;だけでいいのかな?

補足日時:2005/04/09 21:57
    • good
    • 0
この回答へのお礼

自己レスになってしまうのですが、
vertical-align:bottom;
font-size:0;
line-height:0;
で解決しました。

vertical-align:bottom;
はいらないのかな?
試してみます。
どうもありがとうございました。

お礼日時:2005/04/09 21:56

<ul>


<li><img src=…><li>
<li><img src=…><li>
</ul>
と、<li>タグが閉じていないので、各ブラウザが勝手に判断しているのだと思います。

<ul>
<li><img src=…></li>
<li><img src=…></li>
</ul>
 にして、<li>タグを閉じれば、同じようになると思いますが。
    • good
    • 0
この回答へのお礼

<li><img></li>
で隙間が出来るのは
調べてみたところ
IEのバグとのことでした。

お騒がせしました。

お礼日時:2005/04/09 21:59

とりあえず気になったんですが


<ul>
<li><img src=…><li>
<li><img src=…><li>
</ul>
ではなくて
<ul>
<li><img src=…></li>
<li><img src=…></li>
</ul>
です。
    • good
    • 0
この回答へのお礼

</li>でしたね。
慌ててました。

お礼日時:2005/04/09 21:54

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

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

QYouTubeの再生リスト再生

Android端末で、YouTubeの《再生リスト》を聞く方法が分かりません。

PCでは、《再生リスト》を選択するとリスト通りに次々と
再生されますが、Android用YouTubeアプリで再生すると
一曲で終わってしまいます。

どなたか良い知恵を御教授下さい。

Aベストアンサー

>自動では次の曲に移らない、との見解で宜しいのでしょうか?
はい

ちなみに先ほど書いた操作はYouTubeアプリ限定で、お気に入り再生時には効きません

Qで出る枠

を消すにはどうしたらいいのでしょうか?

Aベストアンサー

<a><img src="x.gif" border="0"></a>
で大丈夫だとおもいます。

Qyoutubeの再生リスト名の表示順を変更したい

Youtubeについての質問です。
www.youtube.comの再生リストをたくさん作成していますが、
この再生リスト名の表示順を変更する方法はあるでしょうか?
再生リストの名前を変更しても表示順には反映されないようです。
(再生リスト内の動画自体の順番はマウスで変更できますが)

たとえば、
01-再生リストA
02-再生リストB
03-再生リストC
という風に名前順に表示したいのですが。

よろしくお願いします。

Aベストアンサー

こんばんは。
ご自身のチャンネルの、動画の管理をクリック
開いたページの左側に、コミュニティというのがあります。
コミュニティをクリックすると、コメント メッセージってありますので
メッセージをクリックして下さい。
そこで確認出来るようになっていますので。

QCSSでの

初めて質問させて頂きます。仮に作ったサイト名が次の通りです。
http://yusukeinoue.web.fc2.com/271p/271p.html

Firefox、Operaで<#sidenavi>での<ul><li id=n><a>のCSSが間違っているのかimgが表示されないのです。CSSは以下の様な感じで
}
#wrapper #sidenavi ul {
list-style-type: none;
font-size: 10px;
margin: 0px;
padding: 0px;
display: block;
}
#wrapper #sidenavi li a {
display: block;
margin: 0px;
padding: 0px;
height: 30px;
width: 200px;
font-size: 12px;
text-decoration: none;
}
#sidenavi li#1 {
background-image: url(images/bButton1.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 30px;
width: 200px;
}
#sidenavi li#2 {
background-image: url(images/bButton2.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 30px;
width: 200px;

id=liはそのあとも続くのですが、<em></em>で非表示にしています
}
#sidenavi em {
visibility: hidden;
}

使用環境はMacOX10.4.7、DreamweaverMXです。safariでは問題なく表示されます。

参考書籍通りに<ul><li>をボックス化して、インラインにし背景画像を
埋め込むと言う作業でした。
それ以上は書いていないので分かりません。。。
ご教授のほどお願いいたします

初めて質問させて頂きます。仮に作ったサイト名が次の通りです。
http://yusukeinoue.web.fc2.com/271p/271p.html

Firefox、Operaで<#sidenavi>での<ul><li id=n><a>のCSSが間違っているのかimgが表示されないのです。CSSは以下の様な感じで
}
#wrapper #sidenavi ul {
list-style-type: none;
font-size: 10px;
margin: 0px;
padding: 0px;
display: block;
}
#wrapper #sidenavi li a {
display: block;
margin: 0px;
padding: 0px;
height: 30px;
width: 200px;
font-size: 12px;
text-dec...続きを読む

Aベストアンサー

I.Eでは、表示できていません。

 画像で無理な場合は、一度はずして、背景色を適当に指定して、表示されれば画像のデータがアップできていないか、画像までのパスが間違っていると思います。

 見本では、リストテキストが見えませんが、リストのブロック状態になっていますので、背景画像指定だけが問題だと理解します。

 それと、サーバーのデータに、この背景画像がアップされているかも確認する必要があります。

 ちなみに #xx #yy liというのは、
 ID xx の中にある ID yy の●● 
 というように指定方法は間違っていないと思います。
 No.1の方の言うように、数字の前に英字で名前をつける必要があります。
 

QYoutube 再生リスト 著作権違反?

初投稿になります。
Youtube を利用している上で分からないことがあるので
皆さんの力をお借りしたいと思います。よろしくお願いします。

Youtube の機能の1つに再生リストを作成する機能がありますが、
(1)Youtube で配信されている公式MV(例えばVEVOやVictor music Channel)の動画を
使用して、自分でお気に入りの動画として再生リストを作成するのは
著作権違反になりますか?
(2)また、その再生リストをを他人が見られるように「一般公開」扱いにするのは著作権違反になりますか?(もちろん配信元を明記した上で)

Youtubeの動画で、TVやMVを勝手に複製してアップロードすることが違法であることは分かり
ますが、再生リストについては不明なのでお尋ねします。最近ではブログに動画を載せているのも多々見ますので、違反でないのだろうかとも思ってしまいます。
ご回答お待ちしております。
補足
Youtubeのヘルプセンターは一通り見ましたが、自分の探している回答が見つからなかったので
知っていらっしゃる方、どうか教えていただければと思います。

初投稿になります。
Youtube を利用している上で分からないことがあるので
皆さんの力をお借りしたいと思います。よろしくお願いします。

Youtube の機能の1つに再生リストを作成する機能がありますが、
(1)Youtube で配信されている公式MV(例えばVEVOやVictor music Channel)の動画を
使用して、自分でお気に入りの動画として再生リストを作成するのは
著作権違反になりますか?
(2)また、その再生リストをを他人が見られるように「一般公開」扱いにするのは著作権違反になりますか?(もちろん配信元を明...続きを読む

Aベストアンサー

>(1)
 ・公式動画に関しては著作権違反にはなりません
 ・著作権違反の動画についても見るだけなら違法にはなりません
>(2)
 ・私的利用の範囲を超えるので違法になります・・但し罰則の対象にはなりません

・私的な範囲内の利用は問題有りません・・・再生リストを自分で見る
・私的な範囲内を超えた場合は(文化庁のQ&Aの文言だと「家庭内その他これに準ずる限られた範囲内」)
 著作権違反になります・・・・再生リストを公開する(公式動画、違法動画のどちらも)
・>最近ではブログに動画を載せているのも多々見ますので、違反でないのだろうかとも思ってしまいます・・・厳密には著作権法違反(ただ罰則はありません)
・現実には違法動画に関しては著作権者がup先から削除させたり(プログ等での公開の元を絶つ)
 公式動画に関しては著作権者が宣伝になるので(プログの動画とか)放置しているだけでしょう

Q
  • カテゴリ名

  • でh2の文字を小さくしたい

    H2の文字を小さくしたいと考えていますが、
    スタイルシートでなかなか再現できません。
    下記のように設定していますが間違いがありますでしょうか?

    xxx.html
    <div id="box-cat">
    <ul>
    <li><h2>カテゴリ名<h2></li>
    <li><h2>カテゴリ名<h2></li>
    </ul>
    </div>

    xxx.css
    #box-cat {
    width:200px;
    }

    #box-cat h2 {
    font-size:11px;
    font-weight:normal;
    }


    お力をお貸し下さい。

    Aベストアンサー

    ★そもそも<LI>タグで<H2>タグを使っているのが間違いかもね。
    ・どうして<H2>タグなの?→<LI>タグにいろいろと記述すればよいのでは?
     下に2つの解決策を載せます。どうぞ。

    解決策1:
    #box-cat H2{
     MARGIN:0em 0em 0em 2em; ←ここがポイント!
     FONT-SIZE:11px;
     FONT-WEIGHT:normal;
    }
    ※『#box-cat』と『xxx.html』はそのままで良い。

    解決策2:
    #box-cat2 LI{
     FONT-SIZE:11px;
     FONT-WEIGHT:normal;
    }
    ※『#box-cat』はそのままで良い。

    ●xxx.html
    <UL id="box-cat">
    <LI>カテゴリ名
    <LI>カテゴリ名
    </UL>

    ・以上です。これで一様、文字は小さくなりました。→私の環境での結果論!

    QYouTube コメント欄 再生リスト名表示

    YouTube再生リストに追加してからリストからその動画に飛びコメントしても ナイス! イマイチ の横に登録した再生リスト名が表示されません。表示させる方法教えて下さい

    Aベストアンサー

    再生リストに入れている動画の再生の仕方によるのかなと思います。

    1.自分のチャンネル内で再生リストから再生しコメントを入れる場合

    2.ダイレクトに通常検索で表示させて再生する場合

    このどちらかにより同じ動画をチャンネル内で再生リストから選択して
    そこで再生させながらコメントする場合と

    再生リストに入れている動画なんですが
    ダイレクトに検索してコメントを書き込む場合で

    コメント横に表示したりしなかったりなるんだと解釈しています。

    QCSS:

    CSS:<ul>と<li>の間に<!--と-->を入れても、Dreamweaverでソースフォーマットの適用をおこなうとソースの改行が自動的に変わてしまうので、ナビゲーションの並びが崩れてしまいます。
    適用は必要なので困っております。
    ナビゲーションが崩れないほかの方法はないものでしょうか?

    Aベストアンサー

    > 現象が見られなかったということですが、ごめんなさい、私が間違っておりました。
    > リストでGlobalNavigationをつくる場合、横並びにしたときだけ勝手に改行される話でした!
    > 今回は縦並びなので関係ありませんでしたね!

    えーと…"#hdr-nv li"で"display:inline;"と定義されていますので、「縦並び」にはならない筈ですが?
    どうも状況がよく飲み込めませんが、問題があったのは"#hdr-nv"ではなく、別スレッドでポストされている"#nv-global"まわりのことだった、ということでしょうか。

    まあいずれにせよ多分 http://oshiete1.goo.ne.jp/qa3900200.html スレッドの方で解決策を得られているかと思いますので、本件は終了ということですね。

    蛇足ですが:

    > ただ、リストのGlobalNaviを横並びに配置したときは本当になるんです。
    > コメントタグをつけて改行無しで<li>から</li>までを記述しないと
    > ナビゲーション画像群が途中で改行してしまうんです。
    > Dreamweaverの例の処理をしてしまうと、一行で記述していても勝手に改行させて整形されてしまうので問題となる、という話です。

    その場合は先程回答した様に、<li>を横並びにする手段を"display: inline;"ではなく(displayは初期値のblockのまま)"float: left;"で置き換えれば、コードの改行の有無(</li>と次の<li>の間でも、<li>とその子要素の<img>の間でも)に関係なく余分な隙間はできなくなりますから、フォーマットの適用をしたとしても問題はなくなると思います。

    > 現象が見られなかったということですが、ごめんなさい、私が間違っておりました。
    > リストでGlobalNavigationをつくる場合、横並びにしたときだけ勝手に改行される話でした!
    > 今回は縦並びなので関係ありませんでしたね!

    えーと…"#hdr-nv li"で"display:inline;"と定義されていますので、「縦並び」にはならない筈ですが?
    どうも状況がよく飲み込めませんが、問題があったのは"#hdr-nv"ではなく、別スレッドでポストされている"#nv-global"まわりのことだった、ということでしょうか。

    まあいずれ...続きを読む

    QYouTubeの再生リスト「後で見る」のリネーム

    YouTubeの再生リスト「後で見る」の名前は変更出来ますか?
    以前は変更出来たと思うんですが…(そのリストは今も残っています)

    また、再生リストAから再生リストBに複数の動画を一度に移動する方法もあれば、教えて下さい。
    もし外部のツール、補助的なサイトもあれば、そちらでも構いません。

    Aベストアンサー

    こんにちは。

    自分も以前から「後で見る」とその名前の変更機能を時々使っていて、最近使おうとしたら出来なくなっていて困っていました。そこで試行錯誤していたらやり方がありました。
     補足:以前は他の再生リストと同様の操作で出来ていたと思います。

    1. YouTubeの画面右上の自分のログイン名をクリックします。
    2. すると自分の再生リストが表示されるので「後で見る」のサムネイルをクリックします。
     →「後で見る」に入っている動画が一覧表示されます。
      ここまでは以前と変わってないように思います。

    3. 一覧の動画のいずれかをクリックします。
     →動画が再生されると共に、ブラウザの下にサムネイルの表示された横長のバーが出ます。

    4. 上記のバーの右上のほうに「オプション▲」という部分があるので、クリックして「新しい再生リストとして保存」を選びます。

    5. 「再生リストのタイトル」に好きな名前をつけて「保存」ボタンをクリック

    これで「後で見る」が任意の名前の再生リストになります。

    どうして動画を再生しないと出来ないようにしたんでしょうね。
    前より少し面倒になりましたね。自分もやり方を見つけて安心しました。
    PCで見つけた動画を追加してテレビで見るときに便利だったので使ってました。

    こんにちは。

    自分も以前から「後で見る」とその名前の変更機能を時々使っていて、最近使おうとしたら出来なくなっていて困っていました。そこで試行錯誤していたらやり方がありました。
     補足:以前は他の再生リストと同様の操作で出来ていたと思います。

    1. YouTubeの画面右上の自分のログイン名をクリックします。
    2. すると自分の再生リストが表示されるので「後で見る」のサムネイルをクリックします。
     →「後で見る」に入っている動画が一覧表示されます。
      ここまでは以前と変わってないように思い...続きを読む

    Qの一括指定

    ファイルの中に、<img src=** border=0>のタグが複数あり、
    少しでも、ページを軽くしたいので、
    cssなどを使用して、border=0というのを一括指定することは可能でしょうか?
    わかる方が居りましたら、ぜひ、教えて下さい。
    それでは、宜しくお願いします。

    Aベストアンサー

    できます
    参考URLを参照(画像に枠線をつける)なさって下さい。

    ただし!!
    ネスケ4.7系を使用されている方々には、このCSSでは画像の周りに
    青く太い線が表示されてしまいます。
    もし、万人向けに作成されるのでしたら、border="0"は指定された方が
    いいかと思います。

    参考URL:http://www.tees.ne.jp/~maruo/webpage/css/css-html.html


    人気Q&Aランキング

    おすすめ情報