ベストアンサー

※ ChatGPTを利用し、要約された質問です（原文：HTMLで入力ミス）

HTMLで入力ミス

2017/01/26 11:49

このQ&Aのポイント

ＷＥＢサイトを立ち上げたのですが入力ミスがあります
猫とカメラ好きなgorokenのサイトです。特に野良猫達の生命力に魅了されています。
ソースコードに入力ミスがあり、テキスト内にスペースが不要な箇所に入っています

goroken
お礼率20% (1/5)

HTML
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

t_ohta
ベストアンサー率38% (5253/13739)

2017/01/26 12:06 回答No.1

どの「い」の前の事でしょう？「けっして」の前の事であれば、その前の行の <br> の後ろに全角スペースが入っているように見受けられます。

関連するQ&A

フレームHTMLについて。

サイトを作るにあたって、画面を二分割にしようと思っていますが、どうにも作る事が出来ません。サイト様を見ても分からない上に、とりあえず解説通りに実行しても良く分からない事になる。・・そんな状態がかれこれもう4ヶ月になります。もうサイト自体を諦めようか・・と思いましたが、最後にここで質問をして諦めるかどうかを決めようと思っています。そんな私が恥を忍んでお願いをします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="ja">  <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title></title> <style type="text/css">  </style> </head> <body> <div class="leline"></div> <div class="leline2"></div> <div class="main"> <h1>Site Title</h1> <div class="menu">■ <a href="#">What's New</a></div> <div class="menu">■ Sitemap</div> <div class="menu"><span style="color: #AA4548">■</span> Text <span style="font-size: 8pt">- 12/13</span></div> <div class="menu">■ Photo</div> <div class="menu">■ Bookmark</div> <div class="text"> ［一言スペース］<br> <br><br><br> </div> <div class="bottom">Since 2001.12.10 // E-mail</div> </div> </body> </html> ↑これに既にフレームを付けた状態のHTMLを切実に待っています。これをインターネットで表示すると、http://wdt.pekori.jp/template/top/007/007_gray.html←の様になります。
JavascriptでHTMLを書き換えたいのです

うまく動作しないJavascriptなのですが、こういった方法は可能なのでしょうか？お分かりになりましたらご教授お願いします。 -------------------- ■html <div class="orenge1"></div> オレンジ１です<br> <div class="orenge2"></div> オレンジ２です<br> <div class="orenge3"></div> オレンジ３です<br> -------------------- ■Javascript 記述は最下部の</body>直前です。 <script type="text/javascript"> window.onload = function() { document.getElementsByClassName("orange1").innerHTML = ('<a href="./item/?item=orange1">商品はコチラ</a>'); document.getElementsByClassName("orange2").innerHTML = ('<a href="./item/?item=orange2">商品はコチラ</a>'); document.getElementsByClassName("orange3").innerHTML = ('<a href="./item/?item=orange3">商品はコチラ</a>'); } </script> -------------------- ■やりたい事 <div class="orenge1"></div> の部分に <a href="./item/?item=orange1">商品はコチラ</a> を表示したいと思っています。同一ページに複数回表れる場合もあります。よろしくお願い致します。
レイアウトが崩れないようにするための、<div>を<div>で囲む理由

<div class="a">で一度幅や高さの指定をしているのに、ウインドウサイズを変更しても、レイアウトが崩れないようにするために、その<div>からさらに<div>で囲むのはなぜなんでしょうか？ <div id="wrapper"> 　<div class="a"></div> </div> div.a { width:900px; } #wrapper{ width:900px; }
レイアウトが崩れます

