- ベストアンサー
HTML（画像の幅や高さの設定について）
HTMLで画像の幅(width)や高さ(height)を設定する際、 次のようにピクセル「px」は省略してもよろしいのでしょうか？ 【例】<img src="images/logo.gif" width="200" height="300">
- newnewpc
- お礼率86% (647/749)
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
少々古い本ですが。 アンクという株式会社の「ホームページ辞典」を見る限り、【例】の書き方で大丈夫です。 「HTML-lint『http://openlab.ring.gr.jp/k16/htmllint/』」という構文チェックサイトで、「pxが無い」というエラーが出たことはありませんので、自信ありで回答します。
その他の回答 (1)
- DAV
- ベストアンサー率37% (746/2009)
<img src="images/logo.gif" width="200" height="300"> px無しで””も無しにしてください。images/も余計です。 <img src="logo.gif" width=200 height=300>
お礼
<"">なしでもOKなのですね！ ありがとうございました。
関連するQ&A
- 横並びの画像で、ブラウザの幅を縮めても、二段にならない方法は？
よろしくお願いします。 下記のように書いて、画像を横並びにしています。 ただ、ブラウザの幅を縮めると、二段になっていまいます。 幅を縮めても、一段のまま保持するには、どのように書けば良いでしょうか？ <img src="aa1.gif" width="100px" height="100px'> <img src="aa2.gif" width="100px" height="100px'> <img src="aa3.gif" width="100px" height="100px'> <img src="aa4.gif" width="100px" height="100px'>
- 締切済み
- HTML
- ＨＴＭＬについて
HTML初心者です。 下記のようなソース（HTML）をはじめてみました。PCスクールでは習っていませんが、こんなHTMLって、あるんですか？ 内部SEO対策には不適切なのでは？と思うんですが大丈夫なんでしょうか？ <div class="h_wrap"> <!--▼ロゴ--> <div class="h_logo"> <a href="http://www.rakuten.co.jp/" target="_top"> <!--▽ロゴ画像 幅550px×高さ55px▽--> <img src="http://www.rakuten.ne.jp/images/h_logo.jpg" width="550" height="55" alt="おしゃれな雑貨のセレクトショップ(Import Design Factory)"> <!--△ロゴ画像 幅550px×高さ55px△--> </a> </div><!--//h_logo-->
- 締切済み
- SEO
- HTMLの画像の貼り方について質問です。
はじめまして。OHANA_Sといいます。 よろしくお願いします。 早速ですが、HTMLについて質問させて下さい。 HTMLでTABLEを組んで 画像を隙間なく貼り合わせたいのですが、 「CELLSPACING="0" CELPADDING="0" BORDER="0"」 を記入しても画像の間に少し隙間が出てキレイに組めません。 何か対処法がありましたら教えてください。 今、手こずってるのがこのTABLEです。 1段目：画像1枚（縦200px、横525px） 2段目：画像7枚（縦15px、横75px（×7=合計525px)） <table WIDTH="525" CELLSPACING="0" CELPADDING="0" BORDER="0"> <td colspan=7> <img src="1段目画像.gif" WIDTH="525" height="200" BORDER="0"> </td><tr> <td> <img src="2段目画像.gif" WIDTH="75" height="15" BORDER="0"> </td> （中略） </TABLE> 長文になってしまい申し訳ありませんが、よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- テーブルで画像を並べるときに・・
今ホームページをつくっていて 幅600pxのロゴ(jpg画像)の下に幅280px,80px,80px,80px,80px画像を並べています。 全部の画像をぴったりくっつけたいんですが、上のロゴと下の5つ並んだ画像の間に1pxくらいの隙間が出来てしまいます。 ソースは <table width="600" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="img/title.jpg" width="600" border="0"> </td> </tr> <tr> <td> <img src="img/1.jpg" width="280"height="35" border="0"> </td> <td> <img src="img/2.jpg" width="80" height="35" border="0"> </td> <td> <img src="img/3.jpg" width="80" height="35" border="0"> </td> <td> <img src="img/4.jpg" width="80" height="35" border="0"> </td> <td> <img src="img/5.jpg" width="80" height="35" border="0"> </td> </tr> </table> http://web-channel.com/index.html このホームページのようにしたいんですがどこを直したらいいんでしょうか？ 環境は、WinMEでエディタにタグ打ち込んで作ってます。
- ベストアンサー
- HTML
- リストタグに画像を入れた場合
リストタグに画像<img>タグを入れたのですが、Firefoxでは隙間なく表示されますが、IE6で確認すると、画像の下に隙間ができてしまいます（3pxほど）。 何か修正点や、解決策があればお願い致します。 そもそも、リストタグに画像を入れることがおかしいのでしょうか？ 【HTML】 <ul id="navi"> <li><img src="../img/aaa.gif" width="200" height="50"></li> <li><img src="../img/bbb.gif" width="200" height="50"></li> <li><img src="../img/ccc.gif" width="200" height="50"></li> <li><img src="../img/ddd.gif" width="200" height="50"></li> </ul> 【CSS】 ul#navi{ margin: 0px; padding: 0px; } ul#navi li{ margin: 0px; padding: 0px; list-style-type: none; list-style-position: outside; display: block; width: 200px; height: 50px; }
- 締切済み
- HTML
- Webの表で画像を並べたい
テーブルを使って画像を並べているのですが、どうしても空白ができてしまいます。ソースを見ても何が原因だかわかりません。 左側に145*89のセルが一つあり、右上に604*54のセル、右下には35*35、60*35、509*35の3つのセル（今後増やす予定です）を作り、画像を並べたいと思っています。 が、左の画像と右下（2つ）の画像、右下（2つ）の画像と右上の画像との間にそれぞれ少しだけ空白ができてしまいます。 何が原因だか分かりますか？どうかよろしくお願いします。 ソースは以下の通りです。 <table width="749" height="89" border="0" cellspacing="0" cellpadding="0"> <tr> <td rowspan="3" width="145" height="89"><IMG SRC="images/main_up_01.gif" width="145" height="89"> </td> </tr> <tr> <td width="604" height="54" colspan="10"><IMG SRC="images/main_up_02.gif" width="604" height="54"> </td> </tr> <tr> <td width="35" height="35"> <img src="images/top.gif" width="35" height="35"> </td> <td width="60" height="35"> <img src="images/top2.gif" width="60" height="35"> </td> <td width="509" height="35"> </td> </tr> </table>
- ベストアンサー
- HTML
- CSSにてfloat:leftを使用して画像を3つ並べたのですが。。
CSSにてfloat:leftを使用して画像を3つ並べたのですがこの3つの画像をセンターによせることができません。 なんでかまったくわかりません（ToT） 教えてくださいｍ（＿＿）ｍ 【HTML】 <div class="box2"><img src="images/sum2.gif"></div> <div class="box3"><img src="images/sum3.gif"></div> <div class="box4"><img src="images/sum4.gif"></div> 【CSS】 .box2{ float:left; width:219px; } .box3{ float:left ; width:156px;} .box4{ float:left ; width:195px; }
- 締切済み
- その他([技術者向] コンピューター)
- CSSの左横に隙間ができてしまいます。
画像の左横に謎の隙間(8mmほど)ができて埋まりません。 そのため、4枚収めたい画像のうち、最後の1枚が改行されてしまっています。 padding や vartical-align、text-alignなど試してみましたが、ダメでした。 とても困っています、どなたかご教示くださいますようお願いいたします。 << CSS >> #header { width:940px; height:59px; margin: 0 0 20px 0; } #logo { width:300px; height:59px; float:left; margin: 0 20px 0 0; } #menu { width:620px; height: 59px; padding: 0; margin: 0; float:right; } #menu img { padding-top:8px; border:none; } #menu ul { margin:0; } #menu ul li { margin: 0px; padding: 0px; list-style-type: none; display:inline; float:left; } << HTML >> <div id="header"> <div id="logo"> <img src="img/logo.gif" width="298" height="59" alt="ロゴ"> </div><!-- /#logo --> <div id="menu"> <ul> <li><img src="img/btn_A.gif" width="194" height="51"></li> <li><img src="img/btn_B.gif" width="140" height="51"></li> <li><img src="img/btn_C.gif" width="149" height="51"></li> <li><img src="img/btn_D.gif" width="137" height="51"></li> </ul> </div><!-- /#menu --> </div><!-- /#header -->
- ベストアンサー
- CSS
- HTMLの記述について
HTMLの記述について二つ質問です． (1) ，一つ下のディレクトリにある画像などを参照するとき， a) <img src="images/logo.gif"> b) <img src="./images/logo.gif"> と，どちらの記述でも同じ画像を表示できますが，何か違いがあるのでしょうか． (2) たまに，<br> を <br /> などと記述しているHTMLソースをみかけますが， これらにも何か違いはありますか？ よろしくお願い致します。
- ベストアンサー
- HTML
- 画像をcssでレイアウトしたいです
以下のボックスにあるイメージをボックスの左上を基準に2x2の形に並べたいです。その際にcssのpositionを使用してrelativeを指定して定義したのですがうまくいきません。正しい指定の方法を教えてください。 <div id="bottom_right"> <img src="images/image1.gif" width="176" height="57" /> <img src="images/image2.gif" width="176" height="57" /> <img src="images/image3.gif" width="176" height="57" /> <img src="images/image4.gif" width="176" height="57" /> </div>
- ベストアンサー
- HTML
お礼
理解できました。ありがとうございました。