【 HP作成質問箱 】

新しい質問は「新規入力」ボタンをクリックしてください。
| Back | Next | Page-4

【HP作成質問箱/詳細】 一覧 / 詳細

  No.10022 XPで確認すると
[OZA] [ブラウザ]  09/11/29 (日) 18:22
質問させていただきます。

当方VISTAでHPを作成していたのですが、
友人のパソコン(XP)から閲覧すると画像やロゴなどがまるで表示されていませんでした。。。

我流で作成しているので
HTML表記などもグチャグチャになっていると思います。。。
どこが間違っているのか見当もつきません。。。

一度見ていただけないでしょうか?
  No.10023 Re:XPで確認すると
[atom] [ブラウザ]  09/11/29 (日) 19:37
もう直されたのでしょうか?
私が見た感じ、特に大きな問題はなかったです。

私のパソコンはWindowsXP、InternetExplorer7(IE7)です。

ただ、ひとつだけ。
ソースの中に文字コード指定がありません。
そのため、トップページがいきなり文字化けしていました。

新しいブラウザ(InternetExplorerなど)は、文字コードがutf-8を標準にしてきています。
あるいはサーバーの環境などで勝手にUTF-8を標準にするようになってたりします。

Windows環境で作成すると通常sjis(Shift_Jis)で作成されてしまいますので、文字コード指定がなければ文字化けを起こす原因となります。

ただし、そのページで右クリックから「日本語(シフトJIS)」を選択すれば正しく表示されます。

metaタグで文字コードを指定するといいでしょう。
metaタグについてはここのサイトでも解説しています。
  No.10025 Re^2:XPで確認すると
[OZA] [ブラウザ]  09/11/29 (日) 20:01
ありがとうございます。
文字コード指定してみました。

特に問題なければいいんですが。。。
もしかして画像のサイズが大きすぎたら
他のPCで表示できなかったりするのでしょうか?

何度もすみません。
  No.10026 Re^3:XPで確認すると
[atom] [ブラウザ]  09/11/29 (日) 20:52
基本的には画面からはみ出てもスクロールバーが出るので問題はないですが、煩わしいかもしれません。

デスクトップもノートも画面サイズが大きくなってますから、大きな問題ではないのですが、あまり大きな画面サイズでデザインすることは好まれません。

それと、そちらのページはほとんどがstyleで「position:absolute;」を指定してますが、本来ならあまり使わずページレイアウトを考えたほうがいいと思います。
「position:absolute;」は初心者向きですが、後でレイアウトなどを変更しようとしたとき、一から作り直さないといけないケースが多いです。
  No.10027 Re^4:XPで確認すると
[OZA] [ブラウザ]  09/11/30 (月) 01:38
ありがとうございます。
そうですよねぇ。
結構手間かかります笑>アブソリュート

シンプルに作ろうとは心がけているんですが。。。
精進します笑

ありがとうございました。
  No.10017 同じ設定のはずが見え方が違う
添付 [ES] [ブラウザ]  09/10/27 (火) 17:01
お世話になります。

うまくいけばご覧いただけると思うのですが、
「問い合わせページ」のみ画面を最大でなく、中途で見たときに
左と右のバランスが、他と違います。
なぜでしょうか。。

(HPアドレスは、ホームのページをさしています。)

CSSは、見れないんですよね。
添付します。


  No.10018 Re:同じ設定のはずが見え方が違う
[atom] [ブラウザ]  09/10/27 (火) 23:09
ページをそれぞれダウンロードして確認してみました。

問題は「class="c1"」の指定です。

「問い合わせページ」には内側にあるテーブルにも「class="c1"」の指定があります。

CSSで「table.c1」を見ますとwidth指定があり、
これが内側のテーブルにも効いてしまい、余分な位置ずれを起こしているのです。

とりあえず削除すれば位置関係は問題なくなりました。
  No.10019 Re^2:同じ設定のはずが見え方が違う
