ICHI-yan の回答履歴

CSSでテーブルを作成した時の事で二つ質問おねがいします 1. #box { width:800px; height:100px; border: 1px solid #000000; } とした時の大きさについて ボーダーを含めた大きさが800pxで内側の領域が798pxなのか ボーダーの内側が800pxでボーダーを含めて802pxなのか 2. #left{ width:200px; height:80px; float:left; background-color:#FFFFFF; border: 1px solid #000000; } #right{ width:600px; height:80px; float:right; background-color:#FFFFFF; 　　border: 1px solid #000000; } 質問1の中に質問2の物を入れようとすると4px？分飛び出してしまうということでしょうか？ それともボーダー同士は重なり合い同じ大きさになるのでしょうか？ よろしくお願いします

CSSで作成する際、 <li>リストを横書きにしてメニューに使う方法をよく見かけます。 <li>リストを使わなくても同じような横のメニューは作れますが、なぜ、あえて<li>リストを使って作るのでしょうか。 <li>を使うとメリットがあるという理由があったら教えてください。

どうしても分らないので、教えてください。 リスト<li>を横並びにして、項目リンクを作成しているのですが、後々増えることを想定しています。 <li>Menu1</li> <li>Menu2</li> <li>Menu3</li> <li>Menu4</li> <li>Menu5</li> という状態で、Menu3部分で改行されたようにすると、背景色がMenu5のところで途切れてしまいます。 （※ベースのwidthを300px、liのwidthを100px、といった感じで改行させたように見せています） <li>Menu6</li>を記述しなくても、背景色が表示されるようにしたいのですが、 <div> <ul> <li></li> ... </ul> </div> 上記のように<div>で括り、背景色を指定しても、うまくできません。 括った<div>にheigthをピクセル指定すれば表示されますが、それだと、項目が増えるたびに変更しなければなりません。 また、<li>タグにはlist-style-imageも指定しているので、 <li></li> のような空タグを入れておくのもできません。 どなたか、良い方法がありましたら、教えていただけませんでしょうか？ よろしくお願いいたします。

CSSと（X)HTMLでページを作っています。角丸なページにしたいため、 /* ---------- 角丸画像の上辺 ---------- */ #main_contents_header { width: 800px; height:20px; background:url(./top.png) no-repeat top; margin: 10px auto 0px; padding: 0; text-align: center; } /* ---------- 上辺と下辺の間のメイン部分 ---------- */ #main_contents { background:url(./bg.png); width: 800px; margin: 0 auto; padding: 0; text-align: center; } /* ---------- 角丸画像の下辺 ---------- */ #main_contents_bottom { width: 800px; height:20px; background:url(./bottom.png) no-repeat top; margin: 0 auto; padding: 0; text-align: center; } というCSSを作り、 HTMLは <div id="main_contents_top"></div> <div id="main_contents"> ここにいろいろなコンテンツを置いていく </div> <div id="main_contents_bottom"></div> という書き方にしているのですが、<div id="main_contents">の背景画像が正しく出ず、地の色が見えてしまうのです。試しに<div id="main_contents">へpadding-bottom:300pxというような指定を加えると、正しく背景画像が出ました。 <div id="main_contents"> ここにいろいろなコンテンツを置いていく </div> という書き方ではダメなのでしょうか・・・？ 確認はFirefoxとSafariでやっています。

HTMLまたはCSSなどを用いて、文字列間を３点リーダーで埋める方法を考えています。 例えば 　くだもの……………………りんご 　野菜…………………………人参 　肉……………………………豚肉 のように左右の項目を「…」でつなぎます。文字列がすべて全角の場合には、「…」の数を調節して、頭合わせが出来ます。しかし、半角英数が入っている場合には文字列の幅が一定しないため、文字列の縦をそろえることができません。 　くだもの……………………りんご 　Books…………………………雑誌 　野菜…………………………人参 　Fishes………………………さば 　　　　　　　　　　　　　↑頭がそろわない。 別の例で言えば、本の目次では見出しとページ番号を３点リーダーでつなぎますが、それと同じことをやりたいと思っています。 なにか良い方法がありますでしょうか。

