Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Problemi trasformando un template da psd a CSS, immagini di background non "matchano"

    Ciao a tutti,
    stò seguendo questo tutorial relativo alla conversione di un template realizzato con Photoshop in un layout tabless HTML + CSS: http://www.html.it/articoli/da-photo...to-xhtmlcss-1/

    Ma stò riscontrando un fastidioso problema nell'header.

    Sostanzialmente sono arrivato a questo step: http://www.html.it/articoli/1688/template/6-css.html

    Il mio risultato è però il seguente: http://onofri.org/example/WebTemplate/

    Come potete vedere l'header è lievemente diverso in quanto sul tutorial non è spiegato come realizzare la trama con le lineette oblique ma non credo (almeno spero) che il concetto cambi molto

    Come potete vedere il mio problema è che nella mia versione c'è come uno stacco di colori tra l'immagine ripetuta di background del body e l'immagine rettangolare di background dell'header (specialmente a destra dell'header mi sembra).

    Non ne capisco il motivo in quanto, nel psd, sono stato attento a ritagliare l'immagine di background ripetuta del body in maniera contigua all'immagine di background del div #header.

    Per completezza allego anche il mio psd: http://onofri.org/example/WebTemplate/template4.psd

    Non ne riesco a capire il motivo, qualcuno sà aiutarmi a capire il perchè e a risolvere?

    Grazie
    Andrea
    Blog tecnico dedicato al mondo dello sviluppo e dei framework Java: http://scorejava.com/

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Il perché non so, in quanto non ho visto il file .psd.

    Soluzione: togli l'immagine dal header.

    Per una bella risata vai QUI

  3. #3

    Solved by me

    Risolto da solo, il problema era dell'immagine la cui "sfumatura" circolare superava l'area dell'immagine rettangolare centrale ed entrava a far parte dell'area che usavo per fare le striscettine ripetute ai lati, quindi sbroccava, la soluzione è stato rifare l'immagine centrale in modo tale che contenesse tutta la sfumatura circolare
    Blog tecnico dedicato al mondo dello sviluppo e dei framework Java: http://scorejava.com/

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.