consiglio sito galleria foto

[paw]

ciao a tutti

ho realizzato da poco il mio primo sito...da principiante

www.raccontofotografico.it

ora vorrei migliorarlo perchè il codice non è proprio "pulito"..sto leggendo un po' di documentazione sui css e vorrei inserirli dove possibile...

volevo chiedere però...
ci sono siti più adatti dove "spingere" sui css e altri dove non è così evidente la differenza sul suo utilizzo?

per esempio un sito come il mio non so fin dove posso applicare i css, non è molto lineare la mia presentazione delle foto...

devo poi realizzare altri tre siti:
uno di e-commerce
uno per una ditta edile
e un'altra galleria fotografica

per tutti e tre devo cercare di ottimizzarli al massimo con i css ?

grazie

Antonella

[paw]

...eccomi ferma già dopo la prima modifica

dunque
all'inizio, non sapendo come fare, avevo inserito per ogni foto thumb, 2 copie, una con il bordo grigio e una con il bordo bianco, in modo che al passaggio del mouse si scambiassero le immagini

ora, alla luce dei css, ho inserito queso codice nel file .css:

.thumb {
border: 2px solid #FFFFFF;
}
.thumb:hover {
border: 2px solid #C0C0C0;
}

e nell'html ho messo la class="thumb" associata all'immagine

con firefox funziona , con IE no....perchè ?
cosa ho sbagliato?

grazie

Antonella

[pacovox]

Purtroppo IE riconosce le pseudoclassi come :hover solo per i link.
a:hover{...}

[paw]

...come posso fare allora ?

[andrea.paiola]

Originariamente inviato da paw
...come posso fare allora ?

o lasci stare o ti butti sul javascript
comunque per il bordo puoi usare border e hover: non hai bisogno di 2 immagini

comunque io sconsiglio di fare pagine un po' a tabelle e un po' css

l'approccio al documento è completamente diverso e mischiando ti incasini soltanto... funziona così:

contenuti -> HTML/XHTML

non contenuti (grafica, layout ecc) -> CSS

e dovrebbe essere così per TUTTO il web

percui il mio consiglio è di riscrivere da zero il codice testando prima su Firefox e poi "aggiustando" per IE correggendo ovviamente questi errori:
http://validator.w3.org/check?verbos...otografico.it/
http://jigsaw.w3.org/css-validator/v...otografico.it/

se vuoi magari passare a XHTML Strict (o XHTML 1.1) testimoniando quindi la tua volontà di separare contenuto e presentazione mi farebbe solo piacere
http://www.html.it/css/
http://www.html.it/layout_css/

[paw]

...sono perfettamente d'accordo

e per questo cercavo di "riscrivere" il sito in maniera + corretta

essendo il mio primo lavoro non ho ancora molta esperienza ma sto cercando di imparare

..il problema adesso l'ho risolto mettendo nel css:

.thumb a img{
border: 2px solid #FFFFFF;
}
.thumb a:hover img{
border: 2px solid #C0C0C0;
}

e nell'html il riferimento class="thumb" nel tag div delle immagini ( prima sbagliavo perchè lo mettevo all'interno del tag img)

adesso sto procedendo per eliminare le tabelle...

mi interesserebbe sapere la tua opinione sul primo quesito che avevo posto...
premesso che i css mi sembrano una soluzione ottimale...

"per tutti i tipi di siti ( commerciale, galleria, e-commerce...) vale lo stesso approccio ?"

grazie

Antonella