細かな噴出しなどのコメントをWEBで組む?
現在ホームページを作成していますが、難しく困っています。
というのが、大きな画像を背景にして、文字の部分はテキストで書こうと思い試行錯誤しているのですが問題がありすぎてうまくいきません。
例えばなのですが、これはたまたまWEB上で見つけたイメージなのですが、添付の画像を見てください。
もし、これらの噴出しの文章をすべてテキストで配置しようと思う場合どのようにしたらよいでしょうか?
現在、大きな画像を作成し噴出し部分の文章は消したうえで背景としてまず配置します。
そのDIV要素の中で、色々と考えながらCSSにてコメントを配置しているのですが、気が遠くなります。ID数半端ない状態です。汗)))
さらに、ちょっといけるかも?と思っても、ブラウザによってはマージン、パッディング、フォントサイズや行間隔。同じサイズを設定しても全く異なる場合がありぐちゃぐちゃ状態になってしまいました。涙でそうです。
実は、テキストで配置するのはテキストで書きたいからではないのです。
画像だと、どうしても小さな文字を読みにくく、また、スマホなどで拡大すると汚く表示されてしまいます。
要は、きれいに読むことができればそれで解決です。
どなたか詳しい方いらっしゃいましたら、画像のままで拡大拡大しても綺麗に読める方法があれば教えていただけないでしょうか?
また、やはり画像だと汚くなるので、面倒でもテキストで書くほうがよいという場合、このような感じで細かな設定を、どのブラウザ(ある程度)綺麗に設定する方法をご存知であれば合わせてご教授願います。
どうぞ、よろしくお願いします。
補足
補足遅くなってしまってすみません。 あの、回答の意味が良く分からないのですが・・・出来れば詳しく説明していただけますか?? よろしくお願いいたします。