Ragazzi perchè non mi visualizza la colonna del menù di sinistra? SE apro questa pagina in html?
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Dynamic Drive: CSS Liquid Layout #2.1- (Fixed-Fluid)</title> <style type="text/css"> body{ margin:0; padding:0; line-height: 1.5em; } b{font-size: 110%;} em{color: red;} #topsection{ background: #EAEAEA; height: 140px; /*Height of top section*/ border-bottom: 14px inset #228B22; border-right: 10px inset #228B22; border-top: 10px inset #228B22; border-left: 10px inset #228B22; } #topsection h1{ margin: 0; padding-top: 15px; } #contentwrapper{ float: left; width: 100%; } #contentcolumn{ margin-left: 200px; /*Set left margin to LeftColumnWidth*/ } #leftcolumn{ float: left; width: 193px; /*Width of left column*/ margin-left: -100%; background: #B2B2B2; border-right: 5px solid #228B22; } #footer{ clear: left; width: 100%; background: black; color: #FFF; text-align: center; padding: 4px 0; } #footer a{ color: #FFFF80; } .innertube{ margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; } #navcontainer { width: 12em; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 3em; font-family: Trebuchet MS,Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; background-color: #228B22; color: 7px groove #333; } #navcontainer ul { list-style: none; margin: 0; padding: 0; border: none; } #navcontainer li { border-bottom: 1px solid #fff; margin: 0; } #navcontainer li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #228b22; border-right: 10px solid #228b22; background-color: #00A86B; color: #fff; text-decoration: none; width: 100%; } html>body #navcontainer li a { width: auto; } #navcontainer li a:hover { border-left: 10px solid #FF4D00; border-right: 10px solid #00A86B; background-color: #228B22; color: #fff; } </style> <style type="text/css"> .curlycontainer{ margin-bottom: 1em; width: 192px; } .curlycontainer .innerdiv{ background-color: #228B22; position: relative; top: 2px; } </style> <script type="text/javascript"> /*** Temporary text filler function. Remove when deploying template. ***/ var gibberish=["This is just some filler text", "Welcome to Dynamic Drive CSS Library", "Demo content nothing to read here"] function filltext(words){ for (var i=0; i<words; i++) document.write(gibberish[Math.floor(Math.random()*3)]+" ") } </script> </head> <body> <div id="maincontainer"> <div id="topsection"><div class="innertube">[img]banner.jpg[/img]</div></div> <div id="contentwrapper"> <div id="contentcolumn"> <div class="innertube"> </div> </div> <div id="leftcolumn"> <div id="navcontainer"> <ul id="navlist">[*]Home page[*]Chi siamo[*]Premi[*]Regolamento[*]Contatti[/list] </div> <div class="curlycontainer"> <div class="innerdiv"> <FONT face="comic sans ms" color="orange">        Area login</font> <?php session_start(); ?> <title> Autenticazione </title> <body> <FORM ACTION =http://localhost/sitoweb/autenticazione.php METHOD = Post> <H5 align="left"><FONT face="comic sans ms" color="white">Nick : <INPUT TYPE ="text" SIZE =10 NAME="user"> <H4 align="left"><FONT face="comic sans ms" color="white">Pass : <INPUT TYPE ="password" SIZE =10 NAME="pass"> <P align="left"><INPUT TYPE ="submit" VALUE =" Accedi "> <INPUT TYPE ="reset" VALUE =" Annulla "></P> </FORM> <H3 align="center"><FONT face="Trebuchet MS" color="white" size="3">Se non sei registrato</font> <H3 align="center"><FONT face="Trebuchet MS" color="orange"> CLICCA QUI </font> </body> </div> </div> </html> </div> <div id="footer">Dynamic Drive CSS Library</div> </div> </body> </html>
Rispondi quotando
