自分でもホームページを作っていますが、お友達サイトに飛ぶと、トップページの文字が重なってとても読みずらいページがあります。その管理者に聞いたところ、自分ではきちんと見えてるよとのことでした。 それは何故なんでしょうか。 私はWindowsを使ってますが、見えにくいと思ってる方もいらっしゃるのでしょうか? 誰でもきれいに見えるように作るには、どうしたらいいのでしょうか。教えてください。

A 回答 (1件)

こんばんは。



あくまで例ですが、お友達と貴方でブラウザの文字サイズが違ったりしませんか?
通常は文字サイズを変更してもレイアウトがそれにあわせて変化するのですが、絶対座標(ホームページ・ビルダーですと「レイアウト枠」)というもので場所を固定するとそれができません。

よって、絶対座標で固定されたテキストが文字サイズ・大くらいになると、ほかに重なったりすることがあります。

参考までに、では~
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qマップを使ってページをリンクしさらにページ内リンクにしたが飛ばない。

マップを使ってページをリンクしさらにページ内リンクにしたが飛ばない。

<img src="images/aaa.jpg" usemap="#map" />
<map name="map">
<area href="kan.html#3" alt="" shape="rect" coords="0,3,105,154" />
</map>

kan.html
<div align="center" id="3"><img src="images/bar_3.jpg"></div>

以上のようにマップを使ってリンクページの更にページ内リンク先に飛ばそうとしても
そのページに飛ぶだけで、飛ばしたい位置まで行きません。
<a name="3"><img src="images/bar_3.jpg"></a> でもダメです。

どうしてでしょうか?

Aベストアンサー

原因としては弱いですが、
id属性の先頭文字は必ずASCIIアルファベットから始めなければならないというルールがあります。

http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/types.html#type-id
http://hp.vector.co.jp/authors/VA022006/css/selector.html#id-selectors

Q携帯サイトで他ページに飛ぶプルダウンメニューを作りたいです

携帯(3キャリア対応)でサイトを作っているのですが、プルダウンメニューを使って
他のページにリンクしたいのですが、この場合はCGIを使うしかない
のでしょうか?以下まで作ったのですが、参考になりそうなサイトは
すべてCGIかJavaScriptでした。

<form>
<select name="表示する月" size=1>
<option value="200704.htm">2007年4月
<option value="200703.htm">2007年3月
<option value="200702.htm">2007年2月
<option value="200701.htm">2007年1月
</select>
<input type=submit value="表示する"><br>
</form>

Aベストアンサー

JavaScriptに対応している携帯電話が少ない、利用者数が少ない等の理由で、
CGIを使うのが無難です。

Qホームページを作っています、ページ内にiframeで他のページを表示さ

ホームページを作っています、ページ内にiframeで他のページを表示させています。
IEではこのiframeにスクロールバーが出て、縦に長いデータをスクロールして閲覧あせる事が
できるのですが、Firefoxだとスクロールバーが出ません・・・

どなたか表示させる方法をご存知でしたら教えてください。
以下HTML記述

<iframe name="iframe4" id="iframe4" frameborder="0" scrolling="yes" src="topix.html" title="※※">※※</iframe>

CSS記述
#iframe4{
border-width : 0px 0px 0px 0px;
margin-left : 0px;
width : 420px;
height : 490px;
padding-top : 0px;
overflow : hidden;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 0px;
padding-bottom : 0px;
}

ホームページを作っています、ページ内にiframeで他のページを表示させています。
IEではこのiframeにスクロールバーが出て、縦に長いデータをスクロールして閲覧あせる事が
できるのですが、Firefoxだとスクロールバーが出ません・・・

どなたか表示させる方法をご存知でしたら教えてください。
以下HTML記述

<iframe name="iframe4" id="iframe4" frameborder="0" scrolling="yes" src="topix.html" title="※※">※※</iframe>

CSS記述
#iframe4{
border-width : 0px 0px 0px 0px;
margin-left : 0px;
wid...続きを読む

Aベストアンサー

overflow : hidden;

で自らスクロールバーを出さないように記述されてるんですが;

overflow : auto;

に書き換えて下さい

Qきれいなホームページを作りたい

今まで、数年ごとに遊びでホームページを作って来ました。
ジェネレーターはopenofficeのWriterだったりWordだったり、そこら辺のフリーソフトだったり。

今回、書きたい内容が纏まってきたこともあり、また
時代もフレームからHTML+CSSにとっくに変わっているのですが、
今度こそきれいなホームページを作りたいと考えてます。

Kompozerがいいような気がしているのですが、なにか、適当ではなく、作る手順というか、うまく作っていくにはどのような形がいいでしょうか?

ちなみに今、残念なことに無職なのでお金はかけらませんので念のため。

Aベストアンサー

