@karedas said:

#nomeid:link,:active,:hover,:visited

IE, nelle versioni precedenti alla 7, non interpreta le pseudoclassi se assegnate ad un elemento diverso da <a>. inoltre, il loro ordine non è casuale. quindi:

a:link,
a:visited,
a:hover,
a:active

(LoVe/HAte)

il codice sopra riportato non è standard. inoltre, viene interpretato soltanto da IE ed Opera. visto anche il risultato poco professionale, imho, forse è meglio rinunciare alla personalizzazione delle scroll.

risorse:

a guide to css support in email

email commerciali con html e css (vedi anche i link in terza pagina)

email in html senza tabelle

convert CSS styles to inline for emails

altro:

e mail is not a platform for design

se sei disposto a spendere prova campaign monitor, c'è anche la versione free.

@Van Basten said:

va bene se metto

>"futura md", helvetica, arial
>```???

si.

@Van Basten said:
> 

per quanto riguarda il colore va bene testo bianco su sfondo nero?

no. il contrasto è troppo forte. usa un grigio molto chiaro, un beije o comunque un colore chiaro per il testo. e preferibilmente, al posto del nero per il background, un grigio molto scuro. prendi spunto dai siti 'dark' presenti nelle CSS Gallery.

ciao.

i font vengono visualizzati soltanto se installati sul sistema. quindi, parlando di un utente windows, dovresti far scaricare il font e dire al visitatore di copiarlo in c:\windows\fonts.
cosa per niente carina e che nessuno (meno il cugino e l'amico) farà mai per ovvi motivi.

le alternative sono due:

1. usi delle immagini
2. usi flash

quindi ti segnalo:
image replacement: le 3 tecniche migliori
swf image replacement

ricordati sempre di farne un uso limitato. usa le tecniche per i titoli o paragrafi molto brevi. per il resto, imposta un font standard che è meglio per tutti.

non conosco l'argomento però posso segnalarti questi due link:

email commerciali con HTML e CSS
a guide ti CSS support in email

se il CSS si trova nello stesso folder dell'index, lo richiami cosi':

         <link rel="stylesheet" 
               type="text/css" 
               href="style.css" />  

```se il CSS si trova nella cartella 'style':

     <link rel="stylesheet" 
           type="text/css" 
           href="style/style.css" />  

        <link rel="stylesheet" 
           type="text/css" 
           href="../style/style.css" />  

hai bisogno di un linguaggio server side. l'(X)HTML è solo un linguaggio di markup.

non ti dico quanto sono fastidiosi quei tooltip!

sopratutto con una connessione lenta.. e purtroppo per te non lo dico solo io. sarà carino però è un comportamento un po' troppo invasivo.

@karedas said:

Si Laburno quell'idea l'avevo pure io solo il problema è che ho bisogno di un quadratino più piccolo dell'altezza del testo quindi è relativamente impossibile.

potresti spiegarti meglio, per favore? cosa ti impedisce di usare un quadrato 5x5px e centrarlo con il background-position?

ah, scusate ho risposto in un 3d un po' vecchio. non avevo visto la data.

• Vi siete scritti un piccolo framework/libreria, ne usate uno già fatto?la prima parte è sempre la stessa: elimino le formattazioni di default. penso di iniziare ad usare un'altro file, anche se il copy&paste mi ruba solo 2 secondi

• Che regole di formattazione vi date?cioè? intendi l'ordine? container -> header -> top menù -> content -> bottom menù -> footer. se ci sono menù laterali, insieme al content.

• In quante fasi lo dividete il lavoro?dipende dalla complessità. se le sezioni sono tanto diverse fra loro creo CSS diversi. se ci sono dei form in una sola pagina, creo un foglio di stile dedicato. uguale per le gallerie.

se il lavoro è lungo, mi prendo una pausa quando sento il bisogno.

• Come affrontate il debug (per IE, ad esempio)?sviluppo con opera, ff e safari aperti. F5. una volta finito apro IE7, 6 e 5.5 e creo 1, 2 oppure 3 fogli di stile alternativi. e di nuovo F5..

• E come ripulite il codice una volta terminato il lavoro?il codice è pulito da quando lo scrivo. se non l'ho già fatto inserisco dei commenti per muovermi meglio all'interno del codice nel futuro. se non l'ho già fatto ordino le class/id: le metto nell'ordine nel quale vengono usate, ragruppate e ben indentate. di solito non devo togliere niente.

da poco ho scoperto dust-me selectors, interessante tool per firefox che individua i selettori non usati.

@kuma said:

Se hai Photoshop puoi creare una gallery automatica (fa tutto lui)

sei sicuro che il codice è valido? semanticamente corretto?

@kuma said:

farla aprire in blank o in pop-up.

comportamento da evitare. solo il visitatore deve decidere se aprire o meno una nuova finestra. se desidera farlo clicca con la rotellina e via

l'utente base, che magari si è avvicinato da poco alla navigazione a tab, può confondersi, non trovando più attivo il tasto 'back' del browser. per chi non vive sul web è più facile tornare 50.000 volte indietro che gestire 'n' tab e/o finestre.

chi non naviga solo 15 minuti al giorno saprà certamente come aprire da solo un nuovo tab/finestra.

tornando alla gallery di 8enrico4 -> dipende cosa vuoi ottenere. ti posso segnalare questi link per iniziare:

cssplay (100% CSS)
30 best solutions for image galleries slideshows lightboxes (CSS/JS)

@jGas said:

basta che la pagina sia fatta bene...

una pagina che usa le tabelle per il layout non potrà mai chiamarsi 'ben fatta'. questo perchè ogni tag ha un ruolo ben definito. le tabelle sono state ideate e create per contenere dati tabellari, cioè in corrispondenza riga-colonna.

un codice standard facilita la lettura degli spider e cosi' anche il posizionamento. usare nel modo giusto le tecnologie a disposizione non può avere che effetti positivi. sempre

@web.at.work said:

Ho cambiato il doctype da XHTML Transitional a Strict.

come mai? la scelta del doctype non è casuale, ma dipende dal tipo di pagina e dai suoi contenuti. cambiarlo in una pagina già creata non ha tanto senso.

comunque, è con firefox che vedi correttamente la pagina, non con IE.

@r3dd3vil said:

size="2"

2 cosa? ogni valore numerico diverso da zero deve avere un'unità di misura.
inoltre, sposta tutte le formattazioni nel CSS. cosi' riduci il peso della pagina, il consumo di banda e aggiorni il sito 10 volte più velocemente.

per impedire il ridimensionamento del testo basta usare i px come unità di misura. ti ricordo che funziona soltanto con IE. comunque, ti sconsiglio di farlo e quindi di usare unità di misura come em. non puoi obbligare chi ha problemi di vista a stare a 2cm dal monitor, solo perchè usa IE. un buon layout dovrebbe permettere 3 ingrandimenti senza creare grossi problemi

l'articolo è molto interessante però:

· posta un link valido
· sistema la formattazione del testo oppure lascia soltanto il collegamento al sito, cosi' com'è adesso è tutt'altro che leggibile.

ps: non mi contradico dicendo che il testo è illeggibile ma l'articolo interesante. l'avevo letto in precedenza.

tornando IT, per adesso preferisco non preoccuparmi troppo dell'HTML 5 visto che ci vorranno ancora (come minimo) altri 10 anni per lo sviluppo. ovviamente ci sono sia aspetti positivi che negativi, come sempre, ma personalmente preferisco aspettare un'altro pò prima di crearmi troppe domande. vediamo se fra qualche anno lavorerano ancora su questo progetto o cambieranno strategia

hai bisogno di JavaScript. prova a chiedere nella sezione 'scripting' oppure chiedi ad un moderatore di spostarti.

@matteorox said:

sapete dirmi passo passo come fare?

se hai le conoscenze base di (X)HTML e CSS dovrebbe essere una cosa naturale. attraverso i fogli di stile integri le varie immagini nella struttura già creata. per fare un esempio, avrai: l'immagine di background dell'header, quella di ogni item del menù, quella dell'intestazione del box-menu e quella di sfondo per la colonna centrale (alla quale imposterai il repeat-x).

non saprei spiegartelo diversamente, passo per passo visto che in questo modo si creano tutte le pagine web che hanno un minimo di grafica. cerca di usare le più piccole dimensioni possibili per le immagini (e riusarle tante volte, come per il menù per esempio) e sfruttare il repeat-x-y.

@Shad said:

Ecco a te
[..]

se il JS è disattivo non succede niente. non sarebbe meglio usare questo? (sempre all'interno dell'head).

<meta http-equiv="refresh" content="5; url=http://dampyr.4000.it">