皆様 お世話になります。

左側に画像があり、その右に文字やアフィリを入れる場合、

<a href="画像のURL" target="_blank"><img src="画像のURL" alt="bi" border="0" /align="left" ></a>文字をココに入れる<br clear="all" />

とやることはわかりましたが、もう少し画像と文字の間を開けたいという場合はどうすればいいのでしょうか?

どなたか知ってらっしゃいましたら教えて下さい。

宜しくお願いします。
どうすればいいのでしょうか?

このQ&Aに関連する最新のQ&A

A 回答 (5件)

上下にスペースを入れる場合は vspace


左右に入れる場合は hspace
http://www.tagindex.com/html_tag/img/img_space.h …

重箱の隅を突付くようですが、
http://www.tagindex.com/html_tag/img/img_align.h …

http://www.tagindex.com/html_tag/img/br_clear.html
もあわせてお読みになると良いと思います。
(若干書き間違いがあるように思います)
    • good
    • 0
この回答へのお礼

おはようございます。

align="left" vspace="30"でやってみましたところ、
たしかに画像と文字の間隔はあきましたが、画像も一緒に右に
ずれてしまいました。

きっと私のやりかたがどこか違っているのだと思いますが
まるでわかりませんでした。

このたびはURLまで貼りつけていただき感謝しております。
どうもありがとうございました。

お礼日時:2008/02/02 08:27

文字の前に 全角スペースを入れれば


空間があきますが それでは駄目なんですか?
半角スペースだとスペースは表示されません
    • good
    • 0
この回答へのお礼

こんにちは。

文字の前に全角スペースをいれましたが、
空間はあきませんでした。

私のやりかたがどこか間違っているんだと思います。

他の回答者様のやりかたでなんとかできました。

教えていただいてどうもありがとうございました。

お礼日時:2008/02/03 11:07

あの、私が言っているのは


「画像自体に空白を作る」のであって、
「画像の横に空白を入れる」のではありません。

画像を実際に編集し、
空白をあけたい部分を広げ、
表示箇所の背景と同じ色、または透過にして保存し、
再びアップロードして使う、ということです。

画像自体のサイズはブラウザに依存せず等しいため、
どのブラウザでも同じ表示が可能となります。
    • good
    • 0
この回答へのお礼

こんにちは。

いろいろと教えて頂きましたが、はっきりいって
私のアタマではむずかしすぎてちんぷんかんぷんです(笑)。

他の回答者様の教えでなんとか解決できました。

本当にいろいろとご説明いただき、ありがとうございました。

お礼日時:2008/02/03 11:10

No.1の方も仰っていますが、左右にスペースを入れる場合は hspace 



align="left" Hspace="??" vspace="30"

<Img Src="画像URL" Align="画像の位置" Hspace="横間隔" Vspace="縦間隔">

http://heo.jp/tag/href/imgalign.html
    • good
    • 0
この回答へのお礼

こんにちは。

なんとか解決できました。

どうもありがとうございました。

お礼日時:2008/02/03 11:11

画像自体の右側に白い空白を作ってみてはどうですか?


もっとも簡単で的確な方法だと思います。
    • good
    • 0
この回答へのお礼

おはようございます。

そんな方法があるということなどまるで知りませんでした。
具体的にどこに空白をつくればいいのでしょうか?

何回かやってみましたがまるでわかりませんでした。

もしよろしければご教授ください。

宜しくお願いします。

お礼日時:2008/02/02 08:30

このQ&Aに関連する人気のQ&A

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

このQ&Aを見た人が検索しているワード

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

Q文字・画像をデザインする

最近。パワーポイントの資格を取得したのですが、その時に文字、画像のデザイン?アニメーションなどをし、プレゼンを実習としてしました。文字のレイアウトや画像に手を加える事の楽しさを実感し仕事として文字のデザインなどをしている業界、会社は何か知りたいのですが。
その際にこのソフトは使えるようにしておいた方がいいものなど、あとDTPとWebデザインの区別を知りたいです。
なにぶん基礎知識が不足しているのでお願いいたします。

Aベストアンサー

あなたが日頃見ている駅貼りのポスターやコンビニにある雑誌、通りで配られるチラシ等、それらをデザインしている職種と会社があります。職種としてはグラフィックデザイナー、作っている会社は広告代理店(電通や博報堂が有名)やデザイン専門事務所などです。