[ES] [ブラウザ]  09/10/28 (水) 16:40
> 「問い合わせページ」には内側にあるテーブルにも「class="c1"」の指定があります。
> CSSで「table.c1」を見ますとwidth指定があり、
> これが内側のテーブルにも効いてしまい、余分な位置ずれを起こしているのです。
> とりあえず削除すれば位置関係は問題なくなりました。

ありがとうございます。
たしかに削除したらズレなくなりました。
今となっては、なぜそのような設定をしたのか全く覚えていませんが(^_^;)、
消しても変にならなかったのでないままでいきます。
本当にいつもいつもありがとうございます。

詳細ページが全然できていませんが、とりあえず表面はほぼ完成しましたので、
検索サイトに登録してみたりして、他の人にも見てもらえるようにしていきます。
  No.10010 ホームページで雑貨を販売したい
[とも] [ブラウザ]  09/09/16 (水) 01:19
はじめまして。質問ですが、手作りの雑貨をネットで売ってみたいのですが、ヤフーや楽天に出店するの料金が高いとか法人じゃないと難しいと聞きました。  オークションはブランド品以外はほとんど売れないのであきらめました。  それ以外にネットでショップを開くことは可能でしょうか?自分のデザインしたブランドをネットで展開していく方法がわかりません。  どうか教えてください
 
  No.10011 Re:ホームページで雑貨を販売したい
[atom] [ブラウザ]  09/09/16 (水) 09:12
もちろんネットでショップを開くことは可能です。

問題は客がつくかどうか、品物が売れるかどうかです。

特に趣味の延長上では、これ!と言った決め手がないのが現実です。
そのものに対して需要があるのかないのかというネット上の問題以前に、その品物の価値観の問題もあるからです。

ただ、最低限、言える事は人目に付かないと誰もホームページに訪れませんよね。
どうやってホームページに越させるか、どうやって集客するか?
が、一番最初に取り組まないといけない問題でしょうね。

  No.10012 Re^2:ホームページで雑貨を販売したい
[とも] [ブラウザ]  09/09/16 (水) 17:34
返信ありがとうございます。やはり大型のモールに出店しないと誰もみてくれないですね。リスクは高いですが。   私が利用しているプロバイダはかなりマイナーなんですが(fgbbといいます。アパート契約の無料プロバイダ)
ADSLなんです。ネットショップを開く際、不利な点はあるのでしょうか? 
  No.10013 Re^3:ホームページで雑貨を販売したい
[atom] [ブラウザ]  09/09/16 (水) 22:33
そうですね、手っ取り早いのは大型のショッピングモール。
それなりに料金も掛かったりします。

それ以外だと、検索エンジン広告の、
GoogleなどのAdWords、YahooのOvertureなどが比較的安くていいと思います。
(クリック数に応じた料金設定)

集客ではなく、いろんな人に目立たせたり、Google検索での上位表示などを考えるならSEO対策なども大事な手法です。
SEOはピンキリがあるので対費用効果が重要なポイントになります。

SEOの低料金を考えるならまずはいろんなサイトに自分のサイトを紹介してもらう(リンクを張ってもらう)ことがいいと思います。

基本、ホームページには接続環境は影響しません。(関係ありません)
  No.10014 Re^4:ホームページで雑貨を販売したい
[とも] [ブラウザ]  09/09/17 (木) 00:51
atomさんありがとうございます。  そうですね、どちらかというと集客より自分の作品を世に出したいのがメインなので、モール出店は必要なさそうです。  SEOのことをもっと勉強してみます。  またよろしくお願いします。
  No.10007 テーブルのなかの画像の位置について
[ES] [ブラウザ]  09/09/08 (火) 17:11
お世話になります。
下記のようなテーブルがあります。

電話  
0××ー×××ー××××
メール
◎◎@△.ne.jp

電話とメールが 画像になっています。

このとき、テーブルの属性に 「vertical-align:middle」
と入れることで上下の幅を均等しようと思ったのですが、
テキストは真ん中になりましたが、
どうも画像のメールだけが真ん中よりちょい上のように見えます。
どうしてでしょうか。
もとの画像がダメなのでしょうか。
抽象的にしか質問できずわかりにくいかもしれませんが、
回答よろしくお願いします。
  No.10008 Re:テーブルのなかの画像の位置について
