0

PSDファイルから開始してHTML + CSSにコーディングするテーブルレスCSS Webテンプレートを作成する方法を研究していますが、いくつか問題があります。

問題を説明する前に、結果を示します (これは最終結果ではありません)。

http://onofri.org/example/WebTemplate/

ご覧のとおり、ヘッダーに問題があります。これは、本文の繰り返しの背景画像 (bg.jpg) が #header div の背景画像 (bgheader.jpg) とうまく一致しないためです。

奇妙なことに、この問題は青色の領域でのみ発生し、上記の灰色の陰では発生しません。すべてが一致し、上部の灰色の陰影の色は一致しますが、ブルー ゾーンは一致しません。

繰り返しの画像 bg.jpg については、bgheader.jpg と連続するように気をつけてトリミングしました。

チュートリアルに綿密に従ったように見えるので、何が問題なのか、どうすれば解決できるのかわかりません: http://www.html.it/articoli/da-photoshop-al-sito-xhtmlcss-7 /

実際、チュートリアルで期待される結果は次のようなものです: http://www.html.it/articoli/1688/template/6-css.html

ここでは、このテンプレートの私のバージョンの psd ファイルをダウンロードすることもできます: http://onofri.org/example/WebTemplate/template4.psd

誰かが私が解決するのを手伝ってくれる？

TNX

アンドレア

4

1 に答える 1

0

あなたが直面している問題について完全にはわかりません。どういう意味

「ご覧のとおり、ヘッダーに問題があります」??

私の Firefox では、明らかな問題は見られません。あなたのPDFも見ることができませんでした（404 Page Not Foundエラーが表示されます）

詳しい説明をお願いします。

しかし、いくつかの一般的な観察: ヘッダー、セパレーター、本文の個別の色を含む背景を繰り返す手法を使用することはお勧めできません。画像が Web ページで実現したほとんどすべてのスタイリングは、CSS3 で簡単に実現できます (最新のブラウザーのほとんどがサポートしています)。

PS に慣れている場合は、とにかく独自のグラデーションを作成できます。それ以外の場合は、http: //www.colorzilla.com/gradient-editor/を確認してください(他にも多数あります)。

于 2013-07-23T07:26:06.657 に答える