文字そのものを作っているのはこれらとはまた別に専門会社があり、モリサワ等が有名で、文字をデザインする人はタイプデザイナーと呼ばれます。タイポグラファは文字を「組む」専門の人で、文字そのもののデザインはしません。例えるならピアノ職人とピアニストの関係ですね。両方を一流にこなせる人は稀です。

DTP(Desk Top Publishing)はグラフィックデザインの完成形をコンピュータ上で作り上げる行為を指し、デザインそのものとはあまり関係ないものです。Webデザインはグラフィックデザインの要素に加えて、インターフェイスデザイン(人間が操作する部分のデザイン。銀行のATM等)の要素も絡んでくる複雑な分野です。

デザイン業務に使われるソフトはAdobe社やMacromedia社等の製品全般です。しかし上述したように、これらのソフトが使えるのと、デザインができるということはまったくの別物と考えて下さい。ソフトは使えるけどデザインはできない人、逆にデザインはできるけどソフトは使えない人、というのは実際におります。

あなたが日頃見ている駅貼りのポスターやコンビニにある雑誌、通りで配られるチラシ等、それらをデザインしている職種と会社があります。職種としてはグラフィックデザイナー、作っている会社は広告代理店(電通や博報堂が有名)やデザイン専門事務所などです。

文字そのものを作っているのはこれらとはまた別に専門会社があり、モリサワ等が有名で、文字をデザインする人はタイプデザイナーと呼ばれます。タイポグラファは文字を「組む」専門の人で、文字そのもののデザインはしません。例えるならピアノ職人...続きを読む

QFC2 ブログ 右クリック禁止

お世話になっております。
FC2のblogでテンプレートcfdn_09を使用しているものです。

画像の右クリック禁止はできたのですが、画像を左クリックして新しくできたウインドウに表示される画像の右クリック禁止ができません。

おそらくcssかhtmlのどこかの記述を削除すればよいのだと思うのですがあいにく当方知識がないためわかりかねます。

どなたかご助言いただきたいと思います。
よろしくお願いいたします。

Aベストアンサー

いっそ画像をリンクで開かないようすればよいのでは?
「サムネイルで記事を書く」ではなく、「この画像で記事を書く」にすれば
>画像を左クリックして新しくできたウインドウに表示される画像
が出てこなくなるわけですから。

それからいくら右クリック禁止しても、画像を他人が保存する方法はいくらでもあります。
無意味です。
http://www.google.com/search?q=%E5%8F%B3%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E7%A6%81%E6%AD%A2&sourceid=ie7&rls=com.microsoft:en-US&ie=utf8&oe=utf8

右クリックで画像を無断ダウンロードされる(画面見た時点でダウンロードされているわけですが)のがイヤなら、Web上に公開しないことですね。

Qロゴデザインの文字間について

WEBデザインを勉強しています。

今タイトルロゴ(アルファベット7文字程度)をデザインしているのですが、
文字間に微妙なバラつきがあるため
一文字一文字の文字間を調整しようと思うのですが、
法則やポイントなどはあるのでしょうか?
特に「I」の前後が難しいです。。。


使用ソフトはIllustratorCS5です。
よろしくお願いします。

Aベストアンサー

Iの前後が難しいというご相談ですが、おそらく、そのIの隣の文字の、その前後にも文字があるのではないですか?その文字の間隔に法則性が無いために、Iの前後の間隔が決められないのだと推測されます。

文字を等間隔に配置した場合、見た目の間隔にバラツキを感じるのは目の錯覚と、欧文のタイプフェイスのデザインによるものです。横書きを前提とした欧文の文字は高さは一定なのですが、文字ごとの横幅が違います。そのため、ロゴタイプをデザインする場合には、この錯覚と横幅を考慮に入れて文字を配置します。

具体的に説明していきましょう。まず、その文字をコピー&ペーストしてアウトラインを作成しましょう。アウトラインにした文字は1文字づつ自由に動かす事ができます。移動はキーボードで操作します。あらかじめ、環境設定の「キー入力」で、移動の大きさを適度な大きさにしておきましょう。

縦のラインで構成されているIやH同士が隣り合う場合と、IやHと曲線で構成されているOやCが隣り合う場合では、見た目の間隔と実際の間隔は違ってきます。これは既に経験されている事でしょう。

これらの異なったラインの文字の配置を見た目の上での間隔を同じにするためには、まず基準となる間隔を設定することが先決となります。基準となるのは、IやHなど縦のラインが隣り合う文字の間隔です。

