Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Css impaginazione

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2006
    Messaggi
    123

    Css impaginazione

    Ciao ragazzi , sto tentando per la prima volta di usare css.
    vi chiedo una cortesia.
    Potreste darmi lo spunto per il codice di un sito con una struttura simile a questa?!:
    http://www.csszengarden.com/?cssfile...195.css&page=0

    Non sto parlando stilisticamente , ma del modo in cui è posizionato il testo al centro della pagina e la divisione sulla destra delle varie link e diramazioni.
    Mi sono letto attentamente tutta la guida di base css , ma non riesco da solo senza nessun programma , quindi semplicemente mettendomi un foglio davanti , a scrivere il codice per una pagina del genere.
    Gio.

  2. #2
    O non ho capito... oppure basta che vai a quel link, ti copi il codice e poi ti studi quello...

  3. #3
    In questo articolo c'è una parte dedicata ai layout fissi a due colonne come mi sembra che sia quello che ti interessa.

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2006
    Messaggi
    123
    <style type="text/css">
    html, body{margin:0;padding:0}
    body{font: 76% Verdena,sans-serif}
    p{margin:0 10px 10px}
    a{display:block;color: #981793;padding:10px}
    div#header h1{height:120px;line-height:100px;margin:0;padding-left:10px;background: #EEE;color: #79B30B} ////// <------------ COME INSERISCO UN'immagine come sfondo!? [QUINDI UN LINK] invece che il grigino!?
    div#content p{line-height:1.4}
    div#navigation{background:#B9CAFF}
    div#extra{background:#FF8539}
    div#footer{background: blue;color: red}
    div#footer p{margin:0;padding:5px 10px}

    div#wrapper{float:left;width:100%}
    div#content{margin: 0 25%}
    div#navigation{float:left;width:25%;margin-left:-25%}
    div#extra{float:left;width:25%;margin-left:-100%}
    div#footer{clear:left;width:100%}
    </style>

  5. #5
    Originariamente inviato da gioscarab
    #EEE;color: #79B30B} ////// <------------ COME INSERISCO UN'immagine come sfondo!?
    Prova questi....
    codice:
      .classe_che_vuoi {
          background-image: url(immagine_che_vuoi.png);
          background-repeat: none;
         /*VOLENDO HAI ANCHE*/
         background-position: 10px 10px;
      }

  6. #6
    #EEE;color: #79B30B} ////// <------------ COME INSERISCO UN'immagine come sfondo!?
    Ti consiglierei di leggerti qualche guida sui css per avere una infarinatura generale, visto che probabilmente incontrerai problemi sicuramente maggiori di questo.

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.