はじめてのブログ作りで、5日前から作り始めました。自分なりに頑張って徹夜状態で頑張っています(・ω・)ヘッダー&wrapは900pxで作成しています。
何度やってもぶつかる壁がいくつからありまして・・・
1.ヘッダーの上に隙間(薄いピンク色の)が出来てしまうこと
2.entryのヘッダー、コンテンツ、フッダーに各同じ背景画像(レース調のもの)を入れています。現在entryの幅が470pxにしていますが、記事の右端がすべて背景から飛び出ています。
.entry .contents{
font-size: 14px;
line-height: 180%;
padding-right: 150px;
padding-left: 30px;
margin-left: 10px;
margin-right: 50px;
として右側を背景内に押し込めようとしていますが、何も変わりません。そしてentryの幅を470pxでいじると、背景の右端のレースが切れてしまいます。そして出来れば右端のバー(sub_b)も記事の右横にきちんとおきたいです。
3.sub_aが左端にぴったりくっつきすぎてしまっているので、5px程度離したいです。
#main {
float: left;
width: 530px;
}
というところを色々といじっていますが、floatをcenterやrightに変えたり、この幅をいじると、真ん中の日記が左端にペタンとくっついたりしてしまいます。
4.そして最後に、sub_a,sub_bのトップをヘッダーからもう少し遠ざけたい。(日記の欄のトップの高さにそろえたい)のですがうまくいきません。
5.sub_bの中のフリースペースに、お世話になっているweb素材屋さんのバナーを貼り付けているのですが、ホームページ自体がでかいのか、もともとのバナーよりも文字がぼやけてみえます。
こちら5点、ここ2,3日試行錯誤していますがどうにもうまくいきません。デザインは気に入っているのでこのまま続けたいです。
No.1ベストアンサー
- 回答日時:
【感想】
はじめてなんだからそんなにがんばることないよ。
【想像】
アメーバのことはわからないんだけど、元のやつがあるんでしょ?それを変更しているんだよね。よく見比べないとね。幅は少し余裕を持った方がいいと思うよ。
【経験】
わたしも上級者じゃないから、こういうのは試行錯誤なんだけど、各クラス?ID?を枠(border:;)で囲ってみるとわかりやすいと思うよ。そうするとwrapというのがどこなのか?entryがどこか、contentsがどこか、視覚的にわかりやすくなると思う。
【助言】
とにかく、side_bを上に上げたいけど、きっと投稿テキストの部分が広すぎるんだよね。それってどこだろう?ところで背景色が白なんだから、そのレースってムダだと思うんだけど、まあ左右の端にあればいいのかな?
【蛇足】
wrapなのかな?いちばん広いやつ。margin:0 auto;で中央にくるんじゃなかったっけ?
(そのside_aの左を空けるために)
それじゃあ、がんばってください。
有難うございます。URL消されてしまいました。ttp://ameblo.jp/sacchinosacchino/です☆頂いたアドバイスをもとに、もう一度頑張ってみます!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS 検索窓とcssハックについて 3 2022/04/22 12:21
- オープンソース cssで中央寄せ 1 2023/05/19 06:25
- 美術・アート デザインについての考察。 なぜ人の脳は、規則正しく連続した要素を「背景」と認識するのか、実験してみま 2 2022/04/11 21:08
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
livedoorブログについての質問...
-
livedoor blogってどうやって検...
-
はじめまして。 livedoor のブ...
-
パソコンで作成のブログを携帯...
-
ライブドアブログの新着エント...
-
ブログに関しまして。自分の書...
-
独自ドメインを使用したほうが...
-
YouTubeのコメントについてです
-
ライブドアブログがタグ付けで...
-
ライブドアブログを独自ドメイ...
-
ペットと話せる人
-
昨日、gooのブログを「別ウイン...
-
LINEに下記メッセージが届きま...
-
絵日記ブログ稼げますでしょうか?
-
検索ヒットについて!
-
ライブドアブログ でこのように...
-
blogger で次の様なエラーが発...
-
ブログの文章のどこが検索にか...
-
Bloggerを使用している人のブロ...
-
Googleスプレッドシートで期日...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ライブドアブログのサイドバー...
-
中央寄せの解除
-
ライブドアブログにおいて記事...
-
WordPressのヘッダー上部の余白
-
fc2ブログのアクセス解析がう...
-
wordpress カスタムフィールド...
-
gooブログの画像を背景に文字を...
-
ワードプレス、cocoonでタイト...
-
ライブドアブログで字間を変えたい
-
アメブロ。日記から本文がはみ...
-
アメーバブログの両サイドの余...
-
アメーバのブログ 画像の貼り付け
-
bloggerブログで画像の枠を消す...
-
エキサイトブログで挿入画像を...
-
ライブドアブログのまとめブロ...
-
ブログのデザインがずれる原因
-
ワードプレスでタイトルの字数...
-
CSS html ブログの横幅の編集
-
タグ
-
ブログ記事内に文章を左右2列に...
おすすめ情報