Quote:
Originariamente inviata da Uflairer  In pratica l'immagine era un rettangolo arrotondato con sfumatura esterna e effetto rilievo di Photoshop, quindi se un browser mi calcola anche solo 20 pixel in più o in meno (cosa ke succede con la sezione "Latest news") l'immagine veniva tagliata e l'effetto era molto brutto. Mettendo un colore di sfondo dove si tagliava l'immagine poi c'era il taglio netto del colore e creava un effetto brutto. |
in quel caso potevi procedere in un altro modo:
creavi un div con uno sfondo di una certa altezza, con angoli arrotondati sopra, e sotto un taglio netto.
Poi mettevi sotto, a chiudere, un div con un altro sfondo, che prendeva solo gli angoli tondi come altezza.
Quote:
Cmq più che altro volevo sapere se avevo strutturato bene la strategia per fare la grafica, ma mi sembra di sì (altrimenti già me lo avresti detto  ).
|
sì, mi sembra di sì. Tutto affidato ai css.
però:
codice:
<div id="header">
<img src="header-t1.jpg">
</div>
bastava:
codice:
<div id="header">
</div>
e nel css:
codice:
#header{background-image: url(header-t1.jpg);
width: 800px;
height: 150px;} Così anche per il footer. E anche per gli h3, affida le regole ai css per l'allineamento del testo, ecc.
Quote:
Vedo che in generale si tende a fare sfondi semplici senza troppe complicazioni, mentre a me quando possibile piace complicare e arrotondare... Mi piacciono le cose difficili, che ci posso fare?  |
I tuoi sfondi a me sembrano troppo pesanti, se dai giù con gli effetti di photoshop l'immagine ti va a pesare...
hai già, escluso il menu, quasi 80kb di sfondi. Se poi aggiungi delle immagini e un bel po' di testo ecco che hai una bella pagina pesante.
Inoltre quegli effetti rilievo sono un po' passati di moda.
Verrebbe più carino con tinte piatte, o anche sfumate ma senza rilievo.