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
  Creare una pagina con totale follower di più social Chandler 19 542 21/11/2023 08:41
Ultimo messaggio: Mattia
  rendere responsive pagina web app Chandler 41 109.125 17/01/2015 01:55
Ultimo messaggio: Chandler
  sito in parallax responsive Chandler 9 52.631 27/06/2014 12:18
Ultimo messaggio: Mattia
  Responsive Filemanager: sovrascrivere immagini con drag & drop Chandler 13 23.712 19/06/2014 21:44
Ultimo messaggio: jimmyfm
  [SEO] Titolo pagina giancarlo 1 5.225 17/12/2013 07:31
Ultimo messaggio: Mattia
  Form centrato responsive Chandler 10 21.951 01/12/2013 23:37
Ultimo messaggio: Chandler
  Controllare larghezza pagina Chandler 3 9.534 30/05/2012 17:15
Ultimo messaggio: Mattia
  Come creare una semplicissima pagina HTML! Naroku95 0 3.991 31/10/2011 13:48
Ultimo messaggio: Naroku95
Exclamation Problema di visualizzazione pagina (animatedcollapse e jquery-1.4.3.min) turbogiangi 7 22.471 29/11/2010 09:07
Ultimo messaggio: Mattia
  Pagina di Benvenuto (Entra o Esci) veeto 3 12.875 02/12/2008 10:06
Ultimo messaggio: Mattia

Vai al forum:


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