これを基準として、IとOのように縦のラインと曲線が隣り合う組み合わせの間隔、IとYのように縦ラインと斜線が隣り合う間隔、OとCなどのように曲線同士が隣り合う間隔、YやWのように斜線同士が隣り合う間隔、CやZなどの懐のある文字の間隔を決定していきます。

例えば、縦ライン同士の間隔を1とした場合、縦と曲線の組み合わせを0.8、曲線同士の組み合わせを0.7、というように独自の法則を決定してください。この時の法則が、あなたのそのデザインの個性になります。そのデザインを活かすも殺すも、その法則次第となります。

間隔の関係は、概ね、直線同士>直線と曲線>直線と斜線>曲線同士≧斜線同士>斜線と曲線、のようになります。この関係は、それぞれのタイプフェスによっても変わりますから、それぞれのタイプフェイスのデザインに合わせる事が不可欠です。これらの間隔を決定せずに、終始感覚だけで配置していると、いつまで経っても文字同士のバランスがとれず、ガタガタした感じから逃れられなくなります。

さらに、YとY、YとWなどのように、隣り合う文字の懐が大きく影響する場合もあります。このような場合には、敢えて字間を大きくとったデザインにして懐の影響を小さくしたり、文字同士の一部を重ねたりして処理します。このような処理は、デザインの方向性に大きく作用しますから、何度も試行することが必要になります。

とりあえず、以上の手順で配置してみてください。隣り合う縦のライン同士の部分が無い場合には、そのIと隣の文字との間隔を基準にしてください。そして、そこから他の部分の間隔を決めていってください。決定した間隔の文字同士は順次グループ化していって、後々までズレが発生しないようにしましょう。

最後に、全ての文字を配置し終えたら、全体のバランスを見ましょう。意図したイメージになっていますか?意図と違って詰まっていると感じたり、スカスカしていると感じたら、再度基準の間隔を調整して、それにつれて他の文字の間隔も調整しましょう。

ある程度煮詰まってきた時に、どうしても違和感を感じる部分が出てくる事もありますが、そのような場合には、思い切って大胆に基準の間隔を変えてみたり、ある程度時間を置いてから再度試みることも効果的です。同じ動作を繰り返していると、どうしても感覚は麻痺してくるものですから。

そして、最後の最後に文字同士のグループ化を解除し、見た目だけでそれぞれの間隔を微調整します。少しづつ、少しづつ、根気のいる作業です。ここで手を抜くと良いロゴデザインはできません。

ロゴデザインは長期間に渡って人目に晒されるものです。見た人が少しでも違和感を感じると、その少しの違和感が時間の経過とともに大きな蓄積となっていきます。その蓄積された違和感は、そのロゴタイプを持つ企業やブランドのイメージに直結しますから、とても大きな問題なのです。ですから、精緻化はあせらず時間をかけて、納得のいくまで確実に行ってください。

追伸:以上はあくまでも既存のタイプフェイスを利用した場合のデザイン手法です。あなたが文字からデザインなさっている場合には、その文字の仕上がり具合が大きく影響します。良いデザインが出来上がる事を祈っています。

Iの前後が難しいというご相談ですが、おそらく、そのIの隣の文字の、その前後にも文字があるのではないですか?その文字の間隔に法則性が無いために、Iの前後の間隔が決められないのだと推測されます。

文字を等間隔に配置した場合、見た目の間隔にバラツキを感じるのは目の錯覚と、欧文のタイプフェイスのデザインによるものです。横書きを前提とした欧文の文字は高さは一定なのですが、文字ごとの横幅が違います。そのため、ロゴタイプをデザインする場合には、この錯覚と横幅を考慮に入れて文字を配置しま...続きを読む

QFC2の3カラムの公式テンプレートの右カラムと左カラムを入れ替えたいのですが。

FC2のmimeiという3カラムの公式テンプレートを使いたいと思ったのですが、
実際にプレビューさせるとプラグインカテゴリ1に登録したプラグインが右に(通常は左)、
逆にカテゴリ2のプラグインが左に来てしまいます。
環境設定→プラグインの設定でカテゴリ1を2に、2を1に変更すればいいのですが、
それだとほかのテンプレートに変えたときに、また逆に設定し直さなければいけません。
HTML、CSSともにいろいろちょっかい出してみたものの、根本的な解決にはなりませんでした。
どこをどう変えれば、カテゴリ1は左、カテゴリ2は右と表示できますでしょうか、ご教授ください。

また、ひとつの質問にひとつ、というルールを破って申し訳ありませんが、
このmimeiで設定されているカレンダーを消すことができません。
どこを削除したら消すことができるかも教えていただけると助かります。
なにとぞよろしくお願いします。