CSSで作ったタイトル付に お知らせ＿＿＿＿＿＿＿＿＿＿＿＿ ｜　　　　　　　　　　　　　　　　　　　　　　｜ ｜　　　　　　　　　　　　　　　　　　　　　　｜ ｜　　　　　　　　　　　　　　　　　　　　　　｜ ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ こんな感じにお知らせの周りを線で囲みたいのですが どのように設定したらいいんでしょうか？ CSSの中身は h5 { border-left:solid 6px #0080ff; border-bottom:solid 1px #0080ff; padding-top:2px; padding-left:4px; width:500px; } ---------------------------------------------------- HTMLの中身は <ul> <h5>お知らせ</h5> テストテスト<br> テスト<br> test<br> </ul> 以上であります どうぞよろしくお願いいたします。

CSSで作ったタイトル付に お知らせ＿＿＿＿＿＿＿＿＿＿＿＿ ｜　　　　　　　　　　　　　　　　　　　　　　｜ ｜　　　　　　　　　　　　　　　　　　　　　　｜ ｜　　　　　　　　　　　　　　　　　　　　　　｜ ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ こんな感じにお知らせの周りを線で囲みたいのですが どのように設定したらいいんでしょうか？ CSSの中身は h5 { border-left:solid 6px #0080ff; border-bottom:solid 1px #0080ff; padding-top:2px; padding-left:4px; width:500px; } ---------------------------------------------------- HTMLの中身は <ul> <h5>お知らせ</h5> テストテスト<br> テスト<br> test<br> </ul> 以上であります どうぞよろしくお願いいたします。

ご近所の教室を借りてカルチャー的なものを指導したいのでＨＰ作成したいのですが・・・ 出来る方は簡単にできるといいますがＰＣが全く無知なのでとても出来そうにありません。 メニューとしましては場所や時間や料金体制など・・・ とても簡易なものでいいのです。 安くて依頼できる会社は何処ですか？ それともソフトを買ったら本当に自分で作れますか？

ホームページ作成したいのですが、無知なのでどうすればいいかわかりません。（ホームページ作成にはお金がまったくかからないほうが良いです。）

テーブルの四隅にCSSで画像を配置してテーブルの角を丸く見せるデザインをされているサイトを良く見ますが あの四隅の画像はどのようなソフトを使って作られているのでしょうか？ 有料・無料のソフトを含めて教えてください。 宜しくお願いします。

cssでidに囲まれた範囲で複数リンクカラーを指定したいのですが、擬似リンク(a:hover)はうまく表現出来るのですが、その他のリンクの色の指定がうｋまく行きません。 FireFoxでは、きちんとスタイルが適用されるのですが、Ie6やNetScape7だと、a, a:link, a:visitedの文字色のスタイルが効かなくなります。どうしたらうまくできるのか教えてください。 ■css /* menu-1 */ #menu-1 { width: 200px; height: auto; margin: 0; padding:0; } #menu-1 ul.support, #menu-1 li.support { margin: 0; padding: 0; list-style: none; } #menu-1 li.support { width: auto; height: auto; padding: 5px 10px; } #menu-1 a, #menu-1 a:link, #menu-1 a:visited { padding: 0.2em 10px; height:1.4me; color: #ff0000; text-decoration: none; } #menu-1 a:hover { color: #9f0f0f; text-decoration: underline; } /* menu-2 */ #menu-2 { width: 200px; height: auto; } #menu-2 ul, #menu li.list1, #menu li.list2 { margin: 0; padding: 0; list-style: none; } #menu-2 ul li.list1, #menu-2 ul li.list2 { width: auto; height: auto; } #menu-2 ul li.list1 { font-weight: bold; } #menu-2 .list1 a, #menu-2 .list1 a:link, #menu .list1-s a:visited { text-decoration: none; color: #0e2159; } #menu-2 .list1 a:hover { color: #9f0f0f; text-decoration: underline; } #menu-2 li.list2 a, #menu-2 li.list2 a:link, #menu li.list2-s a:visited { text-decoration: none; color: #000000; } #menu-2 li.list2 a:hover { color: #9f0f0f; text-decoration: underline; } ■html <div id="menu-1"> <a href="#"> <ul> <li class="support">テスト</il> </ul> </a></div> <div id="menu-2"> <a href="#"> <ul> <li class="list1">スタイル１</il> <li class="list2">スタイル２</il> </ul> </a></div>

私は今fc2ブログをやっています。 以前はアクセス数を増やしたいなぁって思ってたんですが、 最近一日に何度も来る人がいてしかもコメントも何もないので気持ち悪くて困ってます； fc2ブログってアクセスブロックみたいなことってできるんでしょうか？

ブログで英会話のＨＰを作りました。 自分の友人で、自分にとってのライバルのＨＰは、同じブログにもかかわらず、ヤフーにおいてすべて上位3位以内に入っています。自分のＨＰはぜんぜん上位に入りません。 ＳＥＯの本を買ってみたのですが、友人にそれほどの知識があるとは思えません。 一番上のタイトルの所にいろいろな関連する言葉を入れる以外に、上位に入る方法を教えてください。 よろしくお願いします。

ページを表示できませんの画面になってこれが五回位続いて六回目位でやっと繋がります、何ででしょうか？

お世話になります。 ＰＣについてほとんど素人の者です。 自分のホームページを作りたいと思っており、「ホームページビルダー１１＋できるホームページビルダー１１（解説本）」を買おうかなと思っているのですが、 ＰＣ素人でもそれなりの骨格は作れるものなのでしょうか？ （実は、今のところ掲載する内容が少ないのですが、レイアウトを変えたり、リンクを貼ったりするテクニックを先に覚えておけば、内容は少しずつ充実していけるかなと思っています） ちなみにＰＣは最近買ったばかりのダイナブックでＶＩＳＴＡ版です。 初心者向けの良いサイトなどがあれば教えて下さい。 よろしくお願いします。

この度フルＣＳＳでサイトを作ってFirefoxでブラウザチェックしたのですが、フッターの余白がfirefoxであいていませんでした。 ＩＥ上では上へ２０ｐｘあいているのですが。。。 ページの簡単な内容は下記の通りになります。 Firefoxで「c」のフッターの上部にマージンを調整するにはどうしたらいいのでしょうか？ どなたか教えて頂けたら助かります。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>無題ドキュメント</title> <style type="text/css"> <!-- #a { float: left; width: 200px; background: #0066FF; } #b { float: left; width: 200px; margin-left: 20px; background: #FF0066; } #c { clear: both; width: 500px; margin-top: 20px; background: #CCCCCC; } --> </style> </head> <body> <div id="a">左コンテンツ </div> <div id="b">右コンテンツ</div> <div id="c">フッター</div> </body> </html>

パソコンに取り込んだデジカメの画像に文字を入れるソフトはないでしょうか？ 出来れば単純簡単で無料ソフトが有りがたいのですが。

以下のスタイルシートに設定したのですが、 #content　の幅をぴったしの値 width: 640px; にするとレイアウトが崩れてしまいます。 どこが間違っているのでしょうか。 また、参考になるページがあれば教えてください。 <body> <div id="wrapper"> <div id="header"> </div> <div id="pagebody"> <div id="navigation"> </div> <div id="content"> </div> </div> <div id="footer"> </div> </div> </body> body { margin: 0; padding: 0; } #wrapper { width: 760px; border-style: solid; border-color: red; border-width: 5px; } #header { width: 750px; height: 85px; border-style: solid; border-color: blue; border-width: 5px; } #pagebody { width: 750px; height: 500px; border-style: solid; border-color: orange; border-width: 5px; } #navigation{ width: 90px; height: 490px; border-style: solid; border-color: green; border-width: 5px; float: left; } #content{ width: 636px; height: 490px; border-style: solid; border-color: yellow; border-width: 5px; } #footer{ width: 750px; height: 30px; border-style: solid; border-color: bluck; border-width: 5px; }

以下のスタイルシートに設定したのですが、 #content　の幅をぴったしの値 width: 640px; にするとレイアウトが崩れてしまいます。 どこが間違っているのでしょうか。 また、参考になるページがあれば教えてください。 <body> <div id="wrapper"> <div id="header"> </div> <div id="pagebody"> <div id="navigation"> </div> <div id="content"> </div> </div> <div id="footer"> </div> </div> </body> body { margin: 0; padding: 0; } #wrapper { width: 760px; border-style: solid; border-color: red; border-width: 5px; } #header { width: 750px; height: 85px; border-style: solid; border-color: blue; border-width: 5px; } #pagebody { width: 750px; height: 500px; border-style: solid; border-color: orange; border-width: 5px; } #navigation{ width: 90px; height: 490px; border-style: solid; border-color: green; border-width: 5px; float: left; } #content{ width: 636px; height: 490px; border-style: solid; border-color: yellow; border-width: 5px; } #footer{ width: 750px; height: 30px; border-style: solid; border-color: bluck; border-width: 5px; }

以下のスタイルシートに設定したのですが、 #content　の幅をぴったしの値 width: 640px; にするとレイアウトが崩れてしまいます。 どこが間違っているのでしょうか。 また、参考になるページがあれば教えてください。 <body> <div id="wrapper"> <div id="header"> </div> <div id="pagebody"> <div id="navigation"> </div> <div id="content"> </div> </div> <div id="footer"> </div> </div> </body> body { margin: 0; padding: 0; } #wrapper { width: 760px; border-style: solid; border-color: red; border-width: 5px; } #header { width: 750px; height: 85px; border-style: solid; border-color: blue; border-width: 5px; } #pagebody { width: 750px; height: 500px; border-style: solid; border-color: orange; border-width: 5px; } #navigation{ width: 90px; height: 490px; border-style: solid; border-color: green; border-width: 5px; float: left; } #content{ width: 636px; height: 490px; border-style: solid; border-color: yellow; border-width: 5px; } #footer{ width: 750px; height: 30px; border-style: solid; border-color: bluck; border-width: 5px; }