[atom] [ブラウザ]  09/09/08 (火) 17:50
そうですね、抽象的で原因を特定できませんね。

こちらで判る方法と言えば..
たとえば、メールの画像と電話の画像を入れ替えたらどうなるのでしょうか?

この時、メールの画像の方がおかしければ、画像の問題、
電話の画像の方がおかしければ、画像ではなく、テーブルやセルなどの他の問題ということになります。

できればそのページを見せてもらうのが、確実なのですけどね。


  No.10009 Re^2:テーブルのなかの画像の位置について
[ES] [ブラウザ]  09/09/09 (水) 16:42
逆に入れ替えてみました。すると、どちらも真ん中にあるような感じに見えます。

よくわかりません。画像の問題でしょうか。

その画面を添付します。

添付したら画像が映りませんでした。
こちらで考えてみます。
  No.10003 画像クリックで別の画像に切り替わる場合
[MIRA] [ブラウザ]  09/08/31 (月) 20:19
初めまして。
HPを始めてもう一年になりますが、まだまだ初心者同然です。
過去ログを見たのですが解決には至らず、
恥を忍んで質問させていただきます。

わたしはイラストサイトをやっております。
今更な質問ですが、タイトルにもある通り、画像(アイコン)クリックで別の画像(アイコン)に切り替わるというふうにするにはどうしたらよいでしょうか。
イラストサイトでよくあるあれです。

本当に殆どなにもわかっていないので、詳しく説明をしていただけたらと思います。
よろしくお願い致します。
  No.10004 Re:画像クリックで別の画像に切り替わる場合
[atom] [ブラウザ]  09/08/31 (月) 20:41
このサイトにはご質問のようなサンプルがいくつもありますが、それらを読んでも判らないのでしょうか?

検索もしないで質問してるなら、ちゃんと検索してください。
もし、読んでも判らないなら、どこがどうわからないかご質問ください。
  No.10005 Re^2:画像クリックで別の画像に切り替わる場合
[MIRA] [ブラウザ]  09/09/03 (木) 16:58
勿論自分がまずすべきことはやりました。その上で質問させていただいてます
検索も致しましたし、サイト内も一通り目を通させて頂きました。
しかし何分未熟なもので、どこをどう見ればよいのかよくわからないのです。
どうも申し訳ございません。
  No.10006 Re^3:画像クリックで別の画像に切り替わる場合
[atom] [ブラウザ]  09/09/03 (木) 19:37
たとえばGoogle検索で「画像 クリック」と検索するだけで、たくさんのサンプルが出てきます。

あるいは、ここのサイトのサンプルなら、「DHTMLサンプル」-「オンマウスで画像の変更」があります。
http://beginners.atompro.net/smpdhtm_grpchgd.shtml

「onmouse(オンマウス)」を「onclick(オンクリック)」に変更すれば使用できます。

↓参考までにGoogleで検索した場合
http://www.google.co.jp/search?hl=ja&source=hp&q=%E7%94%BB%E5%83%8F%E3%80%80%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF&lr=&aq=f&oq=

  No.9996 質問です
[黒井光] [ブラウザ]  09/08/17 (月) 17:35
私は、こちらのサイト様を見ながらalphaEDITでHPを作成しています。
上下フレーム2分割をしていて、下窓にリンク、上窓にページを表示させたいのですが、そちらのサイトに書いてある通りにしても、リンクをクリックすると上窓ではなく別窓で表示されてしまいます。
解決策などがありましたらお教え下さい。

また、同じサイト内でリンクを貼る場合に、”~/~/ページ名.html”となるのを、ページ名.htmlまで短くするのですが、リンクのプロパティを開くたびに元に戻っています。
これは外部リンク以外全てなるのですが、大丈夫でしょうか?
また、上の問題と関係はないでしょうか?

過去にこのような事例がありましたら、解決方法を教えていただきたいです。

本当はメールの方で送ろうと思ったのですが、何度やってもエラーになってしまったのでこちらに失礼いたしました。

