Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Centrare contenuto

  1. #1
    Utente di HTML.it L'avatar di sappe
    Registrato dal
    May 2011
    Messaggi
    19

    Centrare contenuto

    Scusate se vi disturbo ancora con cose banali, stavo risistemando il CSS del mio file quando per sbaglio ho cancellato un pezzo e... Non riesco più a ricentrare il contenuto! E' sotto i menù a sinistra per come cerco di farlo andare da altre parti, non si muove.
    Codice pagina:
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Linguaggio Editoriale</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" media="print" href=
    "style_stampa.css" />
    <meta http-equiv="Content-Type" content=
    "text/html; charset=us-ascii" />
    <script type="text/javascript" src="script/cercaPagina.js">
    </script>
    <script type="text/javascript" src="script/stampa.js"></script>
    <script type="text/javascript" src="script/galleria.js"></script>
      <script type="text/javascript">
        <!--
          function in_giorni (s) {
            return Math.floor(s/(1000 * 60 * 60 * 24))
          }
        //-->
      </script>
    </head>
    <body>
    <div>
    <div id="logo">
    [img]immagini/banner.gif[/img]
    </div>
    <div id="navbg">
    <div id="nav">
    
    
    <span class="h2">Menu</span> Home
    Contatti <a href=
    "bibliografia.html">Bibliografia</a></p>
    <hr/>
    
    
    Editoria e Editing <a href=
    "linguaggioEditoriale.html">Linguaggio editoriale</a> <a href=
    "figureProfessionali.html">Figure Professionali</a> <a href=
    "composizioneLibro.html">Com'&egrave; composto un libro</a>
    Norme editorialiI Font
    Letteratura di consumo</p>
    <hr />
    
    
    Stampa la pagina</p>
    </div>
    <div id="contentbg">
    
    <div id="content">
    ...contenuti
    
    </div>
    </div>
    </div>
    <div id="spacer">
    <script type="text/javascript" id="data">
      <!--
       var adesso = new Date( );
       document.write("oggi è il " + adesso + "
    ");
       //-->
    </script>
    </div>
    <div id="spacer2"></div>
    </div>
    </body>
    </html>
    codice css:
    codice:
    body {
    background-image: url(immagini/sfondo.gif);
    background-repeat: repeat-x; 
    background-color: #808080;
    font-family: verdana;
    font-size: 10px;
    }
    
    #logo {
    position: relative;
    
    top: 0px; left: 300px;
    }
    
    .contentbg {
    width: 471px;
    height: 274px;
    background-image: url(immagini/corpoPagina.gif);
    background-repeat: repeat-x;
    float: left;
    position: left;
    }
    
    #navbg {
    width: 155px;
    height: 274px;
    background-image: url(immagini/menuLaterale.gif);
    background-repeat: repeat-x; 
    position: absolute;
    
    top: 248px; left: 308px;
    }
    
    #spacer {
    width: 101px;
    height: 277px;
    background-repeat: no-repeat; 
    background-color: #808080;
    color: #C0C0C0;
    text-align: center;
    background-repeat: repeat-x; 
    position: absolute;
    top: 300px; left: 26px;
    }
    
    #nav {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    }
    
    .h2 {
    text-align: right;
    font-family: georgia;
    font-size: 12px;
    color: #FFFFFF;
    width: 98.5%;
    border-bottom: solid 1px #808000;
    border-right: #808080 solid 1px;
    border-left: #808080 solid 1px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-image: url(immagini/decorMenu.gif);
    display: block;
    }
    
    .navsubtitle {
    border-bottom: solid 1px #4B4B4B;
    border-right: #808080 solid 1px;
    border-left: #808080 solid 1px;
    width: 98.5%;
    display: block;
    }
    
    #nav a {
    text-decoration: none;
    display: block;
    color: #FFFFFF;
    border-bottom: solid 1px #4B4B4B;
    border-right: #808080 solid 1px;
    border-left: #808080 solid 1px;
    width: 98.5%;
    }
    
    #nav a:hover {
    text-decoration: none;
    background-color: #4B4B4B;
    color: #6699FF;
    border-right: #808080 solid 1px;
    border-left: #808080 solid 1px;
    width: 98.5%;
    }
    
    #content {
    padding-left: 18px;
    padding-right: 10px;
    text-align: justify;
    }
    
    h1 {
    text-align: center;
    font-size: 18px;
    color: #6699FF;
    background-image: url(immagini/h1Sfondo.gif);
    }
    
    a {
    text-decoration: none;
    color: #FFFFFF;
    }
    
    a:hover {
    text-decoration: underline;
    color: #6699FF;
    }
    
    table#simboli {
    border: 1px #C0C0C0;
    border-collapse: collapse;
    }
    
    hr {
    color: #FFFFFF;
    background: #FFFFFF;
    border: 0;
    height: 1px;
    }
    
    strong {
    color: #4B4B4B;
    text-decoration: underline;
    }
    
    em {
    color: #6699FF;
    }
    
    tr {
    background-color: #6699FF;
    }
    
    
    td {
    background-color: #FFFFFF;
    }
    Grazie in anticipo!

  2. #2
    Utente di HTML.it L'avatar di sappe
    Registrato dal
    May 2011
    Messaggi
    19
    Ho risolto da me, scherzi della stanchezza!!

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.