- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Centrare contenuto
-
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:<!DOCTYPE 99/xhtml"> <head> <title>Linguaggio Editoriale</title> <lik hr="style.css" rel="stylesheet" type="text/css" /> <lik re="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"> <i src="" width="727" height="240" alt=""/> </div> <div id="navbg"> <div id="nav"> <p>menu<p><a h="javascript:stampa()">Stampa la pagina</a></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 + "<br/>"); //--> </script> </div> <div id="spacer2"></div> </div> </body> </html>
codice css:
body { background-image: url(); 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(); background-repeat: repeat-x; float: left; position: left; } #navbg { width: 155px; height: 274px; background-image: url(); background-repeat: repeat-x; position: absolute; top: 248px; left: 308px; } #spacer { width: 101px; height: 277px; background-repeat: no-repeat; background-color:; 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: solid 1px; border-left: solid 1px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; background-image: url(); display: block; } .navsubtitle { border-bottom: solid 1px #4B4B4B; border-right: solid 1px; border-left: solid 1px; width: 98.5%; display: block; } a { text-decoration: none; display: block; color:; border-bottom: solid 1px; border-right: solid 1px; border-left: solid 1px; width: 98.5%; } a:hover { text-decoration: none; background-color:; color: #6699FF; border-right: solid 1px; border-left: solid 1px; width: 98.5%; } #content { padding-left: 18px; padding-right: 10px; text-align: justify; } h1 { text-align: center; font-size: 18px; color:; background-image: url(); } a { text-decoration: none; color:; } a:hover { text-decoration: underline; color:; } table#simboli { border: 1px; border-collapse: collapse; } hr { color:; background:; border: 0; height: 1px; } strong { color:; text-decoration: underline; } em { color:; } tr { background-color:; } td { background-color:; }
Grazie in anticipo!
-
I tag del center sono:
<center> Il tutto </center>
Se devi centrare solo un pezzo mettici in mezzo hai tag center il pezzo, se devi centrare tutto metti <center> al inizio della pagina e </center> alla fine.
-
Intanto ho notato che manca il tag di apertura <html> poi volevo farti una domanda, il contenuto che intendi è quello presente nel div "content"?
Hai un file che mostra come dovrebbe venire la pagina?