よろしくお願い致します。
  No.9997 Re:質問です
[atom] [ブラウザ]  09/08/17 (月) 21:03
メールの件は失礼しました。
後で見直し直しておきます。


今回のような事例は、初心者の方が時々質問されます。
問題は、nameに指定する名前と、targetで指定する名前が一致してないことがほとんどです。

参考までに「HP作成の予備知識」の簡単なフレームページの作成..を参考にしてみてください。
あと、「HTMLの解説」にもフレームの説明があります。
まずは参考にしてください。
  No.9998 Re^2:質問です
[黒井光] [ブラウザ]  09/08/18 (火) 01:05
質問への回答ありがとうございました。
しかし、やはり見ながら作業しても結果が変わりません。

そこで再びお尋ねしたいのですが、一つのフレームページからは
他のフレームページへ移動することは出来ないのでしょうか?

現在フレームページを上下で作成し、下がメニュー(各ページへのリンクが6つ)、上が各ページです。
例えばmainという上ページでフレームを作った場合、
この下フレームのリンクからaboutというページへ上フレーム表示で飛ぶことは出来ないのでしょうか?

先ほど確認しましたが、mainのフレームページから
同ページへのリンクはフレーム状態で移動可能でした。
しかし、同フレームの下リンクにあるaboutに飛ぼうとしても
新しいウィンドウで表示されてしまいます。
ちなみにaboutもフレームページを作っており、
こちらのフレームページからもaboutページのみ
フレーム表示され、他のリンクへは新しいウィンドウで
表示されてしまいます。

なお、nameに指定する名前と、targetで指定する名前が一致していることは全リンクにおいて確認しました。

過去ログ(?)を見ても分からなかったので、
解決策をご存知でしたらお教えいただけますでしょうか?

よろしくお願いいたします。


長文失礼致しました。
  No.9999 Re^3:質問です
[atom] [ブラウザ]  09/08/18 (火) 11:59
ひょっとして、フレームが入れ子になってるのかな?
(フレームの中に新たなフレームを作っている?)

もしそうなら、そのフレーム関係を親、子と例えると、
子供から親のフレームページを変更したいということではないでしょうか?

その場合は、親フレームの指定には「parent.」を使います。

親の「main」というフレーム枠を変更したい場合は、
「parent.main」と指定します。

このあたりは、「HTMLの解説」でも説明しています。
※フレームの入れ子は説明してなかったです。(^_^;)
もしサーバーにアップしているならそのページが見れた方が直接原因を調べることができるのですがねぇ。
  No.10000 Re^4:質問です
[黒井光] [ブラウザ]  09/08/18 (火) 14:50
> ひょっとして、フレームが入れ子になってるのかな?
> (フレームの中に新たなフレームを作っている?)
多分そうではないです;

仮状態ですがサーバーにアップしましたので、宜しければご覧になって下さい。

なお、URLはindexに飛びますが、ENTERから入ったページが問題のフレームページです。

何度もすみませんが、よろしくお願いしますm(_ _)m

  No.10001 Re^5:質問です
[maimu] [ブラウザ]  09/08/19 (水) 04:08
> > ひょっとして、フレームが入れ子になってるのかな?
> > (フレームの中に新たなフレームを作っている?)
> 多分そうではないです;
>
> 仮状態ですがサーバーにアップしましたので、宜しければご覧になって下さい。
>
> なお、URLはindexに飛びますが、ENTERから入ったページが問題のフレームページです。
>
> 何度もすみませんが、よろしくお願いしますm(_ _)m
>

拝見しましたが、
別窓表示になる原因はやはりターゲットの指定ミスだと思いますね。

ENTERから入ったページが問題のフレームページ。
で、上フレーム名は
<frame name="main" src="main.html" scrolling="auto">
のようにmainと指定

nameに指定する名前とは、この
<frame name=" "
つまりフレーム名の部分ですね。

それなのに、下フレームに表示されているmenu.htmlを見てみると
<a href="about.html" target="about" >About</a>
<a href="voice.html" target="voice" >Voice</a>
<a href="mail.html" target="mail" >Mail</a>
とターゲット指定が別々(しかもフレームページでnameに指定が無い名前)です。
上フレーム(フレーム名main)に表示したいなら、全てtarget="main"とするべきですね。

