Info display

5 Risposte

• B

  barba59

  Molto attivo

  Iscritto da

  feb, 2012

  Messaggi:

  1353

  Re: Info display

  30 mag 2012, 14:11

  Ciao Lysz
  Non sono esperto per cui lascio la parola ad altri, l' unica cosa che ti dico è che block e inline-block mi hanno tirato scemo per via delle differenze di comportamento tra i vari broswer (e parlo di quelli recenti). Ti consiglio di verificare.
• L

  Lysz210

  Utente Attivo

  Iscritto da

  mar, 2012

  Messaggi:

  266

  Re: Info display

  30 mag 2012, 15:53

  barba59 ha scritto:

  ---

  Ciao Lysz
  Non sono esperto per cui lascio la parola ad altri, l' unica cosa che ti dico è che block e inline-block mi hanno tirato scemo per via delle differenze di comportamento tra i vari broswer (e parlo di quelli recenti). Ti consiglio di verificare.

  Io mi ci sono perso moltissimo, anche perche' ho usato degli elementi nuovi di hatml5 come header, aside, nav, article, e footer, una delle cose che ho faticato di piu' e' la gestione del display di footer e article perche inserendo un div dentro ad article veniva visualizzato esternamente ad article e sotto al footer, ma per quanto riguarda la nidificazione si trova dentro ad article, poi non riesco a settare l'altezza di aside che segue esclusivamente gli elementi al suo interno, mentre la larghezza non ha problemi, per risolvere ho dovuto aggiungere altri article e div con padding-top che mandasse il content sotto a altri elementi dopo che inserisco del testo nei punti chiave. Ora faccio delle modifiche alle fono sfuocandole completamente e posto qui il mio sito e evitare violazioni di privacy, magari cosi si riesce a capire meglio quello che chiedo.
• L

  Lysz210

  Utente Attivo

  Iscritto da

  mar, 2012

  Messaggi:

  266

  Re: Info display

  30 mag 2012, 16:43

  Fine delle modifiche, ecco il link
  "http://www.lysun.altervista.or"
  
  Ho giocato moltissimo sulle visualizzazioni per creare questo layout, ho cercato moltissimo prima di trovare quello che mi serviva pezzo dopo pezzo, ma nonostante sia riuscito a creare gli effetti desiderati, andavo piu a tentavi, infatti ho riscritto il css 2 volte perche con il primo avevo creato talmente tanto casino che non riuscivo piu a uscirne.
  Non sono riuscito a completare l'ultimo effetto che volevo inserire che erano delle scritte sopra le foto, in quella grande avrei potuto risolvere impostando semplicemente background-image, e delle div per inserire nei posti giusti. Ma avrei avuto dei problemi con quelli piccoli perche ha gia un effetto dinamico fatto dal background-image con gif animate, e un'immagine soprastatne che si dilegua con :hover, ho provato prima con visibility: hidden ma faceva tremolare l'immagine e cosi sono stato costretto a usare opacity: 0;. e qui sopra avrei voltuo inserire delle scritte di presentazione usando la posizione, ma con degli esperimenti che ho fatto con delle div non sono riuscito a spostare un div sopra a un'altro div( fratello ) qualcuno mi sa spiegare se si puo fare? e come mai con visibility mi tremava la gif animata? Le gif animate non funzionano piu perche facendo la modifica veloce mi cancellava tutto e rimaneva solo la prima immagine.
• 

  Toki

  Moderatore

  Iscritto da

  gen, 2001

  Messaggi:

  3842

  Re: Info display

  19 giu 2012, 15:02

  Sto guardando l'html della home page e ti segnalo 3 cose:
  - tag title: ti è scappata un "g" in più
  - il tag article andrebbe usato per contenuti che per loro natura potrebbero essere distribuiti come ad esempio gli articoli. Nel tuo caso mi sembra più corretto usare le generiche section.
  - sulla spalla destra del sito hai inserito dentro aside logo dell'agenzia e relativa frase introduttiva. In te riverdrei il layout e inserirei queste info nell'area header
• L

  Lysz210

  Utente Attivo

  Iscritto da

  mar, 2012

  Messaggi:

  266

  Re: Info display

  19 giu 2012, 23:59

  Toki ha scritto:

  ---

  Sto guardando l'html della home page e ti segnalo 3 cose:
  - tag title: ti è scappata un "g" in più
  - il tag article andrebbe usato per contenuti che per loro natura potrebbero essere distribuiti come ad esempio gli articoli. Nel tuo caso mi sembra più corretto usare le generiche section.
  - sulla spalla destra del sito hai inserito dentro aside logo dell'agenzia e relativa frase introduttiva. In te riverdrei il layout e inserirei queste info nell'area header

  Grazie mille per i consigli, da poco ho finito un libro sul webdesign e effettivamente article ci sta malissimo li, il layout e' abbastanza trascurato, volevo solo inserire piu' elementi possibile che dimostrassero la mia capcita' nella gestione del codice invece di puntare troppo sulla grafica(era una consegna per sistemi). Domani correggo gli errori che mi hai segnalato e aside per ora lo lascio li, nel libro spiega bene come risolvere il fatto del footer che non si posiziona nel posto giusto, devo inserire clear: both; cosi non si nasconde piu anche qundo non c'e' del testo visibile.
  Io ho usato moltissimo la proprieta' float per gestire gli elementi, e per mia fortuna il libro ha spiegato perfettamente il suo comportamente, cioe' che stacca l'elemento dal suo genitore e lo fa fluttuare sopra di lui, di fatto non fa piu' ne fa piu' parte anche se rimane al suo interno come posizionamento e influenza gli elementi visibile.
  A me piace molto cercare in giro nel web e ho trovato anche questa guida utilissima per le future pagine web:
  http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/
  spiega molto bene l'attributo display, e mi piacerebbe sperimentare di piu' appena ho tempo.
  Ora mi manca poco per finire la guida su javascript di David Flanagan, pero' e' abbastanza vecchiotto con riferimenti del 2002 o poco piu avanti, qualcuno puo indicarmi dove trovare aggiornamenti a riguardo, vorrei iniziare quest'anno a programmare per il web, ma html non mi piace molto e preferisco di gran lunga js, mi servirebbe proprio tutto al completo, DOM, librerie javascript-core/lato client ed eventualmente anche jquery.
  gruazie