Valutazione discussione:
  • 0 voto(i) - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5
rendere pagina responsive
#1
Ciao Mattia,
avrei bisogno di rendere QUESTA pagina responsive, per la precisione avrei bisogno che:
1) lo sfondo si ridimensioni in funzione della risoluzione (probabilmente utilizzando le media query)
2) il testo su tre righe finisca centrato, allineato sotto al logo sul marmo
3) il footer vada in basso, ma resti 10px più in alto rispetto al bordo inferiore dello sfondo come nell'immagine che ti allego.

Fammi sapere please

Grazie
Chand


Allegati Anteprime
   
Cita messaggio
#2
1) Assegna lo sfondo al body e aggiungi la proprietà background-size con valore cover.

2) Per centrare orizzontalmente e verticalmente un elemento (in questo caso section), devi assegnargli una larghezza e un'altezza fissa:
Codice:
section {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -70px 0 0 -150px;
    width: 300px;
    height: 150px;
}
I valori di larghezza e altezza che ho messo potrebbero non essere precisi e, se li devi cambiare, devi modificare anche i margini (il margine dall'alto deve essere il valore negativo della metà dell'altezza e quello da sinistra deve essere il valore negativo della metà della larghezza).

3) Per mettere il footer in basso, puoi assegnargli una posizione assoluta con bottom uguale a 0 e il margine dal basso uguale a 10 pixel. Prova anche a mettere direttamente il valore bottom uguale a 10 pixel e vedi quale la versione che funziona meglio.
Mattia!
Cita messaggio
#3
Perfetto, adesso funziona perfettamente! Ovviamente ho dovuto cambiare i valori di [i]section/i] ma ho ottenuto il risultato desiderato.

Grazie mille
Cita messaggio


Discussioni simili
Discussione Autore Risposte Letto Ultimo messaggio
  rendere responsive pagina web app Chandler 41 59.190 17-01-2015, 01:55
Ultimo messaggio: Chandler
  sito in parallax responsive Chandler 9 24.715 27-06-2014, 12:18
Ultimo messaggio: Mattia
  Responsive Filemanager: sovrascrivere immagini con drag & drop Chandler 13 16.498 19-06-2014, 21:44
Ultimo messaggio: jimmyfm
  [SEO] Titolo pagina giancarlo 1 3.584 17-12-2013, 07:31
Ultimo messaggio: Mattia
  Form centrato responsive Chandler 10 14.800 01-12-2013, 23:37
Ultimo messaggio: Chandler
  Controllare larghezza pagina Chandler 3 7.130 30-05-2012, 17:15
Ultimo messaggio: Mattia
  Come creare una semplicissima pagina HTML! Naroku95 0 2.936 31-10-2011, 13:48
Ultimo messaggio: Naroku95
Exclamation Problema di visualizzazione pagina (animatedcollapse e jquery-1.4.3.min) turbogiangi 7 11.715 29-11-2010, 09:07
Ultimo messaggio: Mattia
  Pagina di Benvenuto (Entra o Esci) veeto 3 10.994 02-12-2008, 10:06
Ultimo messaggio: Mattia

Vai al forum:


Utenti che stanno guardando questa discussione: 1 Ospite(i)