トップに自分が描いた画像を貼ってみたんですが、凄く縮小されて表示されるので困っています…。どうして??
あと自分の好きな所に画像を貼るにはどうしたらいいのでしょうか??
(HTMLで作ってます)

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

A 回答 (4件)

HTMLで作れるのでしたら、サイズ指定はされてますよね?



既にみなさまが回答されているように、画像を思い通りのサイズで表示するには、タグで画像のURLを指定する際、その画像のサイズも一緒に記述します。
もちろん、このサイズが画像本体のサイズを記述します。
後からタグによって強制的にサイズを変更することも可能ですが、画像の質はかなり悪くなります。
ですから、表示したいと思う大きさに合わせて画像を用意しましょう。

サイズ指定がされてない場合に意図しないサイズに表示されてしまうのなら、最初から画像を作成して保存する際のサイズを間違っていませんか?
なにか画像制作ソフトを使ってらっしゃるでしょうが、作成保存するときには画像のサイズもチェックしましょう。

簡単ホームページのトップということは、おそらく「メイン」のページのほうを指してらっしゃるでしょうが、ログインするとこのページには「お知らせ」と「コメント」を書き込めるようになっていませんか?(たぶんgooも、ログイン後のページは他のGaiaXのページと同じだと思うのですが)。
この部分を完全にタグで書いてしまえば、自由に書き換えられます。
最初から用意されているタイトルや壁紙等を表示させないことも可能なので、まるまる1ページ分のデザインをすべてタグで書いてそのまま貼りつけてしまえば問題はありませんよ。
私はgoo以外のGaiaX系コミュニティを使用していますが、そのように書き換えています。
    • good
    • 0

細かいことは良くわからないですが


下記の方法で自分の好きな位置に絵を表示できます

<DIV style="top : 44px;left : 251px;
position : absolute;
z-index : 3;
" id="Layer3"><IMG src="ファイル名" width="103" height="105" border="0"></DIV>

数字の値を変えてみてください
    • good
    • 0

<IMG SRC=画像のアドレス・名前.拡張子 height=50 width=50>


で貼り付けられるかと・・・
height=高さ指定(ピクセル)
width=50横幅指定(ピクセル)

数字を変更してアップしてみたら解ると思います。

          X1turboの友達 hiro。
    • good
    • 0

<IMG SRC="画像の場所"WIDTH="100" HEGHT="100">


なんて感じで、数字を入れ替えて試してみては?

自分の好きな所に関しては、僕も勉強中でわかりません。
    • good
    • 0

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

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

Qhtml初心者です。画像サイズについて。 テーブルの中に、文字と、画像リンクを貼っているのですが画像

html初心者です。画像サイズについて。
テーブルの中に、文字と、画像リンクを貼っているのですが画像と文字がズレます!泣
画像というより、文字が下にずれます。

文字<a href=”リンク先”><IMG src=”画像URL” width=”30” height=”40” border=”0”>

3×3のテーブルの中に、上記のコードが9つあります。画像アイコンは2種類で、もう一つは
width=”25” height=”20” border=”0”>です。
アイコンの横と幅が二つそれぞれ違うのでズレてるようです。しかし双方を同じくらいのサイズにしようとするとこうなります。ちなみにフリー素材を拾ってきました。
同じサイズにするにはどうすれば…
ペイントでピクセル値をいじっても、元のサイズが双方違うから結局一緒ですよね?
元が同じサイズの画像をとるしかないでしょうか?

Aベストアンサー

単純にスタイルシートで指定すればよい
img[src=”画像URL”]{height:80px;width:auto;}
位置は、position:relative:top:5px;とかで好きに変えればよい。

そもそも、tableを使って配置するのは問題ですが、それはおいておいて・・

alignなんて16年前から非推奨の代表ですから、そんなもの使わない。

QHTMLタグで素材画像にリンクを貼ったら…

HTMLタグで素材画像にリンクを貼ったら、その周りを紫色の四角い枠が、その素材画像を囲んでしまいます。
この四角い枠を無くす方法は無いでしょうか?

<a href="HP URL" title="コメント"><img src="画像URL"></A>

こういうタグなのですが。
何か足りないタグがあるのだと思うのですが分かりません。

宜しくお願いします。

Aベストアンサー

<a href="HP URL" title="コメント"><img src="画像URL" border="0"></A>
で消えますよ。他にもHTMLに関してはこのHPを見ればいいと思います。
http://berry.littledear.org/

参考URL:http://berry.littledear.org/

QHTMLでHPを作っていますが画像が貼れません

初心者がHTMLでHP作成していてつまづいています。助けて下さい。

alphaEDITでHPを作成しており、PF-X.NETサーバーを利用しています。

PF-X.NETサーバーの規則上、public_htmlというフォルダを作って、その中にindexファイルとimgフォルダを作ってその中に画像を入れてます。

indexファイルに貼り付けた画像をimgフォルダに入れてます。

アップロードしたら、作成したレイアウトは自分のURLに表示されるのですが、画像は枠だけ表示され左上に破れた様なマークがついています。

何がおかしいのでしょうか?
HTMLチェッカーというのも英語で分かりませんでした。

よろしかったらどなたかお助け下さい。よろしくお願いします。

以下がindexファイルのHTMLです。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>MAINページ</title>
<style>td{vertical-align:top;}</style>
</head>
<body>
<p>
<table border="1" cellspacing="0" cellpadding="0" width="800" align="center">
<tr>
<td>
<p align="center"><font color="#ff0000" size="6">THRASH
METAL JUNCKY</font> </p></td>
</tr>
<tr>
<td>
<table border="1" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="600">
<p align="center"><br>
ヘヴィメタルが好き!それもスラッシュメタルが大好きという方達のサイトです!<br>
<br>
私は特にジャーマンスラッシュ三羽烏が大好きです。<br>
<br>
<img border="0" alt="" align="middle" src="articlekreatorinterview.jpg" width="400" height="397"><br>
<br>
KREATOR,SODOM,DESTRUCTION最高!!<br>
<br><a href="home.html">ENTER<br>
</a>
</p></td>
<td>
<ul>
<li><a href="index.html">サンプルページ1</a>
<li>サンプルページ2
<li>サンプルページ3</li></ul></td></tr></table>Copyright THRASH METAL
JUNCKY</td>
</tr>
</table>
</p>
</body>
</html>

初心者がHTMLでHP作成していてつまづいています。助けて下さい。

alphaEDITでHPを作成しており、PF-X.NETサーバーを利用しています。

PF-X.NETサーバーの規則上、public_htmlというフォルダを作って、その中にindexファイルとimgフォルダを作ってその中に画像を入れてます。

indexファイルに貼り付けた画像をimgフォルダに入れてます。

アップロードしたら、作成したレイアウトは自分のURLに表示されるのですが、画像は枠だけ表示され左上に破れた様なマークがついています。

何がおかしいのでしょうか?
HTM...続きを読む

Aベストアンサー

#2です。
>すみませんalphaEDITで画像を貼り付けただけでは駄目だということになるのでしょうか?
私は「alphaEDIT」なるソフトを使ったことがないので詳しくはわかりませんが、メインフォルダの中にサブフォルダなどが存在する場合に、あるHTMLファイルから別フォルダにあるファイルをリンクさせるには、下記サイトにあるようなフォルダ位置指定をしなければならないのです。参考にどうぞ。
http://nojhon.s71.xrea.com/lecfolderb.html

QHTMLに外部HTMLを貼りたい!

 たとえば、スタイルシートですと、外部に格納してあるものをhtmlにリンクで呼び込むことができますよね。それと同じように
