Visualizzazione risultati 1 fino 6 di 6

Discussione: adattamento sito a ogni risoluzione

  1. #1
    Guest

    Predefinito adattamento sito a ogni risoluzione

    Salve a tutti, nel precedente topi mi avete aiutato tantissimo, tanto che ora riguardo a quelle cose so tutto e riesco a gestirmi totalmente da solo senza alcun problema. Ora però ho notato questo difetto, con altri pc vedo il sito in modo molto scomposto e inadeguato a una visione piacevole del sito; in rete su vari topic e guide css ho visto che ci sono vari modi per gestire questo fatto, ma nessuno che mi abbia aiutato veramente a capire la corretta stesura del codice. Sono già a conoscenza che le immagini nel sito le devo adattare in % e non pixel, in modo che ogni schermo abbia la sua grandezza in base alla risoluzione, e fin qui è tutto ok, devo solo rifare il codice modificando piccoli valori! ma se volessi centrare le immagini e tutto il contenuto del sito? in modo che su un'altro pc non si veda in modo errato, cosa devo inserire nel css base? quali sono i valori da aggiungere e/o modificare? Ragazzi chiedo l'aiuto dal pubblico

  2. #2
    Guest

    Predefinito

    Per centrare una pagina puoi fare così,

    esempio

    Codice:
    body {width:1000px;
    margin:20px auto;
    }
    poi ovviamente lo imposti come più preferisci, però come vedi sopra usando la dicitura auto nel margin, lui adatta automaticamente i margini ai lati, prendendo come riferimento il valore impostato in width.

  3. #3
    Guest

    Predefinito

    intuisco che c'è qualcosa di sbagliato in questo codice, cos'è? e... come faccio in modo che il "width" sia al centro e non a sinistra :3

    Codice:
     html, body{
    	width:1000px;
    	margin:20px auto;
    	background-color:#000000;
    	margin-left: 5px;
    	margin-right: 5px;
    	color: #000099;
    	font-family: Verdana, Arial, sans-serif;
    	font-size: 10px;
    	}

  4. #4
    Guest

    Predefinito

    Non puoi mettere il tag html e body insieme in questo caso, perché non otterrai nessun centramento.

    Prova così, e ricordati che nel body devi comunque aggiungere gli elementi della pagina, altrimenti non vedrai il risultato.

    Codice:
    body {
    	width:1000px;
    	margin:20px auto;
    	background-color:#000000;
    	color: #000099;
    	font-family: Verdana, Arial, sans-serif;
    	font-size: 10px;
    	}

  5. #5
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,744

    Predefinito

    Il problema non è avere un selettore sia per l'elemento html che per quello body (anche se effettivamente non ha grande utilità in questo caso), ma piuttosto i margini destro e sinistro devono rimanere impostati su auto, vengono invece impostati sul valore di 5px.

  6. #6
    Guest

    Predefinito

    perfetto un grazie infinite a astria per il codice a la sua immensa disponibilità da quando sono nel forum, gente cosi paziente e disponibile diminuiscono sempre di più, e grazie a karl che ho capito l'errore da parte mia, anche se non riuscivo a collegare con il cervello vi ringrazio ragazzi

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •