Nine-nine の回答履歴

全79件中1~20件表示
  • Photoshop感覚でWeb制作出来るソフトありますか?

    はじめまして。 小さなデザイン事務所でPhotoshopを使って仕事をしております。 この度、Web制作未経験の私が事務所のホームページを制作を任されてしまいました。 とにかくまず形をと思い、手に入ったホームページビルダー10の「どこでも配置モード」で制作してみました。 Photoshopに感覚が近く無事に出来たと思ったのですが、ブラウザの違いなのかモニタ設定の違いなのかパソコンによって表示が重なったり左に寄ったりしてしまいました。 そのような事のないようにその後スタイルシートを使用してみたのですが、日頃Photoshopでレイヤを動かしたり重ねたりしているものですから兎に角、痒い所に手が届かないと言いますか、Photoshopなら何でもない事が思うように出来ずじれったいのです。 TOPページの原稿は社長がデザインしたものをその通りに作らなければなりません。 シンプルなデザインですが背景画像の上に文字が重なったり、画像がパズルのように並んだりしています。 Web制作がそういうものではない事は分かっているのですが、未経験で全てを任され非常に困っております。 Photoshopのレイヤ感覚で制作出来るオススメのソフトがありましたらどうぞアドバイス宜しくお願い致します。

    • ベストアンサー
    • yuniko2525
    • CSS
    • 回答数5
  • Firefoxのみ下に空白が出来るバグ

    背景を2枚使用し、それぞれ上と下に固定して、本文がのびると真ん中(画像のない場所)がのびるようにしたいのですが、 Firefoxのみ、下の画像に空白ができて埋まりません。 画像は、bodyに下の画像を、containerに上の画像を入れています。 いい方法はないでしょうか? ----html------------------ <html> <body> <div id="container"> </div> </body> </html> ---css------------------ body{ background-image:url(../images/back_01.jpg); background-repeat:repeat-x; background-position:bottom; margin:0 auto; height:100%; } div#container { background-image:url(../images/back_02.jpg); background-repeat:repeat-x; width:100%; height:100%; margin:0 auto; text-align:center; } ちなみにhtmlにcssでheight:100%などを入力すると、画像が消えて表示されなくなります。 よろしくお願いします。

    • ベストアンサー
    • chya2maro
    • CSS
    • 回答数6
  • 国内シェア率ナンバーワンのブログサイトは?

    国内シェア率ナンバーワンのブログサイトはどこですか? アメブロとかたくさんありますけどどこがいいのかな?って迷ってます。 みんなが一番使ってるブログサイトを教えて下さい。

  • ホームページビルダーはどうして駄目なんでしょうか?

    趣味でホームページ作成をしているのですが、知り合いに「ホームページビルダーを使っているならやめたほうがいい、早いうちにDreamweaverに切り替えてそっちを覚えたほうがこれからのためにいい」と言われました。 言われてみれば求人などを見ているとフォトショップやイラストレーターなどの使えると有利なソフトの中にドリームウェーバーも含まれていましたし、こちらのほうが良さそうだなーとは思ったのですが実際のところ何がどのくらい違うのでしょうか?詳しい方いらっしゃいましたら教えていただけるとうれしいです。

  • 自分でホームページを修正したいのですが・・

    現在自分の会社のホームページを修正をしようと考えております。 (新しいページを増やす、文字を追加する等) 作成した業者に修正依頼をするととても高くついてしまい、できることなら自分で修正したいと思っております。 ホームページビルダーというのを使用し、自分で修正していく事は可能なのでしょうか? 素人のご質問で大変恐縮ではございますが、教えていただければ 大変ありがたいです。 宜しくお願い申し上げます。

  • htmlで文字列の回り込みが上手くできません。

    htmlの勉強を始めた初心者です。 画像の右側に文字を回り込ませようと下記のように入力したのですが、うまくできません。 どこがおかしいのでしょか? アドバイス宜しくお願いします。 <html> <head> <title>xxx</title>  </head> <body> <img src="xxx.jpg" width="145" height="40" align="left"> <h3>~xxxxx~</h3> </body> </html>

    • ベストアンサー
    • redcurb
    • HTML
    • 回答数8
  • htmlで文字列の回り込みが上手くできません。

    htmlの勉強を始めた初心者です。 画像の右側に文字を回り込ませようと下記のように入力したのですが、うまくできません。 どこがおかしいのでしょか? アドバイス宜しくお願いします。 <html> <head> <title>xxx</title>  </head> <body> <img src="xxx.jpg" width="145" height="40" align="left"> <h3>~xxxxx~</h3> </body> </html>

    • ベストアンサー
    • redcurb
    • HTML
    • 回答数8
  • htmlで文字列の回り込みが上手くできません。

    htmlの勉強を始めた初心者です。 画像の右側に文字を回り込ませようと下記のように入力したのですが、うまくできません。 どこがおかしいのでしょか? アドバイス宜しくお願いします。 <html> <head> <title>xxx</title>  </head> <body> <img src="xxx.jpg" width="145" height="40" align="left"> <h3>~xxxxx~</h3> </body> </html>

    • ベストアンサー
    • redcurb
    • HTML
    • 回答数8
  • htmlで文字列の回り込みが上手くできません。

    htmlの勉強を始めた初心者です。 画像の右側に文字を回り込ませようと下記のように入力したのですが、うまくできません。 どこがおかしいのでしょか? アドバイス宜しくお願いします。 <html> <head> <title>xxx</title>  </head> <body> <img src="xxx.jpg" width="145" height="40" align="left"> <h3>~xxxxx~</h3> </body> </html>

    • ベストアンサー
    • redcurb
    • HTML
    • 回答数8
  • htmlで文字列の回り込みが上手くできません。

    htmlの勉強を始めた初心者です。 画像の右側に文字を回り込ませようと下記のように入力したのですが、うまくできません。 どこがおかしいのでしょか? アドバイス宜しくお願いします。 <html> <head> <title>xxx</title>  </head> <body> <img src="xxx.jpg" width="145" height="40" align="left"> <h3>~xxxxx~</h3> </body> </html>

    • ベストアンサー
    • redcurb
    • HTML
    • 回答数8
  • 全称CSSの部分否定

    全称*でfont-familyを指定していて、たったひとつのclassだけ特別のfont-familyを指定したいときは、どう書けばよろしいですか?

    • ベストアンサー
    • _ranco_
    • HTML
    • 回答数5
  • CSSでのページ作成<こまかなレイアウト>

    CSSを勉強しながらページ作成をしています。 今まではテーブルをつかって組立てをしていました。 初歩的な質問かもしれないのですが、どのたかお教えください。 テーブルを使って細かいレイアウトを設定する際には、<table>を入れ子にして、spacer.gifで空白の部分を構成しますが、 CSSを使っての場合は、どのような方法がありますか?マージンなどを駆使するのでしょうか? それとも、spacer.gifを使うのでしょうか? それと、<table>の入れ子のように、<div>も入れ子にしていいのですか?あまり多用しない方がいいですよね? 本を見たのですが、そのような実践上の細かい説明が載っていなく、困っています。 慣れている方には初歩的な質問で大変申し訳ないのですが、やさしく教えて頂けると有難いたいです。 どうぞ宜しくお願い致します。

  • CSSだけでサムネイルから拡大画像チェンジ

    1ヶ所の指定場所に拡大画像が表示された状態で、下段にいくつかのサムネイルを設置し、マウスをそのサムネイルに乗せると拡大画像がチェンジして、マウスを外すと元画像に戻るみたいな事をCSSだけで表現したいのですが可能でしょうか?感じとしては http://curucuru-select.com/?pid=7429014 のCSS版みたいなものをのぞんでいるのですが・・・多分このサイトはjavascriptでやってるみたいなんですけど・・できたら、サンプルソースをいただけるとありがたいのですが・・どうかよろしくお願いします。

    • 締切済み
    • zapan
    • CSS
    • 回答数6
  • CSSだけでサムネイルから拡大画像チェンジ

    1ヶ所の指定場所に拡大画像が表示された状態で、下段にいくつかのサムネイルを設置し、マウスをそのサムネイルに乗せると拡大画像がチェンジして、マウスを外すと元画像に戻るみたいな事をCSSだけで表現したいのですが可能でしょうか?感じとしては http://curucuru-select.com/?pid=7429014 のCSS版みたいなものをのぞんでいるのですが・・・多分このサイトはjavascriptでやってるみたいなんですけど・・できたら、サンプルソースをいただけるとありがたいのですが・・どうかよろしくお願いします。

    • 締切済み
    • zapan
    • CSS
    • 回答数6
  • cssで角丸で一部の画像だけを変更したい。

    cssで角丸テーブルにトライしています。(参考にしたサイトhttp://jmblog.jp/archives/94) これをアレンジして、左上の画像(タイトル部分にする)のみを枠によって変えたいと思っています。<span class="taiken"></span>のクラス名を変えることで画像を変えられると良いのですが、 でもどうしても上手く行きません。どうぞどなたかお助け下さい。 ********HTML********* <div class="dialog"> <div class="header"><span class="taiken"></span> <div class="c"></div> </div> <div class="body"> <div class="c">テストテスト</div> </div> <div class="footer"> <div class="c"></div> </div> </div> ******** CSS ******** .dialog { width:698px; } .dialog .header .c, .dialog .footer .c{ font-size:1px; /* ensure minimum height */ height:20px; } .dialog .header span.taiken{ background-color: transparent; background-image: url(../pic/head_r1_c1.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 37px; } .dialog .header .c{ background-color: transparent; background-image: url(../pic/head_r1_c2.gif); background-repeat: no-repeat; background-position: right 0px; height: 37px; } .dialog .body{ background-color: transparent; background-image: url(../pic/body_r2_c1.gif); background-repeat: repeat-y; background-position: 0px 0px; } .dialog .body .c{ background-color: transparent; background-image: url(../pic/body_r2_c2.gif); background-repeat: repeat-y; background-position: right 0px; } .dialog .footer{ background-color: transparent; background-image: url(../pic/footer_r3_c1.gif); background-repeat: no-repeat; background-position: 0px 0px; } .dialog .footer .c{ background-color: transparent; background-image: url(../pic/footer_r3_c2.gif); background-repeat: no-repeat; background-position: right 0px; } 宜しくお願いいたします。

    • ベストアンサー
    • yuzumayu
    • HTML
    • 回答数11
  • cssで角丸で一部の画像だけを変更したい。

    cssで角丸テーブルにトライしています。(参考にしたサイトhttp://jmblog.jp/archives/94) これをアレンジして、左上の画像(タイトル部分にする)のみを枠によって変えたいと思っています。<span class="taiken"></span>のクラス名を変えることで画像を変えられると良いのですが、 でもどうしても上手く行きません。どうぞどなたかお助け下さい。 ********HTML********* <div class="dialog"> <div class="header"><span class="taiken"></span> <div class="c"></div> </div> <div class="body"> <div class="c">テストテスト</div> </div> <div class="footer"> <div class="c"></div> </div> </div> ******** CSS ******** .dialog { width:698px; } .dialog .header .c, .dialog .footer .c{ font-size:1px; /* ensure minimum height */ height:20px; } .dialog .header span.taiken{ background-color: transparent; background-image: url(../pic/head_r1_c1.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 37px; } .dialog .header .c{ background-color: transparent; background-image: url(../pic/head_r1_c2.gif); background-repeat: no-repeat; background-position: right 0px; height: 37px; } .dialog .body{ background-color: transparent; background-image: url(../pic/body_r2_c1.gif); background-repeat: repeat-y; background-position: 0px 0px; } .dialog .body .c{ background-color: transparent; background-image: url(../pic/body_r2_c2.gif); background-repeat: repeat-y; background-position: right 0px; } .dialog .footer{ background-color: transparent; background-image: url(../pic/footer_r3_c1.gif); background-repeat: no-repeat; background-position: 0px 0px; } .dialog .footer .c{ background-color: transparent; background-image: url(../pic/footer_r3_c2.gif); background-repeat: no-repeat; background-position: right 0px; } 宜しくお願いいたします。

    • ベストアンサー
    • yuzumayu
    • HTML
    • 回答数11
  • *{margin:0px;padding:0px;}というCSSのタグの意味について教えてください。

    <style type="text/css"> *{margin:0px;padding:0px;} </style> ホームページで上記のようなソースを見かけたのですが、これはどういう意味なのでしょうか? 試しに新規ページにこのコードを記述してbody内にtableを作ってみたのですが、tableに記述したcellpaddingが 数値をいろいろ変えても動作しません。 この*{margin:0px;padding:0px;}という記述をすることによる意図は何なのでしょうか? 宜しくお願いします。

    • ベストアンサー
    • mrsan
    • HTML
    • 回答数2
  • ホームページビルダーとは・・?

    HPの編集を受け継ぐことになったのですが、前担当の方に「ホームページビルダーで作ったから、新たに購入して編集してもらうしかない」と言われました。 ホームページビルダーはホームページ作成を手助けするツールでしかないと私は思うのですが、ヤフーのようにネット上にログインして直接編集することはできないのでしょうか?? ちなみにURLは http://homepage3.nifty.com/*********/ となっています。 どなたかお詳しい方、よろしくお願いしますm(_ _)m

  • テーブルだらけのページをスッキリさせたい

    いま、ホームページビルダーで趣味のサイトを作っているところなのですが、 HTMLのことでわからない事があるので教えてください。 現在、大きなテーブルの中にさらに小さなテーブルをいれています。 そのためタグがとてもごちゃごちゃしています。 小さなテーブルはサイト更新の度に追加していく予定なので、 見た目よりデータが重いページになってしまうと思います。 これをなんとかスッキリさせたいのですが 良い方法はあるでしょうか? スタイルシートを使えばいいのでしょうか? どのように使用すれば無駄の無い形になるか 具体的なアドバイスをいただけると助かります。 参考までに作りかけのタグを載せました。 悪い部分等があったら、ぜひお願いします。 よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>サイト名「タイトル未定」</TITLE> </HEAD> <BODY> <CENTER> <TABLE border="0" cellpadding="0" cellspacing="0" width="840"> <TBODY> <TR> <TD colspan="2" align="center" height="40">サイト名 タイトル</TD> </TR> <TR> <TD colspan="2" align="center">サイトの説明と注意事項</TD> </TR> <TR> <TD colspan="2" height="15"> <HR> </TD> </TR> <TR> <TD align="center"> <TABLE border="1" cellpadding="2" cellspacing="1" bordercolor="#000000"> <TBODY> <TR> <TD rowspan="3" width="100" height="100" align="center" bgcolor="#009900">花の写真</TD> <TD width="80"><FONT size="-1">花の名前</FONT></TD> <TD width="150"><FONT size="-1">チューリップ</FONT></TD> </TR> <TR> <TD width="80"><FONT size="-1">分類</FONT></TD> <TD width="150"><FONT size="-1">あああああ</FONT></TD> </TR> <TR> <TD width="80"><FONT size="-1">撮影日</FONT></TD> <TD width="150"><FONT size="-1">2008年4月1日</FONT></TD> </TR> <TR> <TD colspan="3" height="80"><FONT size="-1">花の特徴など<BR> あああああああああああああああああああ<BR> いいいいいいいいいいいいいいいいいいいいいいいい<BR> うううううううううううううううううううううううう。</FONT></TD> </TR> </TBODY> </TABLE> <BR> </TD> <TD align="center"> <TABLE border="1" cellpadding="2" cellspacing="1" bordercolor="#000000"> <TBODY> <TR> <TD rowspan="3" width="100" height="100" align="center" bgcolor="#999900">花の写真</TD> <TD width="80"><FONT size="-1">花の名前</FONT></TD> <TD width="150"><FONT size="-1">さくら</FONT></TD> </TR> <TR> <TD width="80"><FONT size="-1">分類</FONT></TD> <TD width="150"><FONT size="-1">あああああ</FONT></TD> </TR> <TR> <TD width="80"><FONT size="-1">撮影日</FONT></TD> <TD width="150"><FONT size="-1">2008年4月2日</FONT></TD> </TR> <TR> <TD colspan="3" height="80"><FONT size="-1">花の特徴など<BR> あああああああああああああああああああ<BR> いいいいいいいいいいいいいいいいいいいいいいいい<BR> うううううううううううううううううううううううう。</FONT></TD> </TR> </TBODY> </TABLE> <BR> </TD> </TR> <TR> <TD align="center"></TD> <TD align="center"></TD> </TR> <TR> <TD colspan="2"> <HR> </TD> </TR> </TBODY> </TABLE> </CENTER> </BODY> </HTML>

  • メモ帳で作ったHPをネットに繋げるには?

    タイトル分かりにくくてすいません。 HTMLでHPを作成しても、 ドキュメントとして保存されますよね? アドレスがhttp://~のように なるにはどうしたらいいのですか? 初心者ですいません!