- 締切済み
deamweverの画像
ホームページをつくりたくdreamweverで作業しているのですが、画像の右横に文字説明を書き、エンターで下に行き、繰り返しで、画像の右横に文字説明を書きをくり返して行きたいのですが、ブラウザーで見ると階段のようにでこぼこになってしまいます。divを使ってもできませんでした。テーブルを細かく分けるしかないのでしょうか?方法はありますか?
- nisemu-ko
- お礼率3% (3/79)
- ホームページ作成ソフト
- 回答数2
- ありがとう数1
- みんなの回答 (2)
- 専門家の回答
関連するQ&A
- 画像の周りに色がつく
fireworksで作成した文字画像(背景白)をdreamweverに張り付けてF12キーでブラウザチェックをしてみると文字画像の周りに紫色の枠がでちゃいます、これはなんで出るのでしょうか? 最初は青い線で1回アクセスすると紫に変わりました。 教えて頂けないでしょうか?
- ベストアンサー
- ホームページ作成ソフト
- CSSでの画像の自動縮小について
あるホームページを作成しているのですが、ブラウザを縮小した時、画像を自動で縮小したいのですがうまくいきません。 テーブルのレイアウトを崩したくないので、幅は固定したまま、かつ画像はブラウザサイズによって自動縮小にするようにしたいのですが、どうやってもうまくいきません。 ソースコードは下の通りです。 やはり、フレームレイアウト(waku)と、テーブルの幅を可変(パーセント表示)にしないと、画像の伸縮は難しいのでしょうか。 **** HTML部分(CSSは外部) ***** <body> <div id="waku"> <div id="a"> <table border="1" width="100%"> <tr> <td>ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</td> </tr> <tr> <td> <div id="b"> 画像の説明 <img src="01.jpg"> </div> </td> </tr> </table> </div> <div id="c"> <table border="1" width="100%"> <tr> <td>ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</td> </tr> </table> </div> </div> </body> **** style.css(CSS部分) ***** #waku { width:900px; border: 1px solid #000; } #a { width:800px; } #b img { max-width: 600px important!; width: 100% important!; max-height: 300px important!; height: 100% important!; } #c { width:800px; }
- ベストアンサー
- HTML
- 分割フレームに1枚の画像を貼り付けるには?
テーブルのそれぞれのセルに分割した画像を貼り付けて、あたかもブラウザで表示させるときれいに1枚の画像になっているのをよく見かけますが、ホームページビルダーで縦横分割したせるに1枚の画像を貼り付けて、境界線の表示を「なし」にしても、ブラウザで表示させると絵がばらばらになってしまいます。これって所詮無理なのでしょうか。テーブルしか適用されないのでしょうか?おわかりの方がいましたらよろしくお願いします。
- ベストアンサー
- その他(インターネット・Webサービス)
- 画像上に文字を表示すると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
- cssで画像を均等に配置する方法を教えてください。
cssで画像を均等に配置する方法を教えてください。 下図のようなレイアウトをcssで作りたいのですが方法を教えてください。 ・■は画像(一行あたりの個数は固定)。 ・罫線はブラウザの表示エリア(divのボックスです)。 ┏━━━━━━┓ ┃■■■■■■┃ ┃■■■■■■┃ ┃■■■■■■┃ ┃■■■■ ┃ ┗━━━━━━┛ ・ブラウザのサイズを変えても画像は均等に配置。 ┏━━━━━━━━━━━┓ ┃■ ■ ■ ■ ■ ■┃ ┃ ┃ ┃■ ■ ■ ■ ■ ■┃ ┃ ┃ ┃■ ■ ■ ■ ■ ■┃ ┃ ┃ ┃■ ■ ■ ■ ┃ ┗━━━━━━━━━━━┛ できればテーブルを使わずに実現したいのです。 どなたかよろしくお願いします。
- ベストアンサー
- HTML
- fireworksから書き出し、その後画像消しでテーブルが大きくなる
ホームページを作るため fireworks >> deramweaverという工程を進んでおります。 1 fireworksで画像を作成。その後スライスを切って 2 書き出しでhtmlに吐き出します。 3 dreamweaverにてそのファイルを開き、いらない部分の画像を消します。 この3の工程で問題がおきます。(なんというと伝わるのかわからないのですが、がんばります。) (そもそもテーブル<table>というか<td>には最低高さという物があるのでしょうか??だいたいテキスト文字程度の高さです。) その画像を消す際、ある一定の高さ以下(テキスト文字の高さぐらい)の画像を消すと、テーブルの高さがのびてしまうのです。 これはどこでどうすれば、画像だけを消すことができるのでしょうか? また、これに伴う説明のようなサイトがあれば教えて欲しく思います。 よろしくお願いいたします。
- ベストアンサー
- HTML
- CDを入れると表示されるアイコン画像のフォルダとHTMLリンクのアイコンの作り方
HTMLでホームページを作ったのですが、それをCDに焼付けてMacでもwinでも見られるようにしたいと思っています。それで、CDを入れるとモニタに表示されるアイコン画像(gif画像で、***.icoと拡張子をつければ見えるのは分かりました。でも実際はフォルダを画像にしてしまう方法がわかりません。)のフォルダとその中に入れて、ブラウザを立上げるHTMLリンクのアイコン(名称は ****.html)の作り方を教えて下さい。簡単でないのでしたら、何のソフトで、どんな項目を調べたらいいのかお教え下さい。宜しくお願い致します。Flash MX, Dreamwever,Fireworksなどを持っています。
- ベストアンサー
- Mac
- ブラウザのウインドウズごと画像にするには?
英語表記のホームページの解説をつくりたいのですが、英語のホームページをそのまま画像にして、そこに図形や文字を入れ解説したいと思っています。 ブラウザのウインドウズごと画像データにする方法を教えて下さい。
- ベストアンサー
- Windows XP
- 画像に並ぶ文字の縦センタリングがズレてしまいます
わかってらっしゃる方からすると、 おそらく相当つまらない質問な気がして恐縮なのですが、、、 画像の右横に文字を縦センタリングをしたいのですが、 ----------------------------------- ------ タイトル文言 -画像- ------ ----------------------------------- というようにズレてしまいます。 <hr size="5" noshade color="#000080"> <div class="title"> <img src="../images/image001.jpg" alt="image001" align="middle" > <font size="+2">タイトル文言</font> </div> <hr size="5" noshade color="#000080"> 真ん中にはならないものでしょうか? お暇な時にご回答いただけたら幸いです。 HTMLでよく使われるような気さくなサイトがございましたら、 合わせてお教えいただけるとありがたいです。
- ベストアンサー
- HTML
- 画像が読みこめなくなる
ADSLで接続してます。 最初のうちは異常なくブラウザでホームページが閲覧できるのですが、リンクで新しいページに進んだり、新しいウインドウを開くうちに画像の読みこみが悪くなります。 ステータスバーの読みこみ状況も頭打ちって感じです。 文字は読めます。 今までこんなことはなかったので不思議としか言えません。 再起動し、新たにブラウザを開くと1ページ目は以上ありません。 そしてページが進むにつれ、再び画像だけ読みこまなくなってしまいます。 原因・解決法を教えてください。 よろしくお願いします。
- ベストアンサー
- その他(インターネット接続・通信)