Pagina 2 di 2 primaprima 1 2
Visualizzazione dei risultati da 11 a 12 su 12
  1. #11
    Alla fine ho risolto in questo modo.. =)

    /*
    STILE DEDICATO ALL'IMPAGINAZIONE DELLA PAGINA
    PIU I VARI STILI PER LA NAVIGAZIONE
    */

    html,body{
    margin:0;
    padding:0;
    }

    body{
    font: 12px arial,sans-serif;
    text-align:center;
    }

    div#header{
    height: 67px;
    color: #79B30B;
    background-image: url(../immagini/banner.jpg);
    }

    /*
    FORMATAZIONE DI LAYOUT
    */
    div#container{
    text-align:left;
    }

    div#navigation{
    background: #FFFFFF;
    }

    div#footer{
    height: 25px;
    background-image: url(../immagini/downpage.jpg);
    }

    /*
    STILI DI LAYOUT 2 di 2
    */
    div#header{
    margin-top: 10px;
    width : 100%;
    }

    div#container{
    width:750px;
    margin:0 auto;
    border: solid;
    border-width: 1px;
    border-color: #36c;
    background-color: white;
    }

    div#content_index{
    float:center;
    width:750px;
    }

    div#content{
    float:right;
    width:570px;
    }

    div#navigation{
    float:left;
    width:167px;
    padding-left: 5px;
    }

    div#footer{
    clear:both;
    width:100%;
    margin-bottom: 10px;
    }

    /*----------------------------------------------------------------------------*/
    /*Stili per la navigazione */
    /*----------------------------------------------------------------------------*/
    div#navigation ul{
    margin: 0 0 20px;
    list-style-type: none;
    padding-left: 5px;
    }

    div#navigation ul a{
    display : block;
    width: 155px;
    padding-left: 5px;
    }

    div#navigation ul a:hover{
    display : block;
    width: 155px;
    background-color: #ffcb31;
    padding-left: 5px;
    border : 1px solid #c00;
    }

    div#navigation ul a#activelink{
    color: #0066CC;
    text-decoration: none;
    }

    .textfot{
    font: 9px arial,sans-serif;
    background-color: #ffcb31;
    text-decoration: none;
    color: #0066CC;
    float : left;
    margin-top : 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    height : auto;
    }

    con la relativa pagina html

    html>

    <head>
    <title>LogIn</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="template/impaginazione.css">
    <link rel="stylesheet" type="text/css" href="template/input.css">
    <link rel="stylesheet" type="text/css" href="template/varie.css">

    </head>

    <body>
    <div id="container">
    <div id="header">
    </div>
    <div id="wratter">
    <div id="content_index">
    </div>
    </div>
    <div id="footer">
    </div>
    </div>

    </body>
    </html>

    Grazie ancora a tutti..
    Ciò che molti non capiscono è una banalità per altri..

    Siederò sulla sponda del fiume aspettando che passi il tuo cadavere.

  2. #12
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,887
    Ribadisco il concetto del DOCTYPE e ... :master:
    codice:
    div#content_index{
    float:center;   
    width:750px;
    }
    CSS Properties
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

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.