※ページのファイル名がabout.html、voice.htmlなので、それと一致するようにtarget指定も同じ名前(about、voice)にしたのでしたら、
その考え方は誤りです。
  No.10002 Re^6:質問です
[黒井光] [ブラウザ]  09/08/19 (水) 16:22
そうだったのですか!
理解力が足りなくてすみませんでした。

教えていただいた通りに変更したらちゃんとできました。
本当にありがとうございます!!

ご迷惑お掛けしましたm(_ _)m
  No.9993 余白?
添付 [ES] [ブラウザ]  09/07/13 (月) 17:20
何度もすみません。
なかなか作業する機会自体がとれずに止まっていましが、
また再開しました。
そして即壁にぶちあたり。。

作っているサイトそのものを添付しました。

ここで今どうしてもできないのが、
「はじめまして。…」と続くところです。(m-rの部分)
何ができないかというと、この文章の始まりが、
左はどうもpadding-leftで指定していけてるみたいなのですが、上(top-l2)から いくつと指定したいのに、
marginやpaddingを使っても、画面のサイズを変えると、
すごく上の空白が大きくなります。
見た目変ですよね。
どのように設定すればいいのでしょうか。
助けてください。
  No.9994 Re:余白?
[atom] [ブラウザ]  09/07/13 (月) 23:57
これはテーブルのセル(td)でしょ?

tdの上下間隔に対する位置関係は標準で中央です。

ですから、画面を大きくすると中央により、上下に大きな余白ができてしまい、指定したマージンが意味をなさなくなるのです。

上余白(margin-top、padding-top)などを指定したいなら上寄せをしてないと意味がありません。

cssではtdに「vertical-align: top;」などを指定します。
  No.9995 Re^2:余白?
[ES] [ブラウザ]  09/07/14 (火) 15:03
> これはテーブルのセル(td)でしょ?
>
> tdの上下間隔に対する位置関係は標準で中央です。
>
> ですから、画面を大きくすると中央により、上下に大きな余白ができてしまい、指定したマージンが意味をなさなくなるのです。

初めて知りました。
全部読んで理解してから作り出したつもりでしたが、抜けまくってますね。(>_<)
的確なアドバイスありがとうございます。
できました。
やはり素人がHPを作るのは難しいです。
とりあえず、次に進みます。


  No.9987 フレームページの件
[ようこ] [ブラウザ]  09/07/04 (土) 00:16
過去にもご質問させていただいた者です。
実家のパソコンを使って、HPを更新しようとしたところ、フレームページが表示されなくなってしまいました。
さらにいろいろと扱っていたら以前のデータまで消してしまい、かなりショックを受けております。。。

フレームページのみが表示されないというのは、どのような原因が考えられるのでしょうか?
パソコンがVistaだとこのようなことがあるのでしょうか?

お忙しいところすみませんが、教えていただけたらと思います。
よろしくお願いします。
  No.9989 Re:フレームページの件
[atom] [ブラウザ]  09/07/04 (土) 00:35
もし、これがalphaEDITの話なら、
alphaEDITでフレームページを作成する場合、
新規作成はできても訂正はうまく機能しないようです。

もし、サーバー側で正しい表示ができるなら、サーバーからダウンロードするという手があります。

それ以外の問題だと、もう少し状況を詳しく説明してくれないと、情報が少な過ぎて何を答えたらいいかわかりません。
  No.9990 Re^2:フレームページの件
[ようこ] [ブラウザ]  09/07/04 (土) 01:21
すぐにお返事いただけてうれしいです。
ありがとうございます。
それとうまく文章で表現できず、わかりづらくて申し訳ありません。

alphaEDITで作っています。
プレビュー画面で何も表示されないんですが、サーバーにUPするとちゃんと出てきます。
編集した箇所もちゃんと更新されています。

サーバーからダウンロードというのはどのようにするのでしょうか?
ぜひ教えていただきたいです。

