>CSS:<ul>と<li>の間に「<!--」と「-->」を入れる以外でナビが崩れない方法は?入力中の回答があります。ページを離れますか?※ページを離れると、回答が消えてしまいますページを離れるA回答を続ける入力中のお礼があります。16:57回答数:3件CSS:<ul>と<li>の間に<!--と-->を入れても、Dreamweaverでソースフォーマットの適用をおこなうとソースの改行が自動的に変わてしまうので、ナビゲーションの並びが崩れてしまいます。適用は必要なので困っております。ナビゲーションが崩れないほかの方法はないものでしょうか?通報するこの質問への回答は締め切られました。テキスト」に関するQ&A:テキストにalt属性を持たせるには。現象が見られなかったということですが、ごめんなさい、私が間違っておりました。li"で"display:inline;"と定義されていますので、「縦並び」にはならない筈ですが?どうも状況がよく飲み込めませんが、問題があったのは"#hdr-nv"ではなく、別スレッドでポストされている"#nv-global"まわりのことだった、ということでしょうか。スレッドの方で解決策を得られているかと思いますので、本件は終了ということですね。リストのGlobalNaviを横並びに配置したときは本当になるんです。ナビゲーション画像群が途中で改行してしまうんです。Dreamweaverの例の処理をしてしまうと、一行で記述していても勝手に改行させて整形されてしまうので問題となる、という話です。left;"で置き換えれば、コードの改行の有無(</li>と次の<li>の間でも、<li>とその子要素の<img>の間でも)に関係なく余分な隙間はできなくなりますから、フォーマットの適用をしたとしても問題はなくなると思います。_)m偶然似た案件を複数やっていて頭がカオスになっていました。inline;を入れているので横並びでした。それで、blockとfloat:leftをやってみて、なおかつコメントアウトコードを削除してやってみました。結果、出来ました!!以前、コメントアウトをしなければどうにも崩れるとれっきとした「CSS開設本」に書いてあったのですが、それってどうよ?という思いです。「<!--」と「-->」を使わない方策がないものかと思案しておりますが・・・。ソースを拝見しました。改行コードをコメントタグで隠しているのは「<ul>と<li>の間」ではなく、「</li>と次の<li>の間」のことなのですね。「実際のブラウザでの表示でも、ナビゲーションが改行されてしまう現象」というのが今ひとつ明確に受け取れていないのですが、nv_hdr01.gifとnv_hdr02.gifが横並びにならずに改行されてしまう、という事ではないですよね?質問者様のオリジナルのソースから</li>と次の<li>の間のコメントアウトを外してみても、そういう現象は起きなかったので。最初に補足要求させて頂いた様に「nv_hdr01.gifとnv_hdr02.gifの間に定義した以上の余白ができてしまう現象」という解釈で正しいでしょうか?そうであると仮定して、頂いたソースをサンプルのHTMLに組み込んで検証してみました。5px;"以上の隙間はなくなります。XPで結果が同じになる事を確認しています。ul"の下方向にも1~2pxほどの余白が出来ていましたが、こちらもなくなります。いかがでしょうか?もしもっと別の問題を抱えていらっしゃる様でしたら、引き続き補足して下さい。この回答への補足ふぅ~む・・・助かります。_)m他の箇所まで修繕アイデアいただきましてありがとうございます。現象が見られなかったということですが、ごめんなさい、私が間違っておりました。リストでGlobalNavigationをつくる場合、横並びにしたときだけ勝手に改行される話でした!今回は縦並びなので関係ありませんでしたね!大変ご面倒おかけしました。リストのGlobalNaviを横並びに配置したときは本当になるんです。コメントタグをつけて改行無しで<li>から</li>までを記述しないとナビゲーション画像群が途中で改行してしまうんです。Dreamweaverの例の処理をしてしまうと、一行で記述していても勝手に改行させて整形されてしまうので問題となる、という話です。いずれにせよお手数おかけしまして申し訳ありませんでした。アドバイスは役立っております。<ul>と<li>の間に<!--と-->を入れても、Dreamweaverでソースフォーマットの適用をおこなうとソースの改行が自動的に変わてしまうので、ナビゲーションの並びが崩れてしまいます。<ul>と<li>の間の改行のあるなしで何故崩れるのでしょう?あまりその様な状態が想像できませんが。---------------------------------------------------------------------<ul><li>ナビ1</li>←ここの改行の事ではなく?<li>ナビ2</li>...</ul>---------------------------------------------------------------------ナビによくある<li>を横並びにしてぴったり並べるスタイルであれば、</li>と次の<li>の間の改行コードによる隙間を無くす為に取られる手法ですが。left;"を使用すれば改行コードがあっても隙間はなくなります。その替わり、floatを適切に解除する他の配慮が必要になってきますが。ソースを見せて頂かないと詳細は分かりかねます。通報するこの回答へのお礼Dreamweaverのソースフォーマットの適用の件は有名な話なのですが、ソースが勝手に改行されることによって、実際のブラウザでの表示でも、ナビゲーションが改行されてしまう現象です。ソースは途中なので特にCSSは関係ないものもありますが以下です。これをご覧いただくことで改善されるでしょうか?「<!--」と「-->」を使わない方策がないものかと思案しておりますが・・・。アップライトにサイレント機能を付けるか・・。CSSで<ul><li>タグを使ってどのブラウザでも同じように表示させたい。回答数ランキングです。valign="top">内のテーブル...19HTMLで文とテーブルの間が空く。Inc.Q質問する(無料)Q&A検索goo検索gooIDで新規登録・ログイン新規登録する(無料)会員の方はこちら外部サービスのアカウントで新規登録・ログインYahoo!で新規登録・ログインGoogleで新規登録・ログインTwitterで新規登録・ログインFacebookで新規登録・ログインdアカウントで新規登録・ログイン※各種外部サービスのアカウントをお持ちの方はこちらから簡単に登録できます。お客様の許可なしに外部サービスに投稿することはございませんのでご安心ください。会員でない方、会員になるとあなたも質問や回答ができるようになります!!親切・丁寧な回答が集まる場30分以内に回答がもらえ回答数は平均3件!匿名(ニックネーム)での投稿なので。