No.3です。
>最近は難易度が上がってるのかな。回答どうもです。
>ってだとしたらどこから手をつければいいでしょうかね?
 いえ、難易度は随分と下がったと感じています。
 私は最初のウェブサイトを公開して15年になりますが、その後HTML3.2の時代、大変複雑で難しい時代がありました。tableを使って作成したり、<font>や<MARQUEE>など、限られたHTML要素を使い、それはそれは大変な時代でした。
 ⇒14.1 スタイルシートの概説( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )
 ↑ここは読んでおくべき

 1999年のHTML4.01の勧告で、「(文書)構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )」が推奨され、一気にページ作成は楽になりましたが、最近までは旧式のブラウザへの対応や、スタイルシートの不足などで後方互換のサイト作りで悩まされました。

 しかしマイクロソフトのIE6撲滅キャンペーン( http://www.ie6countdown.com/ )やIE8/9へのバージョンアップ推進、モダンブラウザの普及で楽になりました。
 特に次期HTML5ではより明確になります。


 その変化を具体的に言うと
・HTMLは、その内容を理解したうえで、その文書を構成する要素に分解して、それが文書全体、あるいは前後の内容から最適な要素(タグ)を選択して、文書構造だけをマークアップする。---デザインはこの時点では一切考えなくて良い---
・その上で、スタイルシートでどのようにプレゼンテーション(表現)するかを指定する。

 と言うことです。「HTML作成が表現から開放された」と言うことです。

>書きたい内容が纏まってきたこともあり
 とのことですが、その内容は分かりませんが、HTML5での例を挙げると
<body>
 <header>
  <h1>ページタイトル</h1>
  <nav>
   <h2>ナビゲーション</h2>
   <ol>
    <li><a href=""></a></li>
    略
    <li><a href=""></a></li>
   </ol>
  </nav>
 </header>
 <section>
  <h2>本文見出し</h2>
  <p>段落</p>
  <section>
   <h3>見出し</h3>
   <p></p>
  </section>
 </section>
 <footer>
 </footer>
</body>
のようなものになってしまいます。従来は
<body>
 <div class="header">
  <h1>ページタイトル</h1>
  <div class="navigation">
   <h2>ナビゲーション</h2>
   <ol>
と書かなければ分からなかった部分です。
 『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』

 ここまで読まれたら、想像がつくと思いますが・・・
・HTMLは、文書構造だけをマークアップする。
 これには読解力が必要ですね。wordは無論、どのようなオーサリングツールでも不可能な作業です。この部分は重要だから前後を<strong></strong>で囲もう。--なんて機械じゃ無理。今に始まったことじゃなく昔の昔から・・
 No.3で紹介したサイトのソースを見ると、スタイルシートは別にしてHTML自体は、とっても簡単で分かりやすいと思います。

・その上で、スタイルシートでどのようにプレゼンテーション(表現)するか
 日本語なので、本文中の段落は、行間を詰めて行の高さを大きくして、行頭は一文字下げよう・・
 section p{margin:0;line-height:160%;text-indent:1em;}
   section[半角スペース]pは、sectionに含まれるp要素と言う意味
 この様に文書構造を読み取ってスタイルを書くなんて事はツールには不可能です。作者に知識が必要です。

>時代もフレームからHTML+CSSにとっくに変わっているのですが、
 そうですね。HTL4.01の勧告が1999年12月ですから、14年目です。

下記は、その仕様書翻訳メンバーの内田さんが、ご家族のために当時作成されたマニュアルです。
 ⇒はじめてのWebドキュメントづくり( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
 現状には古い記述もありますが、最初に学ぶには最適な教材だと思います。

 その後、スタイルシートを
 ⇒1と2の間辺りからはじめるCSS講座( http://www6.plala.or.jp/go_west/beginner/css/ )
あたりから始められたら良いでしょう。


 ちなみに、私は還暦もとうに過ぎていますから、経験からしても若いやつには負けるわけには行きません。年齢は口実にはなりませんし、したくもありません。
 

No.3です。
>最近は難易度が上がってるのかな。回答どうもです。
>ってだとしたらどこから手をつければいいでしょうかね?
 いえ、難易度は随分と下がったと感じています。
 私は最初のウェブサイトを公開して15年になりますが、その後HTML3.2の時代、大変複雑で難しい時代がありました。tableを使って作成したり、<font>や<MARQUEE>など、限られたHTML要素を使い、それはそれは大変な時代でした。
 ⇒14.1 スタイルシートの概説( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h...続きを読む

Q自分の作ったホームページ内だけを検索する方法

自分の作ったホームページ内だけを検索する方法を教えた下さい。
また、どこかに記載されてあるなら、教えてください。
よろしくお願いします。

Aベストアンサー

1.Yahoo!やGoogleを使う方法:検索語の最後に "site:hoge.co.jp"(あなたのホームページのドメイン名)を加えてください。
2.独自の検索エンジンを設置する方法:Namazuという全文検索エンジンがメジャーです。詳しい手順は下記を参考にしてください。

参考URL:http://www.namazu.org/index.html.ja


人気Q&Aランキング

おすすめ情報