題名の通りです。よろしくお願いします。

HP作成サイトの「JIMDO」を使用しています。HPサイトを作り
そこにバナーを貼ったのですが、ひとつバナーを貼ってしまうと
その横にテキストもかけず空白が残ってしまいます。

テキストを結合したいなら、バナーの上に記入すれば見た目的には
問題ありませんが小さいバナーがたてにズラズラっと並ぶのは
なんか格好が悪いなと思いました。

となたか、バナーを横並びに置く方法をご存知でありましたら
教えてください。
よろしくお願いします。
できればバナーを貼った後、

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

バナー 作成」に関するQ&A: バナー作成

A 回答 (2件)

フォトギャラリーだとただ写真を閲覧できるだけなので


バナーとしての役割をはたせないのであらためてhtmlで
やってみましたが、普通に横並びさせようとしても
どうしても縦に並んでしまいます。

そこで表を利用してそのなかにバナーを組み込み
罫線を表示させないようにするとバナーだけが
横並びしているように見えます。バナーを押せば
リンク先にも飛べます。

http://hiro98.jimdo.com/

下に縦並びになってるのが元のバナーで上の横並びの
バナーはこれを利用してます。下のバナーを削除して
しまうと上のバナーも表示できなくなってしまうので
実際にやるときにはバナーは外部に保存し、それに
直リンクするかたちになると思います。
    • good
    • 0

とりあえず「JIMDO」に登録して試してみました。


初めて使うので要領が分からないので
確かなことはいえませんが、ふつうに画像を
アップロードしても横並びにできませんでした。
htmlで後から編集してみようとしましたが、
その方法も分からず試行錯誤の結果、
以下のようにしてみました。
「HP作成JIMDOでバナーを横並びしたい」の回答画像1
    • good
    • 0

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

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

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

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

Qバナー作成サイト。

無料でバナー作成ができるサイトを探しています。
過去の質問にもいくつかあったので探してはみたのですが、自分の想像するバナーとはちょっと違うんです。

私が作成したいバナーは動かない普通のバナーです。
できれば、大きいサイズのバナーで背景が豊富にあるところを教えて頂きたいです。簡単にできるところがあれば紹介して下さい。

Aベストアンサー

無料でバナー作成は、素材サイトから気に入ったバナーをダウンロードしてきて、自分でペイントソフトを使って文字を入れるのが、一番イメージに合うものができます。
自動作成サイトは、便利な分、素材が豊富とは言いがたいかもしれません。

バナーの自動作成サイト
http://hbm.suepon.com/
↑こちらの自動作成サイトですと、自分の好きなバナーのURLを入れて文字入れができるので、便利かもしれません。
ただし、素材サイトのものは、大きさなどの変更は禁止されているので、どこも触らないで、文字を入れるだけにして下さい。

Qエントリー内容が横に並びません

現在画像投稿BLOGを作っています。
エントリーした画像を左から並べて
以下のようにしたいのですがどうもうまくいきません。

■■■■■
■■■■■
■■■■■
■■■■■

※■は画像です

HTMLのテンプレートの方は色々と触って

---
<MTEntries>
<a class="permalink" href="<$MTEntryPermalink$>"><$MTEntryTitle$><$MTEntryDate format="%X"$></a>
<$MTEntryBody$>
</MTEntries>

---
というようにしているのですが反映させるとhtmlの方では







このようになっておりソースでは以下のようになっております。
<a class="permalink" href="http://ドメイン/2006/05/test_2.html">test14:35</a>
<p><a href="http://ドメイン/images/test.jpg"><img alt="test.jpg" src="http://ドメイン/images/test-thumb.jpg" width="144" height="176" /></a><br />
</p>

どのようにしたら画像は並んでくれるのでしょうか?

pタグが何かしているのでしょうか?
このpタグは入らないようにすることは出来るのでしょうか?

色々と質問して申し訳ありませんが教えていただけますでしょうか
宜しくお願いいたします。

現在画像投稿BLOGを作っています。
エントリーした画像を左から並べて
以下のようにしたいのですがどうもうまくいきません。

■■■■■
■■■■■
■■■■■
■■■■■

※■は画像です

HTMLのテンプレートの方は色々と触って

---
<MTEntries>
<a class="permalink" href="<$MTEntryPermalink$>"><$MTEntryTitle$><$MTEntryDate format="%X"$></a>
<$MTEntryBody$>
</MTEntries>

---
というようにしているのですが反映させるとhtmlの方では







このようになっておりソースでは以下のようにな...続きを読む

Aベストアンサー

http://www.vjcatkick.com/blog/archives/200412/06-144500.php
これを使ってみて

http://kamheadz.img8.com/archives.html
の用にテーブルを100%で指定すると
ブラウザの横幅に応じて、画像が表示される。
改行をつかっているのではないので
実際、ものすごい横幅を広げてみれば
1行の写真が並んでいる事になる。

Qバナー作成の方法

バナーを作ってみたいのですが、どうすればいいのかよくわかりません。一般的にバナー作成はどのようにされているのか、初心者でもわかるサイトがあれば教えていただけませんか、または無料ソフト、有料ソフト含めてバナー作成の簡単なソフトがあれば教えてください。

Aベストアンサー

どんなバナーを作りたいかによるのですが
大抵プロの方などは
・Photoshop
http://www.webdesignlibrary.jp/2008/07/website-banner.php
・Illustrator
http://h2ham.jugem.jp/?eid=71
をつかってるでしょうし、アマチュアなら
・Paintshop
http://www.corel.com/servlet/Satellite/jp/jp/Product/1184951547051
http://www8.plala.or.jp/ssppigeon/kodemaripaintshop.htm
・CorelDRAW
http://www.corel.com/servlet/Satellite/jp/jp/Product/1224688091709#tabview=tab0
http://www.corel.com/servlet/Satellite/jp/jp/Content/1225983077038
・Photoimpact
http://lunar.littlestar.jp/stardust/PhotoImpact/
http://lunar.littlestar.jp/stardust/PhotoImpact/PItut/Ribbon_Heart_Tutorial_The_Heart.htm
・Photoshop Elements
・GIMP(無料)
をつかっているとおもいます。動画のバナーなら
・Flash
・なんかGIFアニメ作成ソフト
になるんじゃないかと思います。

どんなバナーを作りたいかによるのですが
大抵プロの方などは
・Photoshop
http://www.webdesignlibrary.jp/2008/07/website-banner.php
・Illustrator
http://h2ham.jugem.jp/?eid=71
をつかってるでしょうし、アマチュアなら
・Paintshop
http://www.corel.com/servlet/Satellite/jp/jp/Product/1184951547051
http://www8.plala.or.jp/ssppigeon/kodemaripaintshop.htm
・CorelDRAW
http://www.corel.com/servlet/Satellite/jp/jp/Product/1224688091709#tabview=tab0
http://www.corel.com/servle...続きを読む

Qバナー作成(88×31)の作り方について

ブログでバナーを、、と思い、
PCに保存してあったお気に入りの写真で小さめの
バナーをJTrimで作ろうと挑戦しましたが、いまひとつサイズを小さくできず困ってます。
その大きさにはどうやってもなりません。

(88×31)のバナーを作成するには他にソフトが必要なのでしょうか?
誰か教えてください。

Aベストアンサー

JTrimで大丈夫ですよ。
画像の横幅を合わせたなら、リサイズで小さくすればOKです。
http://www5f.biglobe.ne.jp/~ayum/gazouhenkan/jtrim/jtrimmenu.html#image

参考URL:http://www5f.biglobe.ne.jp/~ayum/ring/jtrimring.html

Qフォトショップエレメントでバナー作成

質問させていただきます。

フォトショップエレメントで、バナーを作ってみたのですが、
ぜんぜんうまくいきません。
バナー作成法を、紹介しているサイトやHPを、
紹介していただけないでしょうか?
検索してみたのですが、キーワードが悪いのか?
検索結果に反映されません。(バナー 作成法 エレメント)
お力を貸してください。

Aベストアンサー

私なら、このキーワードで…
「バナー フォトショップ OR photoshop 作成」

参考URL:http://www.will-way.com/wanwill/sozai/try/try2/try2.html

Qバナー作成の勉強

マウスを動かすと反応するバナー作成を勉強したいと考えているのですが、何も知らないのでどうしていいかわかりません。誰か良いサイトや本など知っている方がいたら教えて下さい<m(__)m>

Aベストアンサー

 「バナー」も画像の一つですから、CSS でもできます。

●hoverでリンク画像を切り替える
http://www.nishishi.com/css/link-image-hoverchange.html

●css hover
http://www.google.com/search?q=css+hover&rls=com.microsoft:ja:IE-SearchBox&ie=UTF-8&oe=UTF-8&sourceid=ie7

Q動画のバナーを作成したい。

動画のバナー(アニメーションバナー?)を作成したいのですが、うまくできません。88×31の標準的なバナーを作成したいと思っていて、動画そのものはマイピクチャーに保存してあります。ネット上で作成方法を見たのですが、どうもうまくいきません。ホームページビルダーで作成する方法か、それ以外で作成する方法で、簡単な方を教えてください。具体的に手順の一つ一つを説明していただける方おられたらお願いします。(アップロードするところまでお願いします)ちなみにビルダーはV9を使っています。

Aベストアンサー

動画はgifでしょうか?
動画のバナーはアニメgifというものでできています。
aviや、wmvではバナーとしてふさわしくありません。

静止画と動作後の静止画、その間で少しずつ変化していく絵を何枚か用意し、順番に指定した秒数だけ表示させていく方法がとられます。ぱらぱら漫画を自分で作るという考え方です。
ただ、それだと初めて作る方には難しいので、最初と最後の絵を用意すると間の絵を精製してくれたりするツールもあります。

ホームページビルダーですと、ツールメニューから選べる、ウェブアニメータというツールで作成することができます。

こちらも参考にしてください。
http://pcsoft.okwave.jp/kotaeru.php3?q=2002238

動画が完成し、gifの形で保存できたら、それをhtmlファイルの中に貼り付けてください。ホームページビルダーの編集中の画面では動作を確認できませんが、プレビューで確認できます。

Qブログバナー 80×15 WEB上で作成出来るページありませんか?

タイトルの通りなのですが、ブログで80×15ピクセルのバナーを貼っている方を多々お見掛けするのですが、WEB上で作成出来るページなどはないでしょうか?
自動でロゴやリンクバナーを作成しているサイトはみかけますが、80×15のサイズは見当たらず…。

宜しくお願い致します!

Aベストアンサー

それはたぶん
「BLOG STICKER(ブログ ステッカー)」
の事だと思います。

参考リンク先で
「配布しているサイト」と「作成できるサイト」が紹介されています。

参考URL:http://www.movabletype.jp/developers/cheebow/archives/2004/11/post_11.html

Qバナー作成・保存について

ホームページ作成初心者です。
イラレ・フォトショCS2でバナーを作成してDreamweaver8でホームページを作成したいのですが・・・

作成サイズ(pix)はどれぐらいが適当でしょうか?
ちなみにバナーには社名とロゴマークが入るぐらいです。
また、作成後はどの様に保存してDRE8のimgファイルに移せばいいでしょうか?

Aベストアンサー

#1です。補足を読んだので、分かる範囲内でのアドバイスです。

(FireWorksは私はあまり使用した事無いので、詳しく分からないで申し訳ありませんが)
人によってはフォトショよりも軽い・Dwでの連携がしやすい、等の理由でメインで使ってる人も、Webデザインの現場だと居るので、使ってみると良いでしょうね。
フォトショメインのユーザーの方が多いとは思いますが。

ImageReadyが活躍するのは、ページ丸ごとデザインした場合等です。
スライスという機能を使用して、部分毎に画像に変換して容量を変えたり、名前を変えたりするのに便利です。
あとは、GIFアニメも作れるので割りと楽しいです。

>単純にGIFがいいと思っていましたが、~がいいみたいですね。
そうですね、Webに保存する画面のプレビューで書き出した後の容量は一目でわかるので、出来る限り画像1枚1枚(バナーに限らず)、JPGにしてみたり、GIFにしてみたりすると良いと思います。

>ただ「出来る限り見た目を~教えていただければありがたいです。
これは文章だと難しいですが・・・どこまで知っているか分からないので、順を追って説明してみます。

■Photoshopでの場合
1.Web用に保存、で開く。
2.左上のタブで2アップ(か4アップでも)を選択する。
3.右上のJPEGかGIF等のプルダウンで選択する。
4.右の「画質」の数値を徐々に下げていき、元画像(左)と反映後(右)を見比べる。
5.画質と、画像左下の容量を見比べ、調整をする。(時間/回線速度の数値なども参考に)
6.書き出して終了。

仕事で画像を扱う場合、見た目よりも軽さ重視という場合があるのですが、趣味だとか個人的なサイトならば、見た目重視で自分で判断されると良いかと思います。
いざアップして「重いな」と思ったら修正すれば良いですし。

個人的な目安ですが、JPGの場合は画質60までがギリギリ綺麗な範囲、GIFの場合は32カラー程度かな、という風に思っています。
(仕事内容によっては、更に下の画質40だとか10カラーだとかになる事も)

GIFで容量を落としていく作業(カラーの数を減らしていく)で、例えば256色>32色に落とした時に、元画像の一部分の色が減った事によりバランスが悪い絵になる事があります。
その場合256に戻して、カラーテーブルにて「どうしても外せない色」を選択して、鍵アイコンをクリックして色にロックをかけます。
ロックしてから、カラー数値を下げていくと、より目的にあった色の減らし方が出来ます。

>自分のページ上にアップする~に保存すればよいものでしょか?
このサイズというのは、ピクセルサイズの事でしょうかね??
どのように見せたいかによるので、あれですが・・・

例えば原寸で大きな画像を見せたいとかなら、ページ用に小さくした画像を用意して、それをクリックしたら元の大きな画像へのリンクになる、という事も出来ますよね。
小さく見せたい分には、どうにでも小さくすれば良いです・・・。

ページ自体のサイズですが、750~1000 x 500~650px程度の範囲で作製すれば、普及されている一般的な環境では、1画面に収まるのでは?と思います。

最後に、多分ですけど、WebpageDesignというカテゴリの方が、詳しい人が居るかもしれません^^;
私はたまたま、このカテゴリに立ち寄っただけなので(笑)。

#1です。補足を読んだので、分かる範囲内でのアドバイスです。

(FireWorksは私はあまり使用した事無いので、詳しく分からないで申し訳ありませんが)
人によってはフォトショよりも軽い・Dwでの連携がしやすい、等の理由でメインで使ってる人も、Webデザインの現場だと居るので、使ってみると良いでしょうね。
フォトショメインのユーザーの方が多いとは思いますが。

ImageReadyが活躍するのは、ページ丸ごとデザインした場合等です。
スライスという機能を使用して、部分毎に画像に変換して容量を変え...続きを読む

QHP作成

ホームページを作成しようと思っていますが、無料のホームページ作成サイトが多すぎてどれを使うといいのかよくわかりません。

携帯とPC両方から作成できて見れるところで、おすすめのツールやツールの比較サイトなど知っている人は教えてください・・・

Aベストアンサー

携帯から作成できる、となると携帯サイト専用のところを借りると良いですね。
携帯から作成できるところは、もちろんパソコンでの編集も可能です。

おすすめのツールは、自分が作成するホームページスペースのQ&A、質問掲示板やヘルプなどを見る方が良いと思います。
携帯からでも直接タグ打ちが出来ても、キャリア毎に使えないタグもあるし、携帯の見栄えとパソコンの見栄えは異なるので、実際に作成しながら疑問に思った時点で検索したり、見つからなければ質問したら良いと思いますよ。

参考URL:http://tool-7.net/?id=ray1103&pn=14


人気Q&Aランキング

おすすめ情報