汚いソースで失礼します。メニューとコンテンツとサブメニューがありますがこの３つの高さを保つにはどうしたらいんでしょうか？コンテンツ部分の高さが長いと　メニューとサブメニューの高さは短いままで　ダサい感じなんです。　なんとご説明したらいいのやら（汗コンテンツ部分が長くてもメニューとサブメニューの高さを自動に設定させるようにするには、どうしたら良いのでしょうか？ご教授願います HTMLのソース＋CSSです↓ <html> <body> <div class="wrapper"> <div class="header"> ヘッダーになります<br> </div> <div class="main"> <div class="menu"> menu<br> menu<br> menu<br> menu<br> menu<br> menu<br> </div> <div class="contents"> コンテンツになります<br> コンテンツになります<br> コンテンツになります<br> コンテンツになります<br> </div> <div class="submenu"> サブメニューはこちらです<br> サブメニューはこちらです<br> </div> </div> <div class="footer"> フッター<br> </div> </div> </body> </html> CSS .wrapper { width: 900px; margin: 0 auto; line-height: 1.5; } /* メイン*/ .main { width: 900px; } /* ヘッダ*/ .header { width: 900px; height: 200px; background-color: #66FFFF; background:url(img/top2.jpg) ; } /* Menu*/ .menu { width: 150px; float: left; background-color: #FFFF99; } /*コンテンツの設定*/ .contents { float: left; width: 600px; background-color: white; } /*SubMenuの設定*/ .submenu { float: left; width: 150px; height: 300px background-color: #66FF66; } /* 下の設定 */ .footer { clear: both; width: 900px; border-top: 1px dotted gray; height: 20px; text-align: center; font-size:0.7em; background-color:black; }
html5、私の考えは邪道？

こんにちは。 html5を勉強してサイトを作っている者です。勉強のためにそれなりの数のサイトのソースを拝見しているのですが、私の考えに合ったもの、考えと違ったものがあります。私の考え・作りたいもの：----------------------- <header> ～ <header> <div class="wrapper"> <div>の3カラム </div> <footer> ～ </footer> ------------------------------ よく見かけるもの <div class="wrapper"> <header> ～ </header> <div>の3カラム <footer> ～ </footer> </div> 私のやりたい事は邪道でしょうか？ご意見頂ければと思います。よろしくお願いいたします。
CSSのクラス指定について

CSSのクラス指定で質問させていただきます。下記の条件で「a-クラスのついたDIV」の中で、なおかつ一番初めに表示される[a-]の背景色だけ「赤色」にする方法を教えてください。「a-1」「a-2」「a-3」はそれぞれ時間によって消えたりし、[x]が挿入されたりします。以上のように条件が変わっても、常にclass=「a-」のついた一番上のDIVの背景は赤色になります。 HTML------------------- <div class="wrapper"> <div class="x"></div> <div class="a-1"></div> <div class="a-2"></div> <div class="a-3"></div> </div> css----------------------- [class^="a-"]{}; nth-of-typeを使って指定できると思うのですが、いまいちうまくできません＞＜ぞうぞよろしくお願いします。
ブログのHTMLから本文を抽出したい

いつもお世話になっています。ブログのHTMLから本文を抽出したいと思っています。ヤプログを例にとると、ヤプログのHTMLは以下のようになっています。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> …  … 　<td class="entry_title"> 　<h3>タイトル<span class="date">2005年10月29日(土)</span></h3> … <td class="entry_text"> … <div class="entry_layer"><div style="text-align: center;"> <img src="/cafe_life/img/25/cafe67.jpg" border="0"> </div> <br> 今日はとてもいい天気だったので、<br> 渋谷に買い物に行きました。<br> … <br> 新しいiMacが欲しいなぁ～<br> <br> </div> …  … </html> そこで、本文を抽出するのに、 <td class="entry_text"> からまでをHTMLから抽出し、さらにそれに対してタグを除去するようにしてブログの本文の「今日はとてもいい天気だったので、　渋谷に買い物に行きました。　… 　新しいiMacが欲しいなぁ～」を抽出させたいと思っています。このようにするにはプログラムをどのように作成すればよいでしょうか？よろしくお願いします。
EXCELでHTMLのタグの入ったセルを結合したい

下記のHTMLのタグが入ったセルと画像URLのセルを結合したいのですが、＆などで結合するとダブルクォーテーションが倍くらいに増えてHTMLのタグとして機能しません。どうやって結合させるのがいいのでしょうか？ =A1(HTMLのタグ）＆A2(画像URL）＆A3（HTMLのタグ） <body> <div style="WIDTH: 100%; TEXT-ALIGN: center"> <div id="wrapper" style="FONT-SIZE: 23px; FONT-FAMILY: Arial, Helvetica, sans-serif; WIDTH: 860px; COLOR: #000; TEXT-ALIGN: left; MARGIN: 0px auto"> <h1 style="FONT-SIZE: 38px; HEIGHT: 60px; WIDTH: 850px; COLOR: #ffffff; PADDING-LEFT: 10px; MARGIN: 0px; LINE-HEIGHT: 60px; BACKGROUND-COLOR: #336600">Picture</h1> <img src="画像URL"> <div class="sub_tit" style="FONT-SIZE: 35px; HEIGHT: 40px; WIDTH: 850px; FONT-WEIGHT: bold; COLOR: #ffffff; PADDING-LEFT: 10px; LINE-HEIGHT: 40px; BACKGROUND-COLOR: #336600"> Description </div><br><font size="5">
練習でHTMLを作っています

HPを作っているのですがメニューコンテンツの画像が表示されませんでした。どうしたら表示されるようになるのか教えていただけないでしょうか? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content=text/html; charset=Shift_JIS> <title>猫の飼い方・育て方</title> <link rel="stylesheet" type="text/css" href="neko_index.css" </head> <body> <div id="container"> <div id="header"> <h1>猫を飼うためには</h1> </div><br> <div class="PR1"> <img src="image/PR.gif"alt="PR"> <a href=""> </a></div>  </div> <div id="contents"> <h4>このサイトの主旨</h4> 職業訓練の一環として練習のためにweb製作をしている。参考として色々な猫に関するサイトのいいところを参照させていただいている。多々文章が類似している箇所があると思いますがご容赦ください。今のところあくまでも練習のためのサイトです。</p> <h4>飼い主と我が家の猫紹介</h4> <ul> <li>まめたろう・・・山形県在住　30才・男　アトピー・花粉症・鼻炎持ち元小児喘息患者。病弱だった為に動物を飼うことが間々らなかったが大人になったため自己責任の名のもとに猫を飼い始めて猫主夫になる。</li><br> <li>ノアくん・・・美形・性格おとなしくてやさしいおにーちゃん。里親サイトで譲っていただいた雑種猫♂</li><br> <img src="image/top_noha.jpg"alt="ノアくん写真"width="600" height="350"vspace="10"> <a href=""></a> <br> <li>春ちゃん・・・美醜猫系・足長・耳たれのアメショ＆マンチカンMIX♀のマンチカン。里親サイトで譲っていただいた。耳たれ具合からして大本の血筋はスコテッシュ不フィールドだと思う。</li> <img src="image/top_haru.jpg"alt="春ちゃん写真"width="600" height="350"vspace="10"> <a href=""></a> </ul> <br></div> <div id="menu"> <div id="image"> <ul> <li>メニュー</li> <li><a href="contents/neko_wo_kauhouhou.html"><img src"image/menu_nav1.gif"alt="猫の里親になろう"width="100"height="50">猫を飼う方法</a></li> <li><a href="contents/.html"> 猫の里親になろう！</a></li> <li><a href="contents/.html">子猫の飼い方</a></li> <li><a href="contents/.html">猫のお手入れ</a></li> <li><a href="contents/.html">猫の体のしくみ</a></li> <li><a href="contents/.html">猫の病気</a></li> <li><a href="contents/.html">猫の習性</a></li> <li><a href="contents/.html">猫の気持ち</a></li> <li><a href="contents/.html">去勢と避妊</a></li> <li><a href="contents/.html">猫の種類</a></li> <li><a href="contents/.html">猫に芸を覚えさせよう</a></li> </ul> </div> </div>  <div id="menu under PR"> <img src="image/PR.gif"alt="PR"> <a href=""> </a></div>  <div id="footer"> <ul> <li><a href="contents/.html">home <li><a href="contents/.html">猫を飼う方法</li></a> <li><a href="contents/.html">猫の里親になろう！</li></a> <li><a href="contents/.html">子猫の飼い方</li></a> <li><a href="contents/.html">猫のお手入れ</li></a> <li><a href="contents/.html">猫の体のしくみ</li></a> <li><a href="contents/.html">猫の病気</li></a> <li><a href="contents/.html">猫の習性</li></a> <li><a href="contents/.html">猫の気持ち</li></a> <li><a href="contents/.html">去勢と避妊</li></a> <li><a href="contents/.html">猫が妊娠したら</li></a> <li><a href="contents/.html">猫の種類</li></a> <li><a href="contents/.html">猫に芸を覚えさせよう</li></a></li> <div align="center"> <br>Copyright(C) 猫の飼い方・育て方.All right Reserved. </div> </div> </div> </body> </html> ｃｓｓ #menu { background-color:#191970; line-height:1.5; width:200px; padding:10px 0; } #menu ul{ background-color:#191970; margin:0; padding:0 10px; width:180px; line-height:1.5; } #menu li{ background-image:url(image/menu_background.gif); margin:0; padding:0; margin-left:0px; list-style: none; } a:link { color:#0000cc; text-decoration: none; } #contents{ background-image:url(image/contents_background-img.jpg); line-height: 1.5; width:650px; float:right; margin-left:20px; margin-bottom:20px; padding-top:30px; padding-bottom:30px; padding-left:20px; padding-right:20px; } #footer{ width:900px; font-size:10px; float:right; } #footer ul{ width:900px; margin:0; padding:0; text-align:center; } #footer li{ list-style:none; display:inline; }
HTMLの添削をお願いします

初心者ながらＨＰを作っているんですが、下記のＨＴＭＬを実行するとＩＥではちゃんと表示されるのですが、ＦｉｒｅＦｏｘでは水平線が直前の文章より上側に表記されてしまいますので直し方を教えてください。あと、ＨＴＭＬ文の最後の方にある <div class="posi1"><p>この下に線を引きたいです</div></p> ですが、正しくは</p></div>だと思うんですがこれだとＩＥでも水平線が文章より上側に表示されてしまいます。できたらこの理由も教えてください。 <html> <head> <title>教えてください</title> <style type="text/css">  </style> </head> <br><br> <div class="posi1"><p>この下に線を引きたいです</div></p> <hr width="800"><br> <h4 align="center">文章</h4> </body> </html>
文章のマークアップについて

<p><span class="red">「今日は寒いね」</span><br> 　彼はそう言って笑った。</p> <p><span class="blue">「あ…、雪だ」</span></p> ↑このような使い方は誤り…。かと言って <div class="red">「今日は寒いね」</div> 　彼はそう言って笑った。<br>　　←この部分だけCSSで指定したフォントスタイルが適用されない。 <div class="blue">あ…、雪だ」</div> <div class="red">「今日は寒いね」</div> <div>　彼はそう言って笑った。<div> <br> <div class="blue">「そうだね」<div> ↑これでは少しこの会話が続いた時に「div病(？)」テキストに書いてありました。全て同じフォントスタイルを使い且つ１行空けたい場合はどうマークアップすれば良いのでしょうか。 HTML初心者のweb作家です。タグと具体例を示して頂けるとありがたいです。
HTML&CSS DIVをぴったりと縦に並べたい

HTML&CSS初心者です。下記のソース様に、DIVで一つにまとめたBOXを縦に並べたいのですが、「見出し002」の上のマージンがうまく取れずに困っています。 .box内のphoto00.jpgをフロートにしている為、フロートが悪さをしている事を考え、「見出し002」の上のDIV内に<br style="clear: both;" />を入れると、余白が生まれるのですが、 MacのSafariとFirefoxでは、余白の差が出てしまいます。（Safariの方が余白が大きい） <br style="clear: both;" />を入れないと、上のマージンはほぼ消えてしまい、わずかにFirefoxの方では余白が生まれます。ちなみにこの現象は「ここにテキストが入ります。」の行数を減らすと解決するのですが、下記のソースでも、photo00.jpgの高さをはみ出す行数ではない為、この<div class="box">に変な膨らみを持たせたくありません。どなたか解決法を教えて下さい。よろしくお願い致します。【HTML】 <div id="main"> <div class="mds01"><h3><em>見出し001</em></h3></div> <div class="box"> <img src="img/photo00.jpg" width="155" height="108"> <h5>小見出し</h5> <p class="txt">ここにテキストが入ります。<br><br> ここにテキストが入ります。<br> ここにテキストが入ります。</p> </div> <div class="box"> <img src="img/photo00.jpg" width="155" height="108"> <h5>小見出し</h5> <p class="txt">ここにテキストが入ります。<br><br> ここにテキストが入ります。<br> ここにテキストが入ります。</p><br style="clear: both;" /> </div> <div class="mds02"><h3><em>見出し002</em></h3></div> <div class="box"> <img src="img/photo00.jpg" width="155" height="108"> <h5>小見出し</h5> <p class="txt">ここにテキストが入ります。<br><br> ここにテキストが入ります。<br> ここにテキストが入ります。</p> </div> </div> 【CSS】 /*メイン大枠部分*/ #main { margin: 0px; padding: 0px; width: 627px; float: right; background: #FFFFFF; height: auto; } /*各見出し*/ .mds01 h3 { background: url(img/mmds01.gif) no-repeat; margin: 25px 0px 15px; padding: 0px; height: 20px; width: 587px; font-size: 9px; color: #FFFFFF; clear: left; float: none; } .mds02 h3 { background: url(img/mmds02.gif) no-repeat; margin: 25px 0px 15px; padding: 0px; height: 20px; width: 587px; font-size: 9px; color: #FFFFFF; clear: left; float: none; } /*ボックス*/ .box { margin: 0px; padding: 0px; height: auto; width: 587px; clear: left; } /*ボックス内・画像とテキスト*/ #main .box img { float: left; padding-right: 10px; } #main .box h5 { font: bold 14px "ＭＳＰゴシック", Osaka; color: #022962; margin: 0px 0px 10px; padding: 0px; } .txt { font: normal 13px/16px "ＭＳＰゴシック", Osaka; color: #333333; margin: 0px; padding: 0px; } em { visibility: hidden; }
HTMLのPOSTで値が正しく送信できない

こんにちは。以下のプログラム（正確には、PHPで書いてHTMLではき出された物のHTMLコード）を書いているのですが、うまくいかないので、質問させてください。フォームPOSTで、データを送ろうとしています。テーブルを作成し、今は、2行のテーブルとなっています。 1行目でPOSTしたものと、2行目でPOSTしたものをどちらも受け取りたいのですが、2行目でPOSTしたものしか、受け取れません。どこがおかしいのでしょうか？分かる方、よろしくお願いします！以下プログラム-------------------------- <form method="POST" action="test1.php"> <table border="1" cellpadding="1"> <tr> <td width="123"> <a href="g1_who.flv" target="_self"> <img src="g1_who.jpg" alt="" border=0 width="160" height="120" /></a><br> <p class="heading"> <div class="name"> <p align="center"><a href="./?m=pc&a=page_f_home&target_c_member_id=1">てすと</a><br></p> </div> <input name="movie[g1_who.flv,g1_who.jpg]" type="text" size="3" /><br><br> </td> <td width="123"> <a href="movie/bus.flv" target="_self"> <img src="bus.jpg" alt="" border=0 width="160" height="120" /></a><br> <p class="heading"> <div class="name"> <p align="center"><a href="./?m=pc&a=page_f_home&target_c_member_id=1">てすと</a><br></p> </div> <input name="movie[bus.flv,bus.jpg]" type="text" size="3" /><br><br> </td> </tr> <tr> <td width="123"> <a href="usagi.flv" target="_self"> <img src="usagi.jpg" alt="" border=0 width="160" height="120" /></a><br> <p class="heading"> <div class="name"> <p align="center"><a href="./?m=pc&a=page_f_home&target_c_member_id=4">てすと</a><br></p> </div> <input name="movie[usagi.flv,usagi.jpg]" type="text" size="3" /><br><br> </td> <td width="123"> <a href="test.flv" target="_self"> <img src="test.jpg" alt="" border=0 width="160" height="120" /></a><br> <p class="heading"> <div class="name"> <p align="center"><a href="./?m=pc&a=page_f_home&target_c_member_id=4">てすと</a><br></p> </div> <input name="movie[test.flv,test.jpg]" type="text" size="3" /><br><br> </td> <td width="123"> <a href="bus.flv" target="_self"> <img src="bus.jpg" alt="" border=0 width="160" height="120" /></a><br> <p class="heading"> <div class="name"> <p align="center"><a href="./?m=pc&a=page_f_home&target_c_member_id=4">てすと</a><br></p> </div> <input name="movie[bus.flv,bus.jpg]" type="text" size="3" /><br><br> </td> <td width="123"> <a href="g1_who.flv" target="_self"> <img src="g1_who.jpg" alt="" border=0 width="160" height="120" /></a><br> <p class="heading"> <div class="name"> <p align="center"><a href="./?m=pc&a=page_f_home&target_c_member_id=1">てすと</a><br></p> </div> <input name="movie[g1_who.flv,g1_who.jpg]" type="text" size="3" /><br><br> </td> </tr> </table> <br> <input type="submit" class="input_submit" value="選んだ映像を確認する" /> </form>
HTML,CSS：文章内の文字を強調する方法

例えば、 HTML部分 <div class="a">私は、～～<? class="b">「●●」</?>～～である。</div> CSS部分 div.a {font-style: normal; font-size: 11pt; font-family: "ＭＳ明朝"; line-height: 125% } のとき、<?>の部分を強調したいのですがどのタグを使えばいいでしょうか？レイアウトはCSSと聞いてるので、あまりHTML側でレイアウト用のタグは使わない方がいいのではないかと思っているのですが…。ちなみに、<?>は改行しない場合です。回答よろしくお願いします。
【Html CSS】<a>の上に文字を配置したい

添付の画像の様にしたいです。一番左には「ＳｏｌｄＯｕｔ」って文字が一番上に配置されてます。（この状態でhoverも<a>のリンクも効かせたい）以下は、ソースです。これを添付の画像の様にしたいです。 <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/> <meta http-equiv='Content-Style-Type' content='text/css'> <style> img{ border: 0px; vertical-align: middle; } .box li{ float: left; list-style:none; } .box .out{ border-right: 10px solid #fff; border-top: 10px solid #fff; } .box a { text-align: center; display: block; text-decoration: none; font-weight: bold; color: #69380f; background-color: #f2f2f2; width: 100px; height: 120px; } .box a:hover{ background-color: #ccc; } </style> </head> <body> <ul class='box'> <li><div class='out'><a href='javascript:void(0);'>hoge<br><img src='shop.cgi?img=1'><br>300円</a></div></li> <li><div class='out'><a href='javascript:void(0);'>hoge<br><img src='shop.cgi?img=1'><br>300円</a></div></li> <li><div class='out'><a href='javascript:void(0);'>hoge<br><img src='shop.cgi?img=1'><br>300円</a></div></li> </ul> <br> </body> </html> 以上、ご指導の程、宜しくお願いいたします。
【jqueryを設置】ブラウザによって崩れてしまう

いつもお世話になっています。 Firefoxとsafariでカラム崩れしてしまい、どこをなおせばいいかわかりません。どうすれば崩れないでしょうか？ HTML↓ <div class="slider-wrap"> <div id="main-photo-slider" class="csw"> <div class="panelContainer"> <div class="panel" title="Panel 5"> <div class="wrapper"> <img src="images/tempphoto-1.jpg" alt="temp" /> <div class="photo-meta-data"> New Video on CSS-Tricks<br /> <span>Using Wufoo for Web Forms</span> </div> </div> </div> <div class="panel" title="Panel 5"> <div class="wrapper"> <img src="images/tempphoto-2.jpg" alt="temp" /> <div class="photo-meta-data"> New Video on CSS-Tricks<br /> <span>Using Wufoo for Web Forms</span> </div> </div> </div> <div class="panel" title="Panel 3"> <div class="wrapper"> <img src="images/tempphoto-5.jpg" alt="temp" /> <div class="photo-meta-data"> New Video on CSS-Tricks<br /> <span>Using Wufoo for Web Forms</span> </div> </div> </div> <div class="panel" title="Panel 4"> <div class="wrapper"> <img src="images/tempphoto-5.jpg" alt="temp" /> <div class="photo-meta-data"> New Video on CSS-Tricks<br /> <span>Using Wufoo for Web Forms</span> </div> </div> </div> <div class="panel" title="Panel 5"> <div class="wrapper"> <img src="images/tempphoto-5.jpg" alt="temp" /> <div class="photo-meta-data"> New Video on CSS-Tricks<br /> <span>Using Wufoo for Web Forms</span> </div> </div> </div> <div class="panel" title="Panel 6"> <div class="wrapper"> <img src="images/tempphoto-5.jpg" alt="temp" /> <div class="photo-meta-data"> New Video on CSS-Tricks<br /> <span>Using Wufoo for Web Forms</span> </div> </div> </div> </div> </div> <a href="#1" class="cross-link active-thumb"><img src="images/tempphoto-1thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a> <div id="movers-row"> <div><a href="#2" class="cross-link"><img src="images/tempphoto-2thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div> <div><a href="#3" class="cross-link"><img src="images/tempphoto-3thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div> <div><a href="#4" class="cross-link"><img src="images/tempphoto-4thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div> <div><a href="#5" class="cross-link"><img src="images/tempphoto-5thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div> <div><a href="#6" class="cross-link"><img src="images/tempphoto-6thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div> </div> </div> <br clear="all" /> <div style="margin-top:20px;"> <img src="images/tempphoto-2thumb.jpg" alt="temp-thumb" /> </div> CSS↓ .slider-wrap { width: 1050px; top: 87px; left: 40px; clear: both; border:solid #fff 0px;} .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; } .stripViewer { position: relative; overflow: hidden; width: 1050px; height: 455px; } .stripViewer .panelContainer { position: relative; left: 0; top: 0; } .stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 1050px; } .stripNavL, .stripNavR, .stripNav { display: none; } .nav-thumb { border: 1px solid black; margin-right: 5px; } #movers-row { margin: -43px 0 0 62px; } #movers-row div { width: 10%; float: left; } #movers-row div a.cross-link { float: right; } .photo-meta-data { background: url(images/transpBlack.png); padding: 10px; height: 45px; margin-top: -65px; position: relative; z-index: 9999; color: white; } .photo-meta-data span { font-size: 13px; } .cross-link { display: block; width: 62px; margin-top: -14px; position: relative; padding-top: 15px; z-index: 9999; }
CSSで作ったテーブルのレイアウトが崩れ困っています

テーブルで作成内容をCSSで作成中ですが勉強不足でレイアウトが崩れてしまいます。テーブルの指定内容を以下のCSSに置き換えています table→dn2 tr→d0 td→d1・d11・d12・d2・d3　２文字目が列の順番です　d3（最後の列）は、float:leftの指定が無いのに回り込むように表示されてしまいます。以下のように記述しています　下の改行後の内容のように表示したいのですが <html><head><meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css;"> <style type="text/css"></style></head> <body><div class="dn2"> <div class="d0"><div class="d1"><div class="p08">姥ケ谷</div><div class="p14n">　下田弐拾八歩</div></div> <div class="d2">拾壱間<br>弐間半</div> <div class="d3"><div class="p08">南沼上村</div><div class="p14n">　伊左衛門</div></div></div> <div class="d0"><div class="d11">下<br>下</div> <div class="d12">田廿三歩</div> <div class="d2">四間半<br>五間</div> <div class="d3"><div class="p08">川合村</div><div class="p14n">長三郎</div></div></div> <div class="d0"><div class="d1">　下畑拾六歩</div> <div class="d2">四間<br>四間</div> <div class="d3">　同　人</div></div><br>  <div class="d0"><div class="d11">下<br>下</div> <div class="d12">畑六歩</div> <div class="d2">四間<br>壱間半</div> <div class="d3"><div class="p08">同村</div><div class="p14n">曽右衛門</div></div></div> <div class="d0"><div class="d1">　下畑拾五歩</div> <div class="d2">五間<br>三間</div> <div class="d3">　同　人</div></div></div> </body></html> ie7 バージョン7.0.5730.11です宜しくお願いします。
HTMLのタグの入ったセルを結合したい

ヤフオクやイーベイの出品管理をEXCELで行っており、商品説明や商品画像URLを各セルに保存しています。別途用意したHTMLのフォーマットにそれぞれを埋め込みたいです。商品数が多いので、コピペではとても出来ません。現状、そのまま下記のとおりセルの中身を結合するとダブルクオーテーションが現状の倍くらいの数になってしまい、HTMLのタグとして機能しません。 =A1(HTMLのタグ）＆B1(画像URL）＆C1（HTMLのタグ） A1のセル <body> <div style="WIDTH: 100%; TEXT-ALIGN: center"> <div id="wrapper" style="FONT-SIZE: 23px; FONT-FAMILY: Arial, Helvetica, sans-serif; WIDTH: 860px; COLOR: #000; TEXT-ALIGN: left; MARGIN: 0px auto"> <h1 style="FONT-SIZE: 38px; HEIGHT: 60px; WIDTH: 850px; COLOR: #ffffff; PADDING-LEFT: 10px; MARGIN: 0px; LINE-HEIGHT: 60px; BACKGROUND-COLOR: #336600">Picture</h1> <img src=" B１のセル画像URL C1のセル "> <div class="sub_tit" style="FONT-SIZE: 35px; HEIGHT: 40px; WIDTH: 850px; FONT-WEIGHT: bold; COLOR: #ffffff; PADDING-LEFT: 10px; LINE-HEIGHT: 40px; BACKGROUND-COLOR: #336600"> Description </div><br><font size="5">
CSSセクレター　子孫のみに適用する方法

子孫の要素のみに、CSSを適用する方法を教えてください。下記は適用方法が分からないため、<a>に適用させていますが、理想としては<a>の中の<div>要素に適用させたいのです。 ※（最後のbox1margin:rgiht:0px;になりそれ意外のブロックが全てmargin:rgiht:10px;になる）よろしくお願いします！  <div class="box-wrapper"> <a href=""><div class="box1">ブロック１</div></a> <a href=""><div class="box1">ブロック２</div></a> <a href=""><div class="box1">ブロック３</div></a> </div> /*CSS側の記述*/ .box1{ width:100px; height:20px; background:#C6F; text-align:center; display:inline-block; } .box-wrapper > a{ margin:0 10px 0 0; } .box-wrapper > a:last-child{ margin:0; }
<!DOCTYPE> 宣言をするとページが大幅に狂います

なんとかページを作り込んだ訳ですが、このサイトで色々見ているとどうにも今はドキュメント宣言をし、それに準拠したページを作った方がよいということが分かりました。ただこの宣言をすると見事にページが崩れます。それと試しにブラウザチェックができるサイトで見たところIE以外はほとんど崩れてしまいました。他のページも直さないといけないのでどこが悪いのかを教えていただけるとありがたいです。最後の大量の<br>はつけないとウィンドウを小さくしたときにコピーライトが見えなくなる（スクロールが下まで行かない）為にしています。こちらの解決法も合わせてお願いします。 <head> <meta http-equiv="Content-Language" content="ja"> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>-------</title> <style type="text/css">  </style> </head> <html> <body bgcolor="#FFFFF0"> <center><span class="moji"> <a href="top.html">トップ</a> <a href="profile.html">プロフィール</a> <a href="gallery.html">ギャラリー</a> <a href="link.html">リンク</a> <a href="mail.html">コンタクト</a> </span> </center> <div class="watop" align="center"> <img src="watop.gif" border="0" usemap="#top"> <map name="top"> <area shape="rect" coords="50,100,140,160" href="top.html" alt="トップ"> <area shape="rect" coords="168,100,255,160" href="profile.html" alt="プロフィール"> <area shape="rect" coords="345,105,407,140" href="gallery.html" alt="ギャラリー"> <area shape="rect" coords="495,110,580,150" href="link.html" alt="リンク"> <area shape="rect" coords="600,105,650,145" href="mail.html" alt="メール"> </map> </div> <div class="warau"> <A HREF="top.html"><img border="0" src="hyousi.mini.gif"></A> </div> <div class="mark" align="center"> <span class="mark">copyright(c) 2009 ----- All Rights Reserved.</font> </span> </div> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </body> </html>

HTMLで入力ミス

HTMLで入力ミス

質問者が選んだベストアンサー

関連するQ&A

フレームHTMLについて。

JavascriptでHTMLを書き換えたいのです

レイアウトが崩れないようにするための、<div>を<div>で囲む理由

レイアウトが崩れます

html5、私の考えは邪道？

CSSのクラス指定について

ブログのHTMLから本文を抽出したい

EXCELでHTMLのタグの入ったセルを結合したい

練習でHTMLを作っています

HTMLの添削をお願いします

文章のマークアップについて

HTML&CSS DIVをぴったりと縦に並べたい

HTMLのPOSTで値が正しく送信できない

HTML,CSS：文章内の文字を強調する方法

【Html CSS】<a>の上に文字を配置したい

【jqueryを設置】ブラウザによって崩れてしまう

CSSで作ったテーブルのレイアウトが崩れ困っています

HTMLのタグの入ったセルを結合したい

CSSセクレター　子孫のみに適用する方法

<!DOCTYPE> 宣言をするとページが大幅に狂います

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

HTMLで入力ミス

HTMLで入力ミス

質問者が選んだベストアンサー

関連するQ&A

フレームHTMLについて。

JavascriptでHTMLを書き換えたいのです

レイアウトが崩れないようにするための、<div>を<div>で囲む理由

レイアウトが崩れます

html5、私の考えは邪道？

CSSのクラス指定について

ブログのHTMLから本文を抽出したい

EXCELでHTMLのタグの入ったセルを結合したい

練習でHTMLを作っています

HTMLの添削をお願いします

文章のマークアップについて

HTML&CSS DIVをぴったりと縦に並べたい

HTMLのPOSTで値が正しく送信できない

HTML,CSS：文章内の文字を強調する方法

【Html CSS】<a>の上に文字を配置したい

【jqueryを設置】ブラウザによって崩れてしまう

CSSで作ったテーブルのレイアウトが崩れ困っています

HTMLのタグの入ったセルを結合したい

CSSセクレター 子孫のみに適用する方法

<!DOCTYPE> 宣言をするとページが大幅に狂います

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

CSSセクレター　子孫のみに適用する方法

カテゴリ
一覧

専門家に質問してみよう
専門家登録