Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2010
    Messaggi
    3

    centrare immagine e testo anche ridimensionando la finestra, please help!

    ciao a tutti,
    sono nuovo del forum, dopo aver letto decine di pagine ho deciso di scrivere perche non riesco a trovare una soluzione ad un piccolo problema che però mi tornerà utile in molte altre situazioni.
    sto cercando di creare con html e css una pagina spalsh semplicissima in cui inserire un logo e poco al di sotto del testo "coming soon".
    vorrei che entrambe le cose fossero esattamente allineate al centro dello schermo, qualsiasi risoluzione esso abbia, e /o anche ridimensionando la finestra del browser.
    le ho provate di tutte...ma non riesco, qualcuno puo aiutarmi??
    grazie mille"!!!

    p.s.
    l'immagine ha una dimensione nota a priori, ma..è possibile creare il css senza saperne prima la dimensione??

  2. #2
    HTML
    codice:
    [img]log.jpg[/img]
    
    
    coming soon</p>
    CSS
    codice:
    html, body {
         text-align: center;
    }
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2010
    Messaggi
    3
    non ci posso credere!!!
    sono impazzito tra position, float, margin padding e altro,,,

    il suggerimento che ho ricevuto sopra permette anche di mantenere il contenuto sempre centrato anche se la finestra viene ridimensionata??

    grazie mille
    !!

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2010
    Messaggi
    3
    Originariamente inviato da codencode
    HTML
    codice:
    [img]log.jpg[/img]
    
    
    coming soon</p>
    CSS
    codice:
    html, body {
         text-align: center;
    }

    bene,,,ho provato il codice suggerito ma allinea solo orizzontalmente,lasciando l'immagine proprio a filo dell'iniizio pagina...!!
    come posso inserire anche l'allineamento verticale?
    uso un div?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.