• 締切済み

イラストHP作り。ｈｔｍｌやｃｓｓ。

イラストHP作り。ｈｔｍｌやｃｓｓ。 イラストサイトを作ろうと思って、テンプレートを借りて作り始めました。 そこでつまずいてしまったので質問させていただいます。 http://cheri.rejec.net/air/temp/03/index.html このページのテンプレートを使ってます。 index以外のページの右側に常時イラストを載せたいな（TOP絵のような） ということと、 galleryのページの31.31のアイコンクリックで右にイラストや小説をのせるには、 どうしたらよいか、という質問です。 一応自分なりにいじってみたのがこれで http://nonsenseworldend.web.fc2.com/index.html (微かにすでにイラストが載っているので恥ずかしなｔ) テンプレートのサイトには質問したのですが、 今年の３月から更新していないようなので、返信がくるかわかりません。 ｈｔｍｌタグは少し前調べた程度、ｃｓｓについては皆無です。 ネットでも調べたのですが、いまいち理解できず… 中学生なのでもしかしたら当たり前のことを聞いてしまっているかも しれませんが、教えてくださると嬉しいです。 カテゴリー違いでしたらすみません＞＜

みんなの回答

  • web2525
  • ベストアンサー率42% (1219/2850)
回答No.2

>それなら、indexを左に移動できないのでしょうか？ http://homutuku.com/beginner/580.html 中央に表示するためには 左右のmargin設定をautoにする つまり左右のオート設定を外せばいいだけです （上下の余白も必要なければmargin設定行全て削除） margin設定 http://hac-design.com/css/margin.html

zawashi0826
質問者

お礼

ありがとうございますっ いろいろ試してみたいと思います！

  • web2525
  • ベストアンサー率42% (1219/2850)
回答No.1

http://www.tagindex.com/stylesheet/page/background_position.html 上記サイトの 垂直に並ぶ画像を右側に表示した例 を参考に http://hac-design.com/css/background.html このあたりも見ておくといいかも

zawashi0826
質問者

補足