Aベストアンサー

カレンダーを消すには、
テンプレート編集-HTML編集欄の中の以下のタグを消します。


<div class="menuBlockHeadRight"><div class="menuHeadText">CALENDAR</div></div>
<div class="plugin-calender">
<table summary="calendar" class="calender" align="center">
<caption><a href="<%prev_month_link>" title="<%prev_month>"><<</a> <%now_year>/<%now_month> <a href="<%next_month_link>" title="<%next_month>">>></a></caption>
<tr>
<th abbr="sun" scope="row" id="sun">S</th>
<th abbr="mon" scope="row">M</th>
<th abbr="tue" scope="row">T</th>
<th abbr="wed" scope="row">W</th>
<th abbr="thu" scope="row">T</th>
<th abbr="fri" scope="row">F</th>
<th abbr="sat" scope="row" id="sat">S</th>
</tr>
<!--calender-->
<tr>
<td><%calender_sun></td>
<td><%calender_mon></td>
<td><%calender_tue></td>
<td><%calender_wed></td>
<td><%calender_thu></td>
<td><%calender_fri></td>
<td><%calender_sat></td>
</tr>
<!--/calender-->
</table>

◆サイドバーの左右入れ替え

HTML編集欄で、

<!--plugin_second-->   ←←← ここから


<!--/plugin_second-->   ←←← ここまで


↑と


<!--plugin_first-->   ←←← ここから


<!--/plugin_first-->   ←←← ここまで

の部分を入れ替えます。


つまり、

<!--plugin_second--> 、 <!--plugin_first-->  と <!--/plugin_second--> 、 <!--/plugin_first--> の間に
いろいろとタグが書かれていますが それも含めてすべてコピーし、

<!--plugin_second--> ~~~~~~~~~~~ <!--/plugin_second--> があったところに

<!--plugin_first--> ~~~~~~~~~~~ <!--/plugin_first--> を書き加え


<!--plugin_first--> ~~~~~~~~~~~ <!--/plugin_first--> があったところに

<!--plugin_second--> ~~~~~~~~~~~ <!--/plugin_second--> を書き加えます。



テンプレートに手を加える場合は自己責任ですので
あらかじめ複製しておく、またはメモ帳などにバックアップを取っておくことをおすすめします。

カレンダーを消すには、
テンプレート編集-HTML編集欄の中の以下のタグを消します。


<div class="menuBlockHeadRight"><div class="menuHeadText">CALENDAR</div></div>
<div class="plugin-calender">
<table summary="calendar" class="calender" align="center">
<caption><a href="<%prev_month_link>" title="<%prev_month>"><<</a> <%now_year>/<%now_month> <a href="<%next_month_link>" title="<%next_month>">>></a></caption>
<tr>
<th abbr="sun" scope="row" id="sun">S</th>
<th ab...続きを読む

Qふすま替えをして習字で文字を書く場合のデザイン

ふすま替えをしようと思います
習字の上手な母に記念に文字を書いてもらおうと考えました。
そこでデザインなのですが
太い文字は狭い部屋なので(6畳和室)
細筆で書いたかな文字の文章が良いかとは考えておりますが
どんなふすまに書いてもらったらよいでしょうか?
無地か何かオススメのふすまがあれば
また
かな文字でなくてもいいのですが
狭い部屋に合った
文字、ふすま、ふすまのデザインがあれば
教えてください。

Aベストアンサー

書いてもらうなら、無地の襖に直接書いてもらう方法と
書いた紙を襖に張ってもらう方法とあります。

よほど自信のある人を除いて後者の方が無難だと思います。
太字の漢字だと禅寺みたいになって重いと思われるなら
好きな現代詩などを自由に近代詩文のようにカナ漢字交じりで
書いてもらってはどうでしょうか?

自分は大きな紙に好きな言葉を書いて襖に張ったりしましたが
もっときちんと襖やさんにお願いすればしっかりしたものができると思います。

QFC2ブログカスタマイズ リンク文字間の間隔について

記事中のカスタマイズで質問いたします

画像バナーに文字を回り込ます場合は
<a href="画像のURL" target="_blank"><img src="画像のURL" alt="bi" border="0"align="left"style="padding-right:20px;" ></a>文字をココに入れる<br clear="all">
で使用しております
このソースの場合画像と文字の間隔はstyle="padding-right:20px;" の部分で調整します

