![]()
- ヘッダのメニューバーを画面の横一杯に伸ばすには
http://news4vip.livedoor.biz/ このサイトのヘッダのメニューバーのような、画面横一杯に伸びたメニューバーを作りたいと考えています。 ところが、CSSで width:100%; と指定しても、必ず若干の余白ができてしまうのです。 このサイトのように、余白なくメニューバーを伸ばすにはどうすればよいのでしょうか？
- HTMLについて
HTMLで一からサイトをつくってます。ダラーズのうようなサイトをつくってるんですが左サイドに自作アイコンをリンクさせ、ページ内のチャットや掲示板に飛ばしています。それでチャットや掲示板はレンタルしてるんですが、インラインフレームに入れてあります。そのインラインフレームがどうしてもアイコンより上にできません。アイコンの隣にインラインフレームを持って来たいんですがどうすればいいですか？ 後、その場合文やテーブルのも書いといてもらえるとありがたいです。 説明判りにくいかもしれません。簡単に言えばアイコンの隣にインラインフレームや文、テーブルをもってきたいんですがどうすればいいですか？ということです。早期回答を待ってます
- タグとタグの間が空、をなくしたい。
テキストに直接HTMLを打ち込みながら制作しています。 HTMLのチェックをしたところ、「<DIV> と </DIV> の間が空」という注意が表示されたのですが、どのように空要素をなくすのがスマートなのでしょうか？ 独学で制作していたため、色々間違っている部分が多くあるかと思いますが、ご指導のほどよろしくお願いします…！ 現在下記のようなパターンで使用していました。 1 <h2>○○○○○○○</h2> 2 <p>○○○○○</p> 3 <p>○○○○○</p> 4 <div style="margin-top:50px;"></div> 5 <h2>○○○○○○○</h2> 6 <p>○○○○○</p> 7 <p>○○○○○</p> やりたかったこと＝ それぞれのh2の間に少し広めの空きを作りたかった。 divの空要素を書き込んだ理由＝ pにmarginを指定するとpとpの間にまで空きができてしまう h2にmarginを指定すると、一番最初のh2の上が空きすぎてしまう と言った理由からでした。 この場合、それぞれのh2の間に少し広めの空きを作るにはどうしたらいいのでしょうか？3行目のpにclassを指定すればいいのでしょうか…。 それともbr等で指定ができるのでしょうか？ 空きをbrで記述した時も、あまり連続してbrを記入したらチェックで指摘されて困っています。 どうぞよろしくお願いします！
- ベストアンサー
- HTML
- hiyokomoti
- 回答数6
- ホームページ（ＩＮＤＥＸ）のフレーム分けをした時のSEO対策（検索ロボットへの影響）について
初めまして。 今、ＩＢＭのホームページビルダーでホームページを作っております。 ご質問ですが、INDEX.HTMLを4つのフレームに分けております。 (1)INDEX.HTMLは、(2)～(3)フレームの制御 (2)HEADER.HTMは、ヘッドフレーム (3)NAVI.HTMは、ナビゲーションフレームで各ページへのリンクを貼り (4)BODY.HTMは、INDEXのボディフレーム で(1)～(4)で一つのページになりますが 上記の(1)～(4)の形でSEO対策の検索エンジンの 「特に、検索ロボット」の巡回では、うまく反映されないのでしょうか？ ご指導の事を、よろしくお願い致します。
- 締切済み
- HTML
- noname#210679
- 回答数3
- Marqueeタグについて
テーブル内で特定のセルのみ文字列がスクロールする画面を製造しています。 スクロールにはMarqueeタグを使用し、 初期表示では文字列が静止 マウスを乗せると文字列がスクロール マウスを外すと文字列が静止 という動きを行いたいのですが、 初期表示はデフォルトで文字列がスクロールしてしまいます。 初期表示で文字列の静止は出来ないものなんでしょうか？ <table> <tr> <td height="20" width="100">AAA</td> <td height="20" width="100"> <Marquee id="mar1" width="100" onmouseover=this.start() onmouseout=this.stop()>BBB</Marquee></td> <td height="20" width="100">CCC</td> </tr> </table>
- web標準、実際どのくらい実行されてるのでしょうか
知り合いから頼まれて・・・という程度で個人でＨＰ製作の仕事をしています。 １０年前から知識を更新していなかったため、つい昨日、web標準という言葉を知りました。 今の今まで、テーブル組みでＨＰ製作をしていました。 徐々にcss＋xhtmlでの作成に切り替えていければ・・・とは思うのですが、実際のところ、世間ではweb標準で作成されているＨＰは個人や大手企業などのサイトを含め何割くらいが実行されているものなのでしょうか。
- web標準、実際どのくらい実行されてるのでしょうか
知り合いから頼まれて・・・という程度で個人でＨＰ製作の仕事をしています。 １０年前から知識を更新していなかったため、つい昨日、web標準という言葉を知りました。 今の今まで、テーブル組みでＨＰ製作をしていました。 徐々にcss＋xhtmlでの作成に切り替えていければ・・・とは思うのですが、実際のところ、世間ではweb標準で作成されているＨＰは個人や大手企業などのサイトを含め何割くらいが実行されているものなのでしょうか。
- clear: bothの事で質問です。
XHTML+CSSを勉強してる初心者ですが。 この場を借りて質問させてもらいます。 判らない事は (1) <div style="background: #CCCCCC; height: auto; width: 700px;"> <div style="background: #888999; height: 100px;width: 300px;float:left;">画像</div> <div style="background: #999999; height: 300px;width: 400px;float:left;">画像の説明</div> <br style="clear: both;" /> (2) <div style="background: #CCCCCC; height: auto; width: 700px;"> <div style="background: #888999; height: 100px;width: 300px;float:left;">画像</div> <div style="background: #999999; height: 100px;width: 400px;float:left;">画像説明</div> <div style="clear: both;"></div> (1)と(2)では、 (1)は<br style="clear: both;" />と記入してますが (2)は<div style="clear: both;"></div>と記入してます。 この(1)と(2)は同じなのでしょうか？ それと使うとするならどちらのほうが有効的なのでしようか？ 教えていただければ光栄です。
- clear: bothの事で質問です。
XHTML+CSSを勉強してる初心者ですが。 この場を借りて質問させてもらいます。 判らない事は (1) <div style="background: #CCCCCC; height: auto; width: 700px;"> <div style="background: #888999; height: 100px;width: 300px;float:left;">画像</div> <div style="background: #999999; height: 300px;width: 400px;float:left;">画像の説明</div> <br style="clear: both;" /> (2) <div style="background: #CCCCCC; height: auto; width: 700px;"> <div style="background: #888999; height: 100px;width: 300px;float:left;">画像</div> <div style="background: #999999; height: 100px;width: 400px;float:left;">画像説明</div> <div style="clear: both;"></div> (1)と(2)では、 (1)は<br style="clear: both;" />と記入してますが (2)は<div style="clear: both;"></div>と記入してます。 この(1)と(2)は同じなのでしょうか？ それと使うとするならどちらのほうが有効的なのでしようか？ 教えていただければ光栄です。
- XHTML+CSS IE5.5で見ると崩れる
皆様こんにちは、XHTML+CSSで初歩を勉強してる者ですがどうして判らない事があるので教えていただければ助かります。 判らないことは XHMLのソースに <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>練習</title> <link href="oooo.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="a"> <div id="b"> id "b" </div> <div id="c"> id "c"</div> <div id="d"> id "d"</div> <div id="e"> id "e"</div> </div> </body> </html> と記入しております CSSのソースは @charset "utf-8"; body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; padding: 0px; } #a { background-color: #999999; width: 400px; border: 1px solid #66FF00; } #a #b { background-color: #006699; width: 400px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #996600; } #a #c { background-color: #00CC99; margin: 5px; float: left; width: 100px; display: inline; } #a #d { background-color: #99FF66; width: 285px; float: left; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; display: inline; } #a #e { clear: both; background-color: #0000FF; height: 20px; } と記入しております。 IE8,7,6では自分の描いたイメージどうり表示されるものの、 IE5.5では崩れてしまいます。 作成ソフトはAdobe Dreamweaver CS3で作成しております。 ブラウザーの互換性チェックしても何も問題は無いのですがどうしてでしよう？わかる方おしていただけると助かります。
- embed タグを用いると表示が遅い
いつもお世話になります。 <embed src="・・・.mid" style="width:300px;height:30px;margin-right:10px;" autostart="FALSE" loop="TRUE" save="TRUE"> などとするとウェブページから音楽を聞くことができるようになりますが、このembedタグを用いると該当のページの表示が著しく遅くなってしまいます。 何か設定がおかしいのでしょうか。 また、代替の方法はございませんでしょうか。 よろしくお願いいたします。
- DreamweaverCS４で表の背景画像
DreamweaverCS4を使用しています。 以前は、Dreamweaver８を使用していました。 ８では、表の背景に画像を表示するときに、プロパティーに 「表の背景」のところにイメージを表示できるようにフォルダ参照ボタンがあったのですが、CS4には背景にはカラー設定しかありません。 なぜでしょうか？直接HTMLのコードに下記のように書き込まなければいけなくなってしまったのでしょうか？ background="画像.gif" それとも、何か設定があるのでしょうか？ どなたかわかる方よろしくお願いします。
- DreamweaverCS４で表の背景画像
DreamweaverCS4を使用しています。 以前は、Dreamweaver８を使用していました。 ８では、表の背景に画像を表示するときに、プロパティーに 「表の背景」のところにイメージを表示できるようにフォルダ参照ボタンがあったのですが、CS4には背景にはカラー設定しかありません。 なぜでしょうか？直接HTMLのコードに下記のように書き込まなければいけなくなってしまったのでしょうか？ background="画像.gif" それとも、何か設定があるのでしょうか？ どなたかわかる方よろしくお願いします。
- パソコンのHTMLが、うまく表示できません。
次のパソコンのHTMLの記載ロジックが、うまく反映できません。 修正を、お願いいたします。 <p> <marquee direction="down" behavior="alternate" ようこそ、友達募集サイトへ♪></marquee> </p>
- 検索で上位にあげる方法
って皆さんどういった作業をされていますか？ yahoo、グーグルとサイト登録などはしましたが、 他にも技があれば教えてください。 metaなどのキーワードもいれましたが、 いまいちよく理解していません。。
- CSSでの文字と画像の関係
HTML・CSSの使用経験があまりないので教えてください。 画像を<align=center>で表示し、 その下に文字をCSSのmarginで画像の左端から少し空けて表示させています。 |------------------| | | | | |------------------| ここに文字 ですが画面を小さくすると文字位置がおかしくなってしまいます。。 いい方法があれば教えていただけませんか？ よろしくお願いします。
- IE8 で表示確認する方法
現在、IE7です。Firefox3.09も入れています。 まだIE7が多いようなので、もう少しこのままにしたいのですが、 ホームページの変更とかをするたびにIE8でも崩れていないか表示確認をしたいのです。 探したところ、IEtesterかFirefoxのIE用のどれかのアドオンを見つけましたが、こんな場合に実際一番良い方法は、 どうすれば良いでしょうか？ おすすめは何でしょうか？ パソコンをもう一台買いなとか無しでｗ
- ベストアンサー
- HTML
- takumana20
- 回答数3
- ブラウザごとののコーディングについて
CSSについて初心者なため質問させていただきました。 動作環境はwindowsのIE7を使用しております。 windowsでHPのコーディングを行い、ブラウザ毎の確認を行った時、 IE7では正常に見えているのに、Macfirefox,Macsafari,IE6,IEfirefoxそれぞれで見え方が違い、デザインが崩れて表示されるブラウザもあります。 この場合、上記のブラウザ以外にも、崩れて表示されている確立が高いと思いますが、 どのブラウザも崩れずに表示させるためには、CSSの最初にどのようなコードを記述すれば良いのでしょうか？ お返事がいただければ幸いです。
- ベストアンサー
- HTML
- noname#85616
- 回答数5
- 1
- 2