それと、もう一つ疑問があるのですが、フレームページで作ったものを、パソコン画面の真ん中にくるようにレイアウトしたいのですが、それはどのようにすればいいのでしょうか?今作っているものが左寄りになっているので、中央に表示させたいと思っています。

いろいろお聞きして申し訳ありません。

よろしくお願い致します。

  No.9991 Re^3:フレームページの件
[atom] [ブラウザ]  09/07/04 (土) 10:12
alphaEDITは各単一ページの編集はできても、フレームページを直接再確認したり、編集したりする機能はありません。
あくまでも、フレームページを簡単作成するための機能があるだけです。


> サーバーからダウンロードというのはどのようにするのでしょうか?

サーバーからのダウンロードは、
ffftpだとアップロードの反対、
サーバー側のファイルをパソコン側に移動するだけです。
上書きされますので、現在のファイルが大事なら別フォルダにコピーしておくか、別フォルダにダウンロードするなど、注意が必要です。


フレームページ自体はそのページを分割する機能しかありません。
したがって、各ページ単位で左寄せ右寄せなど、レイアウトを変えられても、フレームページ自体の右寄せ中央寄せなどはありません。

あくまでも画面分割機能だけです。

ページデザインを重視するならフレームページはあまりお勧めできません。

  No.9992 Re^4:フレームページの件
[ようこ] [ブラウザ]  09/07/04 (土) 10:23
わかりました。
ご丁寧に教えていただき、どうもありがとうございました。
とても勉強になりました。
  No.9980 flash挿入による警告回避について
[RIBON] [ブラウザ]  09/06/29 (月) 15:32
ホームページ作成でflashを挿入すると「警告」が出ます。
回避方法として<!-- saved from url=(0014)about:internet -->を入れましたが、こうすると「警告」は無くflashは正常に動きますが「リンク」が全て飛ばなくなります。考えられる原因を教えてください。よろしくお願いします。
  No.9982 Re:flash挿入による警告回避について
[atom] [ブラウザ]  09/06/29 (月) 17:28
う~ん..
その問題は、サーバーの設定に関わる問題のようですので、一度、その問題点、回避方法など、サーバー管理者に尋ねられてはどうでしょうか?

こちらとしてはサーバーの設定など、管理者ではありませんので、現時点で、何故制限がかかってるのか、また、可能なのか不可能なのかもわかりません。
  No.9984 Re^2:flash挿入による警告回避について
[atom] [ブラウザ]  09/06/29 (月) 23:02
こんな特殊な命令ってどうやって知ったのでしょうか?

インターネットでその命令を調べたら、ローカルファイルを表示させたり、アクセスしようとした場合、危険な行為なのでセキュリティ上、エラーになる..というような説明がありました。

そういう特殊な命令を意味もわからず使用することは危険ですよ。
使用する前に調べましょうね。
  No.9986 Re^3:flash挿入による警告回避について
[RIBON] [ブラウザ]  09/06/30 (火) 18:35
> こんな特殊な命令ってどうやって知ったのでしょうか?
>
> インターネットでその命令を調べたら、ローカルファイルを表示させたり、アクセスしようとした場合、危険な行為なのでセキュリティ上、エラーになる..というような説明がありました。
>
> そういう特殊な命令を意味もわからず使用することは危険ですよ。
> 使用する前に調べましょうね。
>

早急なご返信ありがとうございました。
ちゃんと調べるようにします。
  No.9973 テーブルによるページ構成
[ES] [ブラウザ]  09/06/23 (火) 17:35
たびたびすみません。
フレーム処理だといけないという結論にいたり、
ページ構成を変えようと思います。
すべてをテーブルにして、セルとしてそれぞれ内容を描いていこうとしましたが、また問題が。

セルの一つとして表があるのです。
つまり、テーブルの中にテーブルの記述ができてしまって。
そうすると、おおもとのテーブルにあてはめたい色とかが、
中のテーブルの記述が出てきたところで終わってしまって。
テーブルの中にテーブルというのはできないのでしょうか。

