• 締切済み

htmlの文字飛ばし

naokitaの回答

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.3

理屈は、CSS背景画像を表示しつつ、 h1内のテキストを表示しない(見えないところに飛ばす)って事。 <h1>画像置換えだよ</h1> h1{ text-indent: -9999px; width: 800px; height: 100px; background: url(~~.jpg) no-repeat; }

関連するQ&A

  • 画像文字画像文字というように並べたいです

    私の勤務している小さなお店のオーナーにHPの編集と改装を頼まれています。 しかしまったくの初心者なので、HTMLのタグ?の使い方がほとんどわかりません。 いろいろなサイトなどを使いながらなんとか進めていたのですが、行き詰ってしまいました。 (画像●文字▲) ●▲ ●▲ ●▲ ●▲ ●▲ ●▲ 以上のように、配置したいです。 タグ?をお教えください。よろしくお願いします。

  • 画像の右下に複数行の文字

    gooブログを利用しています。 画像の「右下」に、「複数行」の文章を回り込ませる方法を教えて下さい。 下記のようなイメージです。(■の部分が全部で1枚の画像です) ■■■■■■ ■■■■■■ ■■■■■■   ■■■■■■ 文字文字文字 ■■■■■■ 文字文字文字 色々探してみたのですが、 (1)leftのタグを使う「画像の右側(上から)複数行」 (2)bottomのタグを使う「右下側に1行のみ(?)」 しか見つかりませんでした。 タグの知識はあまりないので、これらを同時に使う事ができるのかとか(あるいはできないのでしょうか?)、分かりません。 どうぞご教示お願いします。

  • Perl 文字間に¥を入れ文字化けを防ぎたい

    いつもお世話になっております。 ご教示お願い致します。 まず下記のソースがあり、 my $TEXT = "<font color=green>これは表示テスト結構"; $TEXT =~ /\Q${TEXT}\E/; $TEXT =~ s/<[^>]*>//g; print qq($TEXT\n); タグを消すソース「$TEXT =~ s/<[^>]*>//g;」これは動いています。 しかし、文字間にバックスラッシュをたすソース「$TEXT =~ /\Q${TEXT}\E/;」 が、きいていないのか、間違っているのかがわからないです。 my $TEXT = "<font color=green>これは表\示\テスト結\構\"; このようにすれば単純にできますが、 正規表現?エスケープシーケンス?での実行をしたいです・・・ どうかお力添えをお願い致します!

    • ベストアンサー
    • Perl
  • かわいい文字にしたい!!

    HPの文字をかわいくしたいのですが、画像化すると一部が太くなっちゃったりでよくありません。(HG丸ゴシックM-PRO使用)。 タグで字体をかわいくする方法は無いのでしょうか? あと、画像の上にタグで文字を書く方法はありませんか?(文字も画像化するのではなく・・・。あと壁紙とは別で) よろしければ教えてください

    • ベストアンサー
    • HTML
  • h1タグ 文字が大きくて目立ちすぎる

    SEO対策の為にH1タグにサイトの説明を入れてるのですが 文字が大きすぎて目立ちすぎます。 h1タグの文字を小さくしたいのですがどうすればいいのでしょうか? 他の文字を小さくする方法と同じですか?

    • ベストアンサー
    • HTML
  • ホームページ作成 文字サイズ を変えると背景も一緒にサイズが変わる

    です。 文字のサイズが変えるとレイアウトが変わるのを 困っていたんですが、大手やここもそうですが   良いホームページは、文字サイズの変化で、背景画像も 一緒にサイズが変わっているようですが、特殊な 技術がいる事なのでしょうか? タグなどがいりますか? ビルダーのHOTMEDIA6.5 初心者なりに 標準モードと表で作っています。

  • WEBデザインで文字の配列がおかしくなる

    初めてホームページを作っています。 それで途中までは難なく作成できたんですが今文字の配列でつまずいています。 HPは真ん中によせてつくってあるので背景画像やフラッシュ、バナー、メニューバーを真ん中寄せなどはできたんですが文字の位置が適正なポジションに置けません。 置きたい場所は真ん中より左側なのでtext-alignは使えません。 それで以下のタグで組んでみたんですが、ウインドウのサイズを変えると paddingをつかってるせいか文字は移動せずにその場所にのこってしまいます。 HTML <div class="drow"> <div class="news"> <h3>新着情報</h> </div> ・・省略・・ </div> CSS div.drow{ padding-top:20px; padding-left:90px; width:100%; } こちらのタグではウインドウをリサイズすると文字の場所が変わってしまいます。position:absoluteなどでleft設定しても同じでした。 ウインドウのサイズをあけても文字の場所を移動させないにはどうしたらいいんでしょうか。

  • リンク文字変化のタグについて

    リンクを文字にマウスをあてた時のリンク文字変化のタグについて教えてください。 色々な文字変化があると思いますが上下にプルっと動くタイプのタグを探しています。 ↓これは[head]~[/head]の間に注入するタグのようなのですが <STYLE type="text/css"> <!-- A:HOVER{ position : relative; top:3px; left:3px;} A{text-decoration : none; } --> </STYLE> このように[head]~[/head]の間に挿入するタイプのものではなく 個別で指定するにはどのように記述すればいいでしょうか? ↓例えばコレは[head]~[/head]に入れて下線を消すタグですが <style type="text/css"> A{text-decoration:none;} </style> ↓こっちは個別に消す下線を消すタグです <a href="ページのアドレス" style="text-decoration:none"> リンクする文字</a> このようなに先ほどのタグの場合に個別に記述するやり方を教えてください。ヨロシクお願い致します。

  • 文字化けを解決したい

    サイトを持つ管理人です。タグなどについてはかなり初心者です。 iPhoneなどの海外OSから閲覧すると文字化けしてしまうという報告を受けて、タグを色々いじっています。 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">を追加してみたのですが、これ単品だと私のPCから閲覧したときに文字化けしてしまいました。 そのため<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">と<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">を並べてみたのですが、これで海外OSからも文字化けを起こさなくなったのでしょうか? こんな感じのタグです↓ <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <META NAME="GOOGLEBOT" CONTENT="NOINDEX, NOFOLLOW,NOARCHIVE"> <META NAME="ROBOTS" CONTENT="NOARCHIVE,NOINDEX,NOFOLLOW"> <meta name="viewport" content="width=380, maximum-scale=1.6" /> <title>練習</title> </head> 全てのスマホからもサイトを閲覧出来るようにするにはどうしたら良いでしょうか?それとも、全てのスマホから文字化けを防ぐことは不可能なのでしょうか? お知恵をお貸しください。

  • PHP 文字列中に特定の文字列を探す

    掲示板のようなものを作成したいと思っています。 基本的にはhtmlspecialcharsでタグ無効にしています。 書き込み本文中に、URLやメールアドレスの文字列があった場合、 自動的にリンク文字にしたいのですが、 どのように判定すれば、どこからどこまでURL文字列なのかが 判断できますでしょうか。 また“>>数字”を見つけたらその“>>数字”をリンク文字にしたいとも思っております。 ご存知の方いらっしゃいましたらご教示願います。 宜しくお願い致します。

    • 締切済み
    • PHP