- 締切済み
楽天広場のHPで画像に文字重ね
楽天広場にHPを持っています。 加工不可の素材画像の上に、 「div style」というタグで文字を重ねた状態で表示していたんですが、今日見ると文字が画像の真下に来ていました。 どうも今日から「div style」というタグが使用できなく なったのかもしれません。 他に、画像の上に微妙な位置まで指定して文字を重ねられるタグは無いでしょうか？
- その他（インターネット・Webサービス）
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- yaguti
- ベストアンサー率33% (46/138)
ところで、楽天のＨＰってスタイルシートの利用は可能なのですか？サイト自体スタイルシートの利用を制限していたら、いくらがんばってもできませんが（^^; どっちにしろ画像加工不許可の画像は、背景用とカテゴライズされているもの以外は、スタイルシートで上に文字を乗せるのも加工と同じようにみなされますので、画像の入手先と使用形態について、確認してくださいね。 そうしないとトラブルの元ですから。
お礼
ご回答ありがとうございます!
補足
Centerのスタイルシートは現在使えていますし、 divも今まで正常に表示されていました。 今回は、ソースもいじっていないし、問題もないのにdivだ けちゃんと表示されなくなったのです。 ヘルプを読んでもdivは使用可能と書いてあるのですが。。 現在、楽天さんにも問い合わせていますが、まだ回答は貰 えていません。 画像の素材屋さんでは、スタイルシートで文字を乗せる のは構わないようです。 もし、今回divのスタイルシートが使えなくなった場合、 他に同じような機能のものはないでしょうか？
- yaguti
- ベストアンサー率33% (46/138)
タグでなくてはいけないのでしょうか？ 画像編集ソフトで画像の上に重ね書きした画像をアップする方が楽だと思いますが。
お礼
お早いご返答ありがとうございます。 加工不可の画像ですし、直接文字入れすると 画像が汚くなるので避けたいのです。
関連するQ&A
- 楽天広場HPのバックアップ
楽天広場にHPを持っています。 リニューアルしようと思ってバックアップしたのですが、 手動でのバックアップをなんとか終え、古いものを消して新しいものに 作り変えて、分からないとこのやり方を探していたら、 とあるサイトで「スタイルシートは画像を保存しない」と書いてあるのを見つけました。 私はフリーページや日記の、背景や画像を殆どスタイルシートで指定して いたので、慌ててバックアップしたものをネットに接続しない形で確認 したら、やはり全て画像が表示されません・・。 文字や画像の位置が右や左にズレて表示されるものもあります。。 コレはまた同じ物を作り直して、保存しなおすしかないのでしょうか？ HPをそのままの形で保存する事はできないのでしょうか？
- 締切済み
- レンタルサーバ・ASP
- 画像リンクの下に文字を付けたいのですが
画像リンクを複数横に並べ、かつそれぞれの画像の下に文字を表示(それぞれの画像の横幅の範囲内に)させたいのですがどうすればよいでしょうか？ 画像と画像の間にスペースを入れることが出来たらなお良いです。 いろいろ調べてみて、 「<div style="float:left"><img src="1.gif"><br>caption 1</div> <div style="float:left"><img src="2.gif"><br>caption 2</div> <div style="float:left"><img src="3.gif"><br>caption 3</div> <div style="clear:both"></div>」 というタグを見つけましたが、これでは画像にリンクがつけられませんし、なぜか画像と画像の間に段が出来てしまいます。 どなたかよろしくお願いします。
- ベストアンサー
- HTML
- 文字・画像の位置の指定
こんばんは。ＨＰを作成しようと頑張っている者です。 文字や画像を「center」などの決められた位置じゃなく、好きな位置に指定し、さらに動かないように固定したいのですが、ＣＳＳでのタグがいまいち分からなくて困っています。どなたか教えてください！初心者のため、詳しく教えてくださると嬉しいです。
- 締切済み
- その他（インターネット・Webサービス）
- HPの文字画像の編集
HPの文字の一部が画像であることはよくあることだと思うのですが、 無料素材で加工OKの文字画像の文字列を変更したいのですが、同じ字体、色、背景色を保ちながら文字列を変更する場合はどのソフトをすればよいのでしょうか？ どの字体を使用しているのか、見ただけでは判別つきませんが、ソフトを使えば字体がわかるのでしょうか。 宜しくお願いいたします。
- 締切済み
- 画像・動画・音楽編集
- 画像に文字の入れ方！
ある画像に文字を入れたいのですが・・・・ 絵を描いている画像に文字を入れようと ペイントのテキストで文字を入れ確定すると その文字を入れるためにドラッグ？というか 位置を指示したところが確定を押すと 文字はきれく入るのですが・・・・ その指定した位置(周り）の絵も消え文字の 周りだけ白く角どって残ります。 絵が綺麗に残り、絵の上に文字を入れる方法を 教えてください！お願いします。 解りにくい文章ですいません。
- ベストアンサー
- その他（インターネット・Webサービス）
- 画像を最下段や右端等の位置に％指定で表示したい
ページのサイズが変わっても何時も同じ比率の位置に表示したいので％で位置指定をすれば良いのかと思い<DIV STYLE="position:absolute; top:100%;"> とすると画像の上側が最下段になり画像が見えません。left:100%の場合も同じですが、100%にすると画像の最下段がヘージの最下段や右画像の右端がページの右端にきたり、50%,50%にすれば画像のセンターがページのセンターに来たりページの任意の位置に％指定で表示出来るようなタグの書き方は無いのでしょうか。お教えください。
- ベストアンサー
- CSS
- 画像の位置を指定するCSS
画像の位置を指定するCSS 文字の前にポイント画像を<img src="~.gif" alt="" />のタグで置きたいんですが、ずれて文字の上のほうに表示されてしまいます。 すごく簡単に文字の中央に表示されるように指定できるCSSのタグがありますがどんな記述だったか忘れました。 検索しても出てこないので困ってます。 どなたか教えてください。 ちなみに background: url(hogehoge.gif) no-repeat 10px 0.5em;list-style: none;} これではないです。 もっと簡単でtext-alignのようなかんじの記述です。でもtext-alignではないです。 middleみたいな記述があった記憶があるのですが確かかどうか自信ないです。
- ベストアンサー
- HTML
- 画像上に文字を表示するとiPhoneで位置がずれる
ホームページで時間に応じて2行のテキストを時計画像の上に表示したいのですが 以下のCSSを使った方法ではPCやアンドロイドではズレないで表示されます。 ただし親のiPhoneを借りて見ると 何故か文字位置が下の方にずれてしまい画像から文字がはみ出してしまいます。 ブラウザは標準ではいってるやつ（Safari？）です。 <div style="position: relative;"> <img src="hoge.jpg" width=250 height=46> <div style="position:absolute; top:6px; left:20px;"> <table border=0 cellspacing=0 cellpadding=0> <tr><td>この文章は</td></tr> <tr><td>サンプルですよ</td></tr> </table> </div> </div> どうもiPhoneのSafariはフォントサイズを自動で調整する機能があるそうで それを解除するために以下のCSSを追加してみました。 -webkit-text-size-adjust: none; このCSSを追加するとフォントサイズは変えていなくても表示は小さくなり 位置ずれはマシにはなりました。 が、それでも行間が大きいためか画像からははみ出しています。 テーブル部分を2個に分離してそれぞれ位置を修正すれば、と思ったのですが それだとSafari以外は詰まって表示されてしまいますよね・・・シクシク。 他のブラウザならともかくiPhoneの標準ブラウザなので何とか直したいです。 これを修正できる方法をご存知の方はおられますでしょうか？ 画像の上に文字を表示できるのでしたら、 上記のCSSとはまったく別のものになっても構いません。 よろしくおねがいします。
- ベストアンサー
- CSS
- 文字の画像化
今、ホームページを作成しています。 そこで、文字サイズの問題が出てきて本当に困っています。 いつも作成しているパソコンと他のパソコンで作成途中のHPをみたとき、文字がかなりはみ出ているんです。 作成環境は、HP作成ソフトは使わずに手でタグを打ってHPを作っています。 フォントについてはスタイルシートで指定しています。 フォントタイプはcursiveです。２つのパソコンで使っているのは共にIE６です。 教えてgooの以前の質問を検索してみて、原因は指定したフォントの種類が悪いんだろうという結論になりました。そこで文字を画像化すればいいということも知りました。 でも文字を画像化するやり方がわかりません。そこを教えていただきたいのです。あと文字を画像化する以外にやり方がありましたらそれも教えてください。 HP作成をはじめて２ヶ月以上経っています。。。もうちょっとで、できそうなんです(T_T)どうかおしえてください、よろしくおねがいしますm(_ _)m
- ベストアンサー
- その他（インターネット・Webサービス）
- CSSで画像の裏にテキストの文字が隠れてしまいます
スタイルシートを使って､画像の位置を固定したあと､テキストを書いていくと画像の裏に文字が隠れてしまいます。 HTMLの表を使ってやると正常に表記されるんです。 スタイルシートでは､画像h1,h2,h3に対して ｈ1,h2,h3{float:left} と、<head>の後に記入しているのですがさっぱり反映されません｡この他に、インラインでもやってみたのですが、 <span style="text-align:left>～</span> なんともなりません。この他にも試してみたのですが､うまくいきません。 文字のスタイルなどについては一気に指定してうまく制御できているのですが・・・ あー、font-familyの指定もうまくいっていません。 MS ゴシック と MS 明朝 の指定が全く変化しません。 上のように､半角でスペースを入れているのですが、・・・ ご存知の人がいらっしゃいましたらどうかご教授くださいますようお願いいたします。
- ベストアンサー
- CSS
お礼
いえ、気にしないで下さい^^。