Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Split2 e Split3

    Volevo dare un'impaginazione particolare ad una pagina che sto allestendo per mia moglie utilizzando il comando split per suddividere un div.L'impaginazione mi è riuscita ma ho un problema: quando dalla pagina
    http://xoomer.virgilio.it/buffetticesena/index.html
    passo alle altre che compongono il sito, peraltro ancora in costruzione, si nota un leggero spostamento del "container" verso destra, cosa che invece non si verifica fra le altre pagine.
    Ho provato e riprovato ma non ho trovato nessuna soluzione.
    Qualcuno mi può aiutare?

    Allego il file struttura.css.

    Grazie per l'attenzione.

  2. #2

    Aiuto!!!

    Questo e il css

    /*stili per il layout fisso con background*/
    html,body{margin: 0;padding:0}
    body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 76%;
    text-align: left;}

    div#container{
    width: 750px;
    margin: 0 auto;
    border-left: 1px solid #003366;border-right: 1px solid #003366


    }
    div#container2{
    text-align: left;


    }
    #buffetti {
    width: 100px;
    height: 20px;
    top: 53px;
    left: 630px;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: smaller;
    }
    #buffetti a{text-decoration: none}
    #barra {
    width: 350px;
    height: 20px;
    top: 20px;
    left: 250px;
    position: relative;
    font-size: 14px;
    font-style: normal;
    letter-spacing: 4px;
    font-family: "Times New Roman", Times, serif;
    }

    #barra a{text-decoration: none}
    /*stili generici, su header e footer*/
    div#header{
    height: 143px;
    width: 750px;
    background: url(../Immagini/toppage.jpg);

    background-repeat: no-repeat;
    }
    h1,h2{
    margin: 0;
    padding:0;
    }
    h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
    h2{
    color: #69f;
    font-size: 1.5em;
    background-color: #FFFFFF;
    }
    div#footer a{
    color: Yellow;
    font-weight: bold;
    text-decoration: underline;
    background-color: #00007C;
    }

    /*stili specifici per il layout*/
    div#navigation{float: left;width: 160px;\width:170px;w\idth:160px;padding: 1em 0 0 10px}
    div#validation{
    float: left;
    margin-top: 220px;
    margin-left: -70px;
    width: 88px;
    }
    .grassetto {
    font-weight: bold;
    }



    div#content{
    border-width:0 0 0 1px;
    border-style:solid;
    border-color:#003366;
    margin:0 0 0 170px;
    padding:1em 10px 1em 10px;
    }
    div#content_img{
    width: 325px;
    left: 100px;
    position: relative;


    }
    div#footer{
    clear: both;
    text-align: center;
    padding: 5px 0;
    background-color: #00007C;
    color: White;
    }

    /*stili per la navigazione*/
    div#navigation ul{margin: 0;padding: 0; list-style-type: none}
    div#navigation li{margin: 0;padding: 0}
    div#navigation a{
    color:#369;
    font: normal bold 1.2em/1.4em arial,sans-serif;
    text-decoration: none;
    background-color: #FFFFFF;
    }
    div#navigation a:hover{
    color: #033;
    text-decoration: underline;
    background-color: #FFFFFF;
    }
    div#navigation a#activelink{
    color: #FF0000;
    text-decoration: none;
    background-color: #FFFFFF;
    }
    div#navigation p{font-size: 90%}
    /*stili per la sezione extra*/
    div#extra div.newsbox{
    font-size: 90%;
    margin-bottom: 4em;
    text-align: center;
    }
    div#extra div.newsbox h2{
    color: #00007F;
    font-size: 1em;
    text-align: center;
    background-color: #FFFFFF;
    }
    div#extra div.newsbox a{
    color: #00007F;
    font-size: 1em;
    text-align: center;
    text-decoration: none;
    background-color: #FFFFFF;
    }
    div#extra div.newsbox p{margin: 0}
    .activelink {
    color: #FF0000;
    background-color: #FFFFFF;
    }

    /*Float*/
    img.imag1 {
    float : left;
    border: none;
    padding-right: 10px;
    }
    img.imag2 {
    float: right;
    margin: 10px;
    border: none;
    }
    div.wide,div.split2,div.split3{clear:left}

    div.wide{border-top: 1px dotted #ccc}

    div.split2 div{float: left; width: 40%;
    border-top: 1px dotted #ccc}

    div.split3 div{float: left; width: 25%;;

    border-top: 1px dotted #ccc}

  3. #3
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Benvenuto nel forum
    Per le future discussioni ti invito ad aprire dei thread con titolo a norma di regolamento
    (il titolo 'split2 e split3' non ha alcun significato)

    Ciao
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

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 © 2025 vBulletin Solutions, Inc. All rights reserved.