意味通じますでしょうか。説明べたですみません。
アドバイスお願い致します。

  No.9974 Re:テーブルによるページ構成
[atom] [ブラウザ]  09/06/23 (火) 18:04
いや、ちょっと意味がわかりません。

テーブルの中のテーブルは何も問題ありませんし、特に指定がなければ、外側の指定がそのまま生きてます。

<table border="1" style="background: #ccffff">
<tr>
<td>

<table border="1">
<tr>
<td>
ちちちち
ととと
</td>
</tr>
</table>

</td>
</tr>
</table>



ちちちち
ととと



  No.9975 Re^2:テーブルによるページ構成
[ES] [ブラウザ]  09/06/25 (木) 14:44
> テーブルの中のテーブルは何も問題ありませんし、特に指定がなければ、外側の指定がそのまま生きてます。

すみません、こちらの記述ミスでした。
ミスをなくさないといけませんね。。
ただ、その問題は、記述ミスだったということで解決するのですが、
テーブルですべて囲もうとすると、まわりに余白ができてしまいました。
すべてをborder指定してみたら、そのようになったのです。
あれ、でもこのatomさまお作りのページはそんなことないですね。テーブルだと駄目?!
また間違っているのでしょうか(^_^;)。

とりあえず、質問の内容については
上記のような原因で解決いたしましたので、ご報告させていただきます。

  No.9976 Re^3:テーブルによるページ構成
[atom] [ブラウザ]  09/06/25 (木) 15:15
これもまた内容がよくわかりませんが、
初心者に多いのが、妙な所に全角空白が入ってると、テーブルの表示が崩れたりします。

こちらとしては普通に行えることができない時は、言葉だけではわかりません。
実際のページを見せていただくのが一番だと思います。

※追加
ひょっとしてページ周りにある微妙な隙間のことでしょうか?
もしそうなら、スタイルシートで次のようにページマージンを「0」にすることで解決します。

body{ margin: 0; }
  No.9977 Re^4:テーブルによるページ構成
添付 [ES] [ブラウザ]  09/06/26 (金) 16:06
教えていただいたもの正解です。
よくわかりますね。私がボケてるのでしょうか。。

現況を添付します。上がCSS記述分。後半がhtml記述分です。

今困っていることは、テーブルのなかのテーブルがあるところの大きさです。
tdとしての幅を80pxくらいに、また中のテーブルをもっと右に持っていきたいのですが、動きません(泣)

どこがおかしいのでしょうか。
  No.9978 Re^5:テーブルによるページ構成
[atom] [ブラウザ]  09/06/26 (金) 16:50
tableには無条件で隙間を作る設定が入ってます。

cssで設定するなら「table」に「border-collapse: collapse;」を追記してください。

タグで次のように指定したのと同じです。
<table cellspacing="0">

それと、隙間を開けたくないなら、tdに背景色を指定するのではなく、table自体に背景色を設定するという手もあります。

  No.9979 Re^6:テーブルによるページ構成
[atom] [ブラウザ]  09/06/26 (金) 17:05
上記(No.9978)の返信はページ全体のテーブルの僅かな隙間もなくす方法でした。

今回の質問。
cssがちょっと込み入ってますね。

できるだけ不要な設定を無くし、シンプルにした方がいいですよ。

tdとしての幅を80pxにしたいということですが、このテーブルは「width:700px」と指定されてます。
セルが6つしかありませんので、ひとつのセル幅は
700px ÷ 6 = 約116px となり、
セルのwidthを指定しても無視されます。

便利な機能ですが、
tableの幅を指定して、セル幅を自動にするか、
table幅を無指定にして、セル幅を指定するか、
のどちらかにしないと設定がぶつかってしまいます。

それと、tableを右にずらせたいのなら内側のテーブルに「margin-left:200px;」などと指定すればいいでしょう。
margin-rightはありますが、margin-left指定はありません。
margin-rightの指定が単なるミスなら、削除すべきでしょう。
左詰めであればmargin-leftだけで充分でしょう。


  No.9981 Re^7:テーブルによるページ構成
