ma io la pagina la vedo bene con IE6, non è ottimizzato per altri browse anche perchè non so come si fa.
Cmq questo è il css:
e la index:codice:<style type="text/css"> /* HTML E BODY */ html,body{margin: 1em;padding:0} body{font-family: georgia,sans-serif;font-size:76%;text-align:center;background: url(sfondo.gif)} /* CONTENITORE */ div#contenitore{width:70em;border-left: 2px solid black;border-right:2px solid black;background-color:#eee;text-align:left} /* HEADER */ div#header {background-color: black;color:#eee;text-align:center} /* CARATTERI */ h1{margin:0} h1{padding-left:10px;font: bold 2.3em/80px georgia,times,serif} h3{font-size:1.2em;padding-top:10px} /* CONTENUTI */ div#content{background-color:white;margin:0 250px 0 140px;padding:1em 10px;border-width: 0 1px;border-style:solid;border-color:black} /* CATEGORIE */ div#content div.categorie{margin:10px 450px 0 10px;border-right: 1px solid black;border-left:1px solid black;border-top:1px solid black;border-bottom:1px solid black} /* MENU' */ div#menu {float:left;width:130px;padding:1em 0 0 10px;text-align:left} div#menu ul {margin:0 0 20px;padding:0;list-style-type:none} div#menu ul a {display:block;width:90px;border-bottom:1px solid #fff;color:#000;font-weight:bold;text-decoration:none} div#menu ul a:hover{background-color:white;color:#f00} div#menu ul a#activelink{color:#f00;text-decoration:none} /* EXTRA */ div#extra{float:right;width:260px;padding: 1em 5px} /* NEWBOX */ div#extra div.newbox {margin-bottom:2em;font-size:90%;border-right: 1px solid black;border-left:1px solid black;border-top:1px solid black;border-bottom:1px solid black;margin-right:30px;margin-left:30px} div#extra div.newbox h2 {text-align:center;border-bottom:1px solid black;margin-top:0;padding:1px 2px;background-color:#ccc;font-size:1em} /* FOOTER */ div#footer {clear:both;background-color:black;font:bold;text-align:center;padding:0.5em;color:#eee} </style>
codice:<html> <head> <link rel="stylesheet" href="style/stylesheet.css" type="text/css"> </head> <body> <div id="contenitore"> <div id="header"> <h1>Qui Il Tuo Logo</h1> </div> <div id="menu"> <center><h3>Menu' Principale</h3></center> <ul>[*]Home[*]Componenti[*]Periferiche[*]Computer[*]Notebook[*]Reti[*]Fotografia[*]Accessori[*]Software[*]Audio Video[/list] </div> <div id="extra"> <div class="newbox"> <h2>Login Cliente</h2> <form name="login" action="login.asp" method="post" enctype="text/plain"> <center><label>Username: <input type="text" name="username" size=8 ></label> <label>Password:  <input type="password" name="pass" size=8 ></label></center> <center><input type="submit" value="Login"></center></form> </div> </div> <div id="content"> <center>[img]Immagini\benvenuto.JPG[/img]</center> <fieldset> <legend>[img]Immagini\cat.gif[/img]</legend> <div class="categorie"> [img]Immagini\Categorie\Componenti.jpg[/img]gfdgfdgfdg </div> <div class="categorie"> [img]Immagini\Categorie\Componenti.jpg[/img]gfdgfdgfdg </div> </fieldset> <fieldset> <legend>[img]Immagini\offerte.gif[/img]</legend> </fieldset> </div> <div id="footer"> Layout Creato Da ******* ******** Tesina 2004/2005 </div> </div> </body> </html>

Rispondi quotando