判らないのは画像バナーではなくテキストバナーの間隔を自由な数値で放して同じ行中で設置する場合はどのようにするのでしょうか?
キーボード操作でスペースを空けても単なる文章と違い間隔は空きませんしソースとソースの間にを入れてもほんの少し離れるだけです。
最初に提示しましたソースに画像URLでは無くテキストバナーのURLを入れたりしてみましたが上手く行きません
スタイルシートをいじらないで各部分で使いたいのですが
教えていただけますでしょうか?

記事中のカスタマイズで質問いたします

画像バナーに文字を回り込ます場合は
<a href="画像のURL" target="_blank"><img src="画像のURL" alt="bi" border="0"align="left"style="padding-right:20px;" ></a>文字をココに入れる<br clear="all">
で使用しております
このソースの場合画像と文字の間隔はstyle="padding-right:20px;" の部分で調整します

判らないのは画像バナーではなくテキストバナーの間隔を自由な数値で放して同じ行中で設置する場合はどのようにするのでしょうか?
キーボード...続きを読む

Aベストアンサー

<a href="#" style="margin-right:20px;">テキストバナー</a>何かの文字<br />

これで同じ状態になると思います。
質問に書かれたイメージのソースもaタグにstyleでmargin入れる方がいいと思いますよ。

Q静岡県の静岡ナンバーの文字のデザインが知りたいのですが。デザインをしな

静岡県の静岡ナンバーの文字のデザインが知りたいのですが。デザインをしなければならないので正確な写真が見たいのでよろしくおねがいいたします。

Aベストアンサー

http://www.google.com/images?num=50&lr=lang_ja&q=%E9%9D%99%E5%B2%A1%E3%83%8A%E3%83%B3%E3%83%90%E3%83%BC&um=1&ie=UTF-8&source=og&sa=N&hl=en&tab=wi

QFC2のブログで文字が青くなる

FC2のブログ無料版使ってます
ブログを書いいますが最新の日記はそのままなのですが
次に新しい日記を書くと前の日記の文字が青くなっています
以前はこんなことないのですがここ2週間くらい前から
こんな状態です
特に不具合というわけではないですが出来れば直したいです
原因はなんなのでしょうか?

Aベストアンサー

其の文字とはテキスト本文ですか?
アンカーされた文字列ですか?

Q文字だけでPOPを作る事が難しいです。上手くデザインするコツを教えて下さい。。

写真等の素材がなくほぼ文字だけでPOPを作ろうとしています。文字のバランス、背景やワンポイントのデザインに悩んでいます。私の場合パチンコ店のPOPを任されているのですが、パソコンが得意だからという理由だけなんです。(センスはゼロに近い・・・)A3横の用紙にただ「明日、大安」「明日、GOGO、大安」ほぼこれだけの文字で上手くレイアウトしデザインしなければいけないんです。お店に貼るのだからいい加減には出来ないし。。。。うちのお店はシンプル&クールで、他のお店とは一線を画している感じです。何かいいサイトやアイディアがあったら教えていただけませんか?よろしくお願いします。ちなみにイラストレーターではなくコーレルドローというソフトを使ってつくっています。素材が少ないと難しいですね~。くどいようですがテーマは「シンプル&クール」です。

Aベストアンサー

田中一光をご存じですか?
うまく作るコツ、などではないのですが、文字だけでデザインと聞いて思い起こしたのがこの人です。
なかなかちょうどいいサイトが見つからなかったのですが、田中一光の作品は参考になると思います。

Q画像と画像の間のスペースはどうすればいいのですか

ブログのためのHTMLを勉強中です。

アイコンくらいの大きさの画像を連続させてラインのようにしたいと思っています。
画像貼り付けタグを並べただけでは、ものすごく詰まっているので
少し間隔を取りたいのですがどうすればいいんでしようか?
スペースを入れただけでは変化がありませんでした。

また、文字の前にも画像を貼り付けたいのですが、同じように接近していて見栄えがよくありません。

2日ほど色々なHTML講座を探してみたのですが、どうしてもわかりませんでした。
どなたか教えてください。 どうぞよろしくお願いします。

Aベストアンサー

半角のスペースではなく、全角のスペースを入れると間が空きます。

> 文字の前にも画像を貼り付けたいのですが
この場合は・・・
<img src="画像のURL"align="left" vspace="15" hspace="15">
で、画像の右側に文字が入れられます。
vspace="15" hspace="15" で、画像と文字の空きを指定しています。

align="left" を align="right" にすれば、画像の左側に文字を入れられます。


人気Q&Aランキング

おすすめ情報