ありがとうございます 画像を背景にすることもしてみたのですが、 indexにも表示されてしまって… それなら、indexを左に移動できないのでしょうか？ TOP絵のより、ギャラリーについての方が知りたいです＞＜

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • 同じHTMLに、違うCSSを適用させているリンクについて

    こんにちは。 同じHTMLに、違うCSSを適用させている aタグについて教えてください。 具体的には「イオブログ」というサイトのブログテンプレート一覧が表示されているページがあるのですが、 http://blog.eonet.jp/tmpparts/index.html 一覧の画像のリンクが http://blog.eonet.jp/tmpparts/sample.html?style=eoblog/az/theme.css 上記のような.cssでおわるリンクになっていました。 http://blog.eonet.jp/tmpparts/sample.htmlというHTMLファイルに、 違うCSSを適用させているようなのですが、どんな仕組みで表示されているのか（例えばCGIとか）よくわかりません。 もしおわかりのかたがいらっしゃったら、よろしくおねがいいたします。

  • [Dreamweaver8]テンプレートに外部CSSを適用→HTMLドキュメントにCSSが適用されないのは何故？

    Dreamweaver8初心者で、現在勉強中の者です。 Dreamweaverのテンプレート機能を使った、外部CSSの設定方法についてお尋ねします。 ディレクトリは現在、以下のような状態です。 [サイト -SampleWebSiteFolder-] 　　　｜―[Templates] 　　　｜　　　｜―[style.css] 　　　｜　　　 Ｌ―[template.dwt] 　　　｜ 　　 　Ｌ[index.html] ※拡張子の無いものはフォルダを表します。 index.htmlファイルへCSSを適用させたいのですが、適用されないで困っています。 cssは、外部スタイルシートファイルを用意(style.css)し、テンプレート(template.dwt)に対して、CSSスタイルパネルの[スタイルシートを添付]ボタンより設定しています。 結果、テンプレート(template.dwt)に対してはCSSが適用されるのですが、HTMLドキュメント(index.html)にはCSSが適用されていない状態です。 テンプレートを用いて外部スタイルシートにてサイトを管理する場合、上記のケースにおける問題の原因は何でしょうか。 ちなみに、テンプレート[template.dwt]及び、HTMLドキュメント[index.html]の<head></head>内には、以下のソースが記述されています。 <link href="style.css" rel="stylesheet" type="text/css" />

  • HTML5＋CSS3　でしかできないこと

    長年、趣味や一部仕事で XHTML+CSS のサイトを作っています。 数年前から、サイト内にCGIを入れたり、色んな動きを楽しむため javascriptを導入してサイト作成を楽しんでいたりもします。 言語も html css javascript jquery php　など、色々楽しみながら勉強してきました。 ほんの数年前から、HTML５＋CSS３　が登場しましたが、 様子を見ていると、どんどん独創的なサイトが出てきています。 スマートフォン用のサイトも作れるようになりたいな、と思っていましたが ようやく重い腰を上げて作業に取り掛かろうと思っています。 そこで質問なのですが、HTML5＋CSS3で作られたサイトで まるでjavascriptで制御されたような軽快なスクロールや動きが散見されます。 こうしたサイトを見ると、javascriptで動かしているのかHTML5で動かしているのか 判別がつきません。 HTML5やCSS3で新しく実装された機能については、ネットで調べると色々出てきます。 例えば、リンクタグをブロック要素化することが簡単になったとか、 角が丸い四角形を充てることができるようになったとか、電話番号をタップすると 「通話」ボタンが出るようになったとか、個別の機能についてはなんとなく把握しました。 しかし、「HTML5+CSS3で作られたサイト全体」で見ると、 いまいちピンと来ないのです。 そこで、お詳しい方に是非、以下のような形で 教えてもらえたらと思い、投稿しました。 ------------------------------------- 実際にHTML5+CSS3で作られたサイトを基に、 どこをどのように設定したのかを見せて欲しい ------------------------------------- 例えば、 http://www.hotakubo-seikei.com/ は、ソースを見るとHTML５で作られていますが（section タグや　header タグがありますね） XHTML+CSSでサイトを長年作ってきた人間からすると、 どうしてこんなサイトができるのか全く分からないのです。 javascriptもいくつか利用されていますが、どれがjavascriptによるもので どれがHTML5+CSS3によるものなのかわかりません。 また、一番驚いたのが、サイトの構成です。 サイト全体の横幅が無く全画面表示になっており、 ３カラムで、縦スクロールするとディレクトリが変わるなんて XHTML+CSSの常識では考えられません。 もちろん、デザイナーによるデザインでこうなったと言ってしまえばそれまでですが、 それを実装できていることに感動しているのです。 ↑↑↑ こんな感じで、何かサンプルサイトを基に XHTML+CSSとの違いや、HTML5+CSS3だからこそ実現できることを 分かりやすく教えてもらえたらとても有難いです。 サンプルサイト付きで、なるべく詳しく教えて頂いた方に ポイントを付与させていただきたいと考えております＾＾ どうぞ宜しくお願い致します！

  • イラストサイトを作りたい

    イラストサイトを作りたいと思います。 前々から考えていたのですが1からサイトを作ったこともなく、まったくの初心者です。 調べてみてもHTMLタグやCSSなど訳が分からないことだらけです。 自分の中では下記のようなサイトを目指したいなあと思っています。(理想のサイト像も画像で添付しときます) 　http://nanos.jp/4row/　　http://xxxx.suki-ari.net/index.htm また、サーバー？はFC2のサービスを利用しようと考えています。 サイトの構成の仕方も分からないのですが具体的には 「画像のリンクはｕｐするときはどうするのか」から分かりません なにとぞアドバイスをお願します。 またＦＣ2向けのサイト作成支援とかをご紹介していただけると嬉しいです。

  • 階層の違うディレクトリでのCSSの呼び出し方

    現在FC2さんにサーバーをお借りしてPCサイトをつくっているものです。 HIMEISM（http://neo-himeism.net/）さんに疑似フレームのテンプレートをお借りして、半分以上はうまくいっているのですが、中身が増えてきたので小説と漫画とイラストをそれぞれ、indexなどより一つ下の階層に分けようとしたのですが、そうすると<link rel="stylesheet" type="text/css" href="img/style.css">としているにも関わらずCSSスタイルシートが呼び出されません。 今は何のディレクトリにも入っていないindexやlink、offなどが一番上の階層にあり、一つ下にスタイルシートやアイコンなどに使う画像が入れられた最初から入っていたimgのディレクトリ、小説、漫画、イラストそれぞれのディレクトリがある状態です。 img以外全部、何のディレクトリにも入れなければ正常に反映されます。 階層を分けたまま、すべてにテンプレートが反映されるようにしたいのですが、どうすればいいでしょうか。

  • CSSについて(初心者です)

    こんにちは。 今までは普通にCSSを使わずに普通に作っていたのですが長くそれでやってきたので そろそろCSSに挑戦してみようかと思い、今はCSSのテンプレートを配布しているサイト様にお邪魔しています。 .CSSとアップロードして、他のページにリンクを貼ってやってみたのですが・・・ フォントの方は反映されるのになぜか、スクロールバーだけが反映されません。 最初はタグが違うのかと思い色々やってみたのですが理由が分からず質問させて頂きました。 http://odd.to/template101.html様のtemp103のCSSを利用させて頂いてるのですが・・・。 四苦八苦しているので、もしよろしければアドバイスお願い致します。

    • ベストアンサー
    • HTML
  • HTML CSS覚えるコツはありますか？

    ビルダーを使っていますが、ページを作っていくうえでＣＳＳなどを勉強したほうがいいということに気づきました。過去ログをいろいろ見ましたが、参考書やサイトなどで、勉強をされてる方が多いですね。 いろんなサイトでソースなどを見ると、ビルダーで作られるソースより簡単に表示されている気がします。質問ですが・・・ １．皆さんは独学で習得しましたか？ ２．ＨＴＭＬ　ＣＳＳを覚えるコツなどはありますか？ 参考書はソフトバンクの「ＨＴＭＬ＋ＣＳＳ　ＨＡＮＤＢＯＯＫ」を購入しました。

  • FC2HPでイラストサイトを開きたいのですが…

    FC2でイラストサイトを開きたいのですが、ギャラリーのところフレーム？がよく分かりません…。 左のメニューをクリックして、右側に絵が表示される・・・というようにしたいです。 分かりにくかったらごめんなさい。 できるだけ詳しく教えて頂けると助かります。

  • CSSを利用したテンプレート一覧の作成

    ローカルで、CSSを利用してテンプレート一覧を作りたいと思っています。 現状、以下のようなデスクトップ上にhtmlフォルダを作成し、menuページのリンクをクリックすると、tempフォルダ内に保存したテキストファイルが表示されるようなHTML（フレームページ）です。 ・htmlフォルダ 　├tempフォルダ（このフォルダ内にテキストファイルでテンプレートを個別に保存） 　├frame.html 　├menu.html 　└temp.html 　 　┌frame.html───────────────┐ 　┏━━━━━━┳━━━━━━━━━━━━━┓ 　┃ｍｅｎｕ　　　　　┃ｔｅｍｐ.html　　　　　　　　　　　　┃ 　┃　　　　　　　　　┃　　　　　　　　　　　　　　　　　　　┃ 　┃あああ　　　　　┃　　　　　　　　　　　　　　　　　　　┃ 　┃かかか　　　　　┃　　　　　　　　　　　　　　　　　　　┃ 　┃たたた　　　　　┃　　　　　　　　　　　　　　　　　　　┃ 　┃　　　　　　　　　┃　　　　　　　　　　　　　　　　　　　┃ 　┃　　　　　　　　　┃　　　　　　　　　　　　　　　　　　　┃ 　┃　　　　　　　　　┃　　　　　　　　　　　　　　　　　　　┃ 　┃　　　　　　　　　┃　　　　　　　　　　　　　　　　　　　┃ 　┃　　　　　　　　　┃　　　　　　　　　　　　　　　　　　　┃ 　┃　　　　　　　　　┃　　　　　　　　　　　　　　　　　　　┃ 　┃　　　　　　　　　┃　　　　　　　　　　　　　　　　　　　┃ 　┃　　　　　　　　　┃　　　　　　　　　　　　　　　　　　　┃ 　┗━━━━━━┻━━━━━━━━━━━━━┛ たとえば、「あああ」をクリックしてtemp画面でテキストファイルを閲覧している状態の時に、リンク元がわかるように「あああ」の文字列を太字にする、もしくは文字列または背面の色が変わる、といった形にしたいのです。 それぞれ別の色のHTMLを用意するなどの方法も調べましたが、テンプレートの件数が増えてくると大変そうなので、CSSを利用してできる限りシンプルにしたいと思っています。 また、個人用でＣＳＳも詳しくないので、できるだけ簡単に実現できる方法を教えていただけませんでしょうか？ よろしくお願いいたします。

  • ブログのように手軽にＵＰできるイラストサイト

    ブログのようにＵＰできるイラストサイト 簡易的なイラストサイトを作りたいと思っています。 今までHTMLで制作したりブログを日記としてではなくイラストサイト風にアレンジして 制作していましたが、どれも面倒に感じてしまいます http://www.web-liberty.net/download/gallerypro/skin/index.html http://www.gnbnet.com/ 上のようなページを作りたいのですが、 ダウンロードしてCGIを自分でアップロードするのではなく、 掲示板に投稿やブログをアップするように手軽に使えるものは無いでしょうか。 それがブログをイラストサイト風にする為のブログのテンプレートなどがあれば教えて下さい

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する