-
Aiuto con i CSS e PHP
Io sono un nuovo nel campo del HTML e CSS ma ho letto molti libri e sono riuscito a creare questo sito http://hackthepsp.altervista.org come noterete quando provate a cliccare PSP Hacks vi apparira la schermata in un'altra scheda . Quella schermata dovrebbe andare al posto di Home ecc. , come posso fare ?!?
Questo è il php del index :
Codice PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>HackThePsp</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.0">
<style type="text/css">
@import url("cssbase.css");
a#viewcss{color: #00f;font-weight: bold}
</style>
<script language="javascript" src="esempio13_files/js.js"></script>
</head>
<body>
<div id="container">
<?php
include('header.html');
?>
<?php
include('navigazione.html');
?>
<?php
include('content.html');
?>
<?php
include('footer.html');
?>
<script language="javascript">postamble();</script>
</body></html>
Poi questo è il CSS :
Codice:
/*stili per il layout fisso*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center}
div#container{width: 760px;margin: 0 auto;text-align: left;
border-left: 2px solid black;border-right: 2px solid black}
/*stili generici, su header e footer*/
div#header{
background-color:black ;color: black
widht: 850px;
height : 225px ;}
h1,h2{margin: 0;padd#36Cing:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: black;font-size: 1.5em}
div#footer{text-align:center;padding: 0.5em;
background-color: black; color: white}
div#footer a{color: black;font-weight: bold;text-decoration: underline}
/*stili specifici per il layout*/
div#navigation{background-color: black ; }
div#content{padding: 1em}
/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none;}
div#navigation li{display: inline; margin: 0 0 0 1em;padding: 0} /*nota display: inline*/
div#navigation a{color:white;font: normal bold 1.2em/2.5em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: white;text-decoration: underline}
div#navigation a#activelink{color: white ;text-decoration: none}
Questo è il codice di content dovre dovrebbe essere linkato il link :
Codice HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>HackThePsp</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.0">
<style type="text/css">
@import url("cssbase.css");
a#viewcss{color: #00f;font-weight: bold}
</style>
<script language="javascript" src="esempio13_files/js.js"></script>
</head>
<body>
<div id="content">
<h1>Benvenuti</h1>
<p><h3>Questa è un sito su come modificare la PSP .</h3><br>
Puoi trovare qui tutto quello che cerchi , da guide a download a recenzioni di giochi e puoi rimanere sempre aggiornato sul mondo della PSP con PSP news aggiornato giornalmente o quasi direttamente da un membro del team .<br>
Siamo sempre a disposizione per qualsiasi domanda voi abbiate .<br>
Vi ricordo che HackThePsp non è responsabile di nessun danno arrecato su una vosta PSP durante una modifiacao qualsiasi mod !
Cordiali saluti lo staff di HackThePsp
</div>
<script language="javascript">postamble();</script>
</body></html>
Questo il cosice di footer:
Codice HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>HackThePsp</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.0">
<style type="text/css">
@import url("cssbase.css");
a#viewcss{color: #00f;font-weight: bold}
</style>
<script language="javascript" src="esempio13_files/js.js"></script>
</head>
<body>
<div id="container">
<div id="footer">
2011 - Guide, downloads e recensioni sono di proprietà di <a href="http://hackthepsp.altervista.org/">HackThePsp</a> s.r.l.<br>
Note e informazioni legali</div>
</div>
<script language="javascript">postamble();</script>
</body></html>
Questo quello di header:
Codice HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>HackThePsp</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.0">
<style type="text/css">
@import url("cssbase.css");
a#viewcss{color: #00f;font-weight: bold}
</style>
<script language="javascript" src="esempio13_files/js.js"></script>
</head>
<body>
<div id="container">
<div id="header">
<a>
<DIV STYLE="position:absolute; top:0px; left:100px">
<img src=" http://img534.imageshack.us/img534/6371/mylogog.png"
alt="Hack Psp logo"
border="0"
hspace="350"/>
</DIV>
</a>
<DIV style="position: absolute; top:130px;">
<script type="text/javascript">
//<![CDATA[
document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r='+new Date().getTime()+'"><\/s'+'cript>');
//]]>
</script>
</DIV>
</div>
<script language="javascript">postamble();</script>
</body></html>
Questo quello di navigazione :
Codice HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>HackThePsp</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.0">
<style type="text/css">
@import url("cssbase.css");
a#viewcss{color: #00f;font-weight: bold}
</style>
<script language="javascript" src="esempio13_files/js.js"></script>
</head>
<body>
<div id="navigation">
<ul>
<li><a id="activelink" href="#" title="Home">Home</a></li>
<li><a href="psphacks.html" title="PSP Hacks" target="content">PSP Hacks</a></li>
<li><a href="#" title="PSP Downloads">PSP Downloads</a></li>
<li><a href="#" title="PSP Saves">PSP Saves</a></li>
<li><a href="#" title="PSP Backgrounds">PSP Backgrounds</a></li>
<li><a href="#" title="Custom Firmawares">Custom Firmawares</a></li>
<li><a href="#" title="Recenzioni">Recenzioni</a></li>
</ul>
</div>
<script language="javascript">postamble();</script>
</body>
</html>
e questo è quello della pagina da collegare :
Codice HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>HackThePsp</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.0">
<style type="text/css">
@import url("cssbase.css");
a#viewcss{color: #00f;font-weight: bold}
</style>
<script language="javascript" src="esempio13_files/js.js"></script>
</head>
<body>
<div id="content">
<p><span style="font-size: medium;"><span style="color: #ff0000;">PSP Hacks</span></span></p>
<p><span style="color: #000000;">Questa pagina contiene tutte le guide per poter modificare al miglior modo la propria PSP .</span></p>
<p><span style="color: #000000;">Ogni guida è interamente scritta dallo staff HackThePsp che però non si prende la responsabilità su qualunque danno riportato dalla vostra PSP</span></p>
<p><span style="color: #000000;">-</span></p>
</div>
<script language="javascript">postamble();</script>
</body></html>
Ho provato ha usare target ma non va !!
Grazie