[ES] [ブラウザ]  09/06/29 (月) 15:39
返信遅くなり申し訳ありません。

> できるだけ不要な設定を無くし、シンプルにした方がいいですよ。

そうなのでしょうね。。ただ、何が不要か判断するのが難しいです。

> tdとしての幅を80pxにしたいということですが、このテーブルは「width:700px」と指定されてます。
> セルが6つしかありませんので、ひとつのセル幅は
> 700px ÷ 6 = 約116px となり、
> セルのwidthを指定しても無視されます。

すみません、ここは”幅”ではなく、”高さ”でした。
中のテーブルの高さは40px指定、そのテーブルが入るtdは
80pxに指定したいのですが、どう見ても80px以上に
なっている状況です。

> それと、tableを右にずらせたいのなら内側のテーブルに「margin-left:200px;」などと指定すればいいでしょう。
> margin-rightはありますが、margin-left指定はありません。
> margin-rightの指定が単なるミスなら、削除すべきでしょう。
> 左詰めであればmargin-leftだけで充分でしょう。
>
左詰めでなく、右詰めを教えてくださったのですよね。
marginの説明は何度読んでもたまに?なことをしてしまいます。
left指定ですね、わかりました。
  No.9983 Re^8:テーブルによるページ構成
[atom] [ブラウザ]  09/06/29 (月) 18:44
何が不要かがわからないなら、ひとつひとつ、削除したり入れたりしていけばいいでしょう?

入れても外しても変わりないのであれば必要ないということです。
タグだけに限らず、細かい設定もひとつひとつチェックしてみればいいだけの事です。


> 中のテーブルの高さは40px指定、そのテーブルが入るtdは
> 80pxに指定したいのですが、どう見ても80px以上に
> なっている状況です。

それなら「td.top-l2」のcssに「height:80px;」を追加すればいいだけです。


> 左詰めでなく、右詰めを教えてくださったのですよね。

違います。
現在左詰めになってるから「magin-left」は効果があっても「margin-right」は指定しても意味がないでしょう?
って言う意味です。

「margin」とは余白のことでその端からどれだけの余白を作るか?という意味です。
左詰め(左に寄ってる)なのに、その右側にマージン(余白)を指定しても意味がないでしょう?
という意味です。

わからなければ、簡単なサンプルを自分で作り、簡単なcssを設定して確認すればいいのです。
言葉で理解できないなら、ご自分で設定し、体で覚える必要があります。


  No.9985 Re^9:テーブルによるページ構成
[ES] [ブラウザ]  09/06/30 (火) 16:27
> タグだけに限らず、細かい設定もひとつひとつチェックしてみればいいだけの事です。

がんばります!

> > 中のテーブルの高さは40px指定、そのテーブルが入るtdは
> > 80pxに指定したいのですが、どう見ても80px以上に
> > なっている状況です。
>
> それなら「td.top-l2」のcssに「height:80px;」を追加すればいいだけです。

そのとおりでした。入れてるつもりでしたが、抜けていました(^_^;)


> > 左詰めでなく、右詰めを教えてくださったのですよね。
>
> 違います。
> 現在左詰めになってるから「magin-left」は効果があっても「margin-right」は指定しても意味がないでしょう?
> って言う意味です。
>
> 「margin」とは余白のことでその端からどれだけの余白を作るか?という意味です。
> 左詰め(左に寄ってる)なのに、その右側にマージン(余白)を指定しても意味がないでしょう?
> という意味です。

詳しく書いていただいてありがとうございます。
やっと意味を理解できました。不出来ですみません。

> 言葉で理解できないなら、ご自分で設定し、体で覚える必要があります。

練習あるべし、ですね。
なかなかHP作りに時間を割く余裕がありませんが、
忘れない程度には作っていかないと。

いろいろありがとうございました。
なんとかページ構成はできた模様です。
ここに具体的な内容をどう記述していくか、
また壁にブチあたりながらやっていくことになるでしょう。
質問もさせていただくと思いますが、よろしくお願いいたします。



| Back | Next | Page-4

 一覧 / 詳細


page update:19/01/17 01:34

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom