Le unità di misura dei CSS

Le unità di misura dei CSS

Cosa sono gli em, i pc, i px, i pt?
Ecco un video tutorial per scoprire come Dreamweaver e i CSS ci permettono di dimensionare e misurare gli elementi di pagina attraverso specifiche unità di misura nate apposta per il webdesign.

23 Commenti a “Le unità di misura dei CSS”

  1. Freddy Says:

    Che dire, Un tutorial molto misurato!
    Ciao Max….alla prossima

  2. Le unità di misura dei CSS Says:

    [...] gli originali qui : Le unità di misura dei CSS Pubblicato in Di Tuto di più | Tag: apposta-per, css, dreamweaver, misura-nate, misurare-gli, [...]

  3. MdP Says:

    Come sempre i tuoi tutorial sono concisi e precisi!!! Oramai total photoshop è diventato il mio sito preferto!!! Grande Max…Continua cosììììììì
    Avrei tantissime domande da fartiiiii però non voglio assillarti e quindi aspetto i tutorial per darmi una risposta!!! Buona giornataaaaaa

  4. Saverio Bucciantini Says:

    con le % ci avevo già provato solo che a seconda del monitor con cui si visualizza il sito le immagini si vedono parecchio distanziate in alcuni casi , per non parlare dei video..

  5. Giac.f Says:

    Max scusami ancora….ho provato il form che hai spiegato nel penultimo video ma non funziona,lo compilo in tutti i campi lo invio,la mail arriva ma non ha alcun dato,i campi sono tutti vuoti…cosa sbaglio?grazie

  6. Max Says:

    Una possibiità è che le variabili non siano nominate giuste, l’altra è che non siano catturate in modo corretto.
    Poi fare una prova di questo tipo:
    nella pagina che prende i dati del form devi scrivere nel tuo codice php

    $nomevariabiledelform = $_POST['nomevariabiledelform'];

    questo va fatto per ogni variabile che proviene dal form.
    Che cosa abbiamo fatto?
    Abbiamo semplicemente detto al server di catturare e valorizzare le variabili che arrivano solo con il metodo POST del tuo form.
    In alcuni casi, sempre di più di frequente a dire il vero, i server sono impostati per poter ricevere variabili solo in questa maniera.
    E’ un po’ scomodo, all’inizio, ma ti garantisco che serve a mantenere la sicurezza del sistema e a evitare iniezioni di malware da parte di simpatici smanettoni che non hanno niente di meglio da fare nella vita.
    Fammi sapere ;-)

  7. giac.f Says:

    Grazie ancora max….dopo provo allora,pero’ ho un dubbio,cosi facendo nella parte di codice —mail($destinatario,$oggetto,$messaggio,$intestazioni);—
    dovro’ togliere la parte —$messaggio— ??

  8. Max Says:

    assolutamente no… quello rimane perchè è una variabile composta

  9. MdP Says:

    Max ho provato il form con easyphp ma mi da sempre questo errore:

    Parse error: parse error, expecting `T_STRING’ or `T_VARIABLE’ or `T_NUM_STRING’ in c:\programmi\easyphp1-8\www\format\invioemail.php on line 9

    Mi potresti dire cosa c’è che non va???
    Grazie in anticipo Max

  10. Max Says:

    Puzza di errore di sutassi… butta su il codice che lo vediamo

  11. MdP Says:

    $destinatario = “blabla@blabla.it”;

    $oggetto = “Email inviata dal mio sito web”;

    $messaggio .=”Nome: $_POST['nome']\n”;
    $messaggio .=”Cognome: $_POST['cognome']\n”;
    $messaggio .=”Città: $_POST['città']\n”;
    $messaggio .=$Messaggio;

    mail($destinatario,$oggetto,$messaggio);

  12. MdP Says:

    Ecco il codice…Spero di risolvere
    Grazie mille Max

  13. Max Says:

    Allora:
    la variabile $messaggio è già inizializzata con .=
    togli il punto dalla prima riga dove c’è $messaggio .=

    Poi:
    anichè
    $messaggio .=”Nome: $_POST['nome']\n”;

    scrivila così:
    $messaggio =”Nome:”.$_POST['nome'].”\n”;

    Non ti aspettare che la mail ti arrivi se stai usando EasyPhp perchè potrebbe anche darsi che in locale non sia possibile sfruttare questa fuzionalità.

  14. MdP Says:

    Okok grazie mille Max…Ora provo e ti faccio subito sapere

  15. MdP Says:

    Ancora niente da fare Max…
    Ecco la schermata di EasyPhp:

    Notice: Undefined index: nome in c:\programmi\easyphp1-8\www\format\prova invio email\invioemail.php on line 9

    Notice: Undefined variable: messaggio in c:\programmi\easyphp1-8\www\format\prova invio email\invioemail.php on line 9

    Notice: Undefined index: cognome in c:\programmi\easyphp1-8\www\format\prova invio email\invioemail.php on line 10

    Notice: Undefined index: città in c:\programmi\easyphp1-8\www\format\prova invio email\invioemail.php on line 11

    Notice: Undefined variable: Messaggio in c:\programmi\easyphp1-8\www\format\prova invio email\invioemail.php on line 12

    Warning: mail(): Failed to connect to mailserver at “localhost” port 25, verify your “SMTP” and “smtp_port” setting in php.ini or use ini_set() in c:\programmi\easyphp1-8\www\format\prova invio email\invioemail.php on line 14

  16. Max Says:

    come ti dicevo easyphp non può inviare mail.
    Per quanto riguarda gli altri errori controlla che il campo “nome” del form sia effettivamente scritto così e che non stai tentando di richiamare una variabile diversa.
    E così per le altre variabili.
    Controlla anche che il metodo del form sia settato su POST e non su GET.
    Controlla che siano state settate correttamente queste parametrizzazioni

  17. MdP Says:

    Perfetto Max! Sarà fatto!
    Ti faccio sapere appena possibile!!!
    Grazie mille…come sempre gentile e disponibile!!!
    Aspetto altri tutorial su dreamweaver

  18. biagio Says:

    grazie max…sempre perfetto in tutto!!

  19. roberto Says:

    Ciao Max, Grande come sempre!
    Domandina: ok per l’impostazione della larghezza dei div in % così si adattano a tutti i dispositivi. Ma se io dentro un div inserisco un’immagine, e il div si proporziona al 100% la mia immagine non si deforma in base al dispositivo.
    Poi come faccio a sapere le dimensioni corrette dell’immagine da inserire?
    Grazie a prescindere, comunque.
    Ciao

  20. Max Says:

    Per quanto riguarda i dispositivi mobili c’è un capitolo a parte, Roby.
    Se stai facendo un sito apposta per il mobile allora è tutto senz’altro più semplice, diversamente se vuoi che sia mobile compatibile bisognerebbe tenere presente un po’ di regole difficili da riassumere in due righe.
    In linea di massima i dispositivi mobili ridimensionano il contenuto in base alle loro specifiche.
    Bisogna poi capire che tipo di immagine stai inserendo nel div: uno sfondo? un gradiente? oppure una foto?E perchè dovresti volere che l’immagine si deformi?
    Ho bisogno di qualche dato in più per capire che risposta darti, my friend ;-)

  21. roberto Says:

    Ciao Max, scusa se torno dopo un po ‘di tempo su questo argomento (div in %).
    Sto facendo dei test.
    Ho impostato un div conteniore con widht: 100% ed Height: 20% contenuto in body, impostato a widht=100% height=760px
    Ho inserito altri div, all’interno del contenitore e tutto fila liscio, proporzionato.
    Ho fatto una stampa, un disastro, tutto fuori allineamento.
    Mentre se costruisco la stessa pagina con impostazioni fisse (800X600) esempio, la stampa viene corretta. Ma così non la visualizzazione, o per lo meno, non adatta per esempio su un mac da 22pollici. il sito sembra piccolino.
    Sono fermo da giorni, tu cosa mi consigli? layout fisso, liquido, o altro di cui ignoro l’esistenza?

  22. Max Says:

    Ciao Roberto,
    quello che ti consiglio è di usare il dimensionamento in em, è tutto più semplice.
    Su Dreamweaver Professional trovi dei video tutorial specifici su questo argomento nel video corso su XHTML e CSS

  23. roberto Says:

    grazie max, vado subito ad approfondire.

Lascia un commento

Usa il tuo account Facebook oppure compila il form