Discussione: layout CSS - il mio primo sito senza tabelle

Ci ho provato e visivamente mi sembra anche riuscito, ma non so se l'ho fatto nel migliore dei modi. Sono partita da uno di quei modelli che dà dreamweaver ma l'ho modificato parecchio. Questo è il risultato, c'è una sola pagina.

Ora chiedo a voi esperti, potete dare un occhio al codice e dirmi se può andare? E magari controllatelo anche con window, che io ho solo mac :-P (ho provato a guardare con adobe Browser Lab e mi sembra ok, ma meglio un ulteriore controllo).

Ovviamente si accettano anche commenti sulla grafica.

Ah un'ultima cosa, nel mio progettino iniziale sotto al bianco ci dovrebbe ssere anche l'ombra, ma non so come farla... con qualche background? Consigli?

Aggiunta l'ombra.
So che graficamente è un po' povero ma gli elementi non sono molti e preferisco una cosa chiara che aggiungere elementi grafici superflui. Cmq nelle altre pagine ci saranno delle gallery e delle schede di prodotto che arricchiranno il sito.
Per lo sfondo non saprei, ho provato altri colori ma non mi soddisfano molto, ci vuole un colore neutro e questo richiama il grigio verdastro del serpentino (la roccia delle cave appunto), forse potrei provare a schiarirlo.

Originalmente inviato da Andanet

Personalmente credo che il testo abbia un carattere troppo piccolo... potrebbe essere un problema per utenti non più giovani. Vista la tipologia di materiali trattati potrebbe esserci visitatori over50... ma anche per me a volte risulta dispersiva la lettura.

Si in effetti è un po' piccolo, lo ingrandisco un po' (è meglio usare gli em invece dei pixel? .. non li ho mai usati però)

Originalmente inviato da Andanet

poi prova a validare il codice... qualche sistematina bisgona darla.

aiuto... che vuol dire validare? ho detto che è la mia prova senza usare le tabelle ma solo i css quindi ogni consiglio in merito è ben accetto.

Originalmente inviato da seremot

Si in effetti è un po' piccolo, lo ingrandisco un po' (è meglio usare gli em invece dei pixel? .. non li ho mai usati però)



aiuto... che vuol dire validare? ho detto che è la mia prova senza usare le tabelle ma solo i css quindi ogni consiglio in merito è ben accetto.

Validare vuol dire che devi collegarti al sito della W3C e validare il tuo sito, questo sito gestiste le regole che tutti coloro che realizzano un sito devono rispettare per poter avere un codice pulito, ordinato e regolare in base agli standart che la W3C conferma!



Cmq a parere mio il tuo sito è semplice e pulito, se ti posso dare delle indicazioni che ti potrebbero servire per indicizzarlo, il LOGO o il nome della Ditta meglio se li gestisci con un H1 , a Google piace molto questo modo di gestire

ex...

<h1>Marmi Mauro</h1> e sopra fai in modo che ci sia l immagine che copra il contenuto puro, ovvero il testo! Spiegare come farlo è lunghetto, magari il sito offre qualche guida pratica, pero saresti avvantaggiato

Poi i testi cerca sempre di gestirli con <p></p> che è il paragrafo non serve inscatolarli in tanti div!


<div id="footer">
<div class="verde"></div>
</div>
</div>
<div id="ombra2">MARMI MAURI - Italy - 23020 - Lanzada (SO) Via Bernina, 1270 - Loc. Le Prese - Tel.: +39 0342 451866 - Fax: +39 0342452121</div>


io lo risolverei cosi

<div id="footer" >
<p>MARMI MAURI - Italy - 23020 - Lanzada (SO) Via Bernina, 1270 - Loc. Le Prese - Tel.: +39 0342 451866 - Fax: +39 0342452121</p></div>

Nel CSS al Footer dai larghezza 100%, altezza a piacere in px :P dai bordo superiore verde di 5 px se non sbaglio,,,

seconda regolaper gestire il testo fai

#footer p { a tuo piacere dai
size
color
font
}

etc

risparmi tempo e riduci le regole che gestiscono il sito, a volte semplificare aiuta molto!


Ultima idea che mi è venuta in mente è studiarti un po quale CSM

Originalmente inviato da cadrago

Ultima idea che mi è venuta in mente è studiarti un po quale CSM

HIHIHI... una cosa alla volta va!!!! Già mi fuma il cervello così. Cmq sì, mi piacerebbe molto!
Il problema maggiore è il tempo... magari inizi a studiare, poi arriva altro lavoro da fare e devi smettere e ora che riprendi ti sei già dimenticato tutto! Non posso nemmeno farlo la sera o nei weekend... ho 2 pargoletti che mi reclamano (giustamente) :-P

Cmq grazie x i consigli, ora cerco di metterli all'opera, appena fatto vi avviso così magari vedete se può andare ;-)

Scusate, ho modificato qualcosa per fare il bordo verde sopra e sotto, ma non lo vedo! Perchè?

Un'altra cosa, per fare le 2 colonne con le immagini e il testo di lato, va bene con i 2 div in questo modo o c'è un modo + semplice?

Grazie