<meta ~  >
タグ自体をたくさんのページに貼り付けて、外部に格納して値の調整等を元のファイルだけで操作したいのですがどうしらいいでしょうか?! 最近PHPを始めたという理由だけでここで質問させて頂きました。
元の部分を変えれば全てが変わるようなしくみが造りたいのですが

Aベストアンサー

私もPHP勉強中のみですが。
まずはすべてのファイルにリンクさせる管理用ファイルを作ります。たとえば、「config.php」という感じで。内容は下記ように。
<?
$meta = <<<meta
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
meta;
?>
で書き出したいファイル(もちろんPHP)
<?
require_once( "config.php" );
?>
と管理ファイルを呼び出し、埋め込みたい部分に
<?= $meta ?>
とすればできると思います。ほかにもいろいろと書き方はあります。
初心者の分際でこんなことを言うのはおこがましいとは思いますが書籍やWEBなどで検索して勉強された方がいいと思います。

参考URL:http://jp.php.net/manual/ja/,http://vivian.stripper.jp/index.php?itemid=81

私もPHP勉強中のみですが。
まずはすべてのファイルにリンクさせる管理用ファイルを作ります。たとえば、「config.php」という感じで。内容は下記ように。
<?
$meta = <<<meta
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
meta;
?>
で書き出したいファイル(もちろんPHP)
<?
require_once( "config.php" );
?>
と管理ファイルを呼び出し...続きを読む

QHTMLでトップページの画像およびリンクのランダム表示について

どなたかお力を貸して下さい。
現在HPを作成中なのですがそのHPのトップページに表示される画像と、
それとセットで商品名、購入ページへのリンクを更新する度にランダム表示になるようにできればと思っています。
添付画像の販売ページへ飛ぶという所でリンクをつけたいと思っています。
HTMLは
<h2>New!!新着製品</h2>

<div class="itemlist">
<div class="img"><a href="#"><img src="images/sampleimg1.jpg" alt="item name" width="250" height="188" /></a></div>
<h3>機種名</h3>
<p>販売ページへ飛ぶ</p>
</div>

スタイルシートは
#main .itemlist {
border: 1px solid #CCCCCC;/*1個あたりのボックスのボーダー設定*/
padding: 5px;
overflow: hidden;
margin-bottom: 0.5em;
width: 673px;/*段落タグ(p)の横幅とサイズを合わせる設定です。この下二つのmarginも。*/
margin-right: auto;
margin-left: auto;
}

#main .itemlist h3 {
color: #000000;
border-bottom: 1px solid #cccccc;
border-left: 4px solid #CCCCCC;
padding: 0px 0px 0px 5px;
margin-bottom: 0.5em;
font-size: 100%;
}

#main .itemlist p {
padding: 0px;
}

#main .itemlist p, #main .itemlist h3 {
margin-left: 265px;/*画像の幅に合わせてここは変更する*/
}

#main .itemlist a img {
padding: 5px;/*写真と外線との余白*/
border: 1px solid #CCCCCC;
}

#main .itemlist a:hover img {
border: 1px solid #999999;
}

#main .itemlist div.img {
float: left;
}
なのですが相当難しいでしょうか?

どなたかお力を貸して下さい。
現在HPを作成中なのですがそのHPのトップページに表示される画像と、
それとセットで商品名、購入ページへのリンクを更新する度にランダム表示になるようにできればと思っています。
添付画像の販売ページへ飛ぶという所でリンクをつけたいと思っています。
HTMLは
<h2>New!!新着製品</h2>

<div class="itemlist">
<div class="img"><a href="#"><img src="images/sampleimg1.jpg" alt="item name" width="250" height="188" /></a></div>
<h3>機種名</h3>
<p>販売...続きを読む

Aベストアンサー

JavaScriptを使えば簡単にできますよ。

「画像をランダムに表示する」(http://javascript.eweb-design.com/0804_ri.html)が参考になるでしょう。


人気Q&Aランキング

おすすめ情報