Ciao, ho notato nel sorgente che usi tag che (credo) appartengono ad HTML mentre nella dichiarazione della DOCTYPE hai scritto che il documento è XHTML 1.0 Transitional, oltre a questo ho notato molti errori di chiusura dei tag.
Ti elenco gli errori che Dreamweaver dice che siano codici non appartenenti ad XHTML 1.0 Transitional:
- <header> che ho riscritto in <div class="header">
- <nav> che ho riscritto in <div class="nav">
- <section> che ho riscritto in <div id="content">
- <footer> che ho riscritto in <div class="footer">
- Ti ho chiuso 3 DIV prima della chiususa del BODY che non erano chiusi (probabilmente sono quelli dei tag che ho rinominato).
Insomma, hai fatto un gran casino, il problema sta nel fatto che hai usato tag di HTML 5 (o anche 4.01 non lo sò perchè io non li uso) in un documento che è dichiarato conforme ad XHTML 1.0 Transitional.
Ti metto ora il codice come l'ho corretto io con dreamweaver ma può andare come può stocersi il tutto perchè magari non tornano gli id e le classi dei tag qui sopra che ho cambiato.
Gli Heading (h1, h2, h3..) vanno fuori dal tag <a href="">sdgbfhv</a> quindi si scrivono:
- <h3><a href="pippo.htm">Pippo</a></h3>
E poi l'indentazione, immagino tu abbia fatto la pagina con un qualche software come dreamweaver che ti indenta il codice automaticamente, ma nell'indentazione non ci si capisce nulla, quindi sarebbe da rimettere tutto a colonna 0 e reindentare da capo per capire anche il codice più velocemente.
Ti post comunque il codice come l'ho corretto, anche se dubito ti ripeto che così funzionerà (dovresti rimettere mano al CSS):
HTML:
<!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" xml:lang="it-it" lang="it-it" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>recensioni</title>
<meta name="description" content="Veloce facile e Manegevole" />
<meta name="keywords" content="lgnuke, php-nuke, downloads, news, contents" />
<meta name="verify-v1" content="T64BGQEGMGoa5ggQs71bUX3bn2dK0el6QEwutDtW2HM=" />
<meta name="robots" content="index, follow" />
<meta name="generator" content="LG-Nuke 2" />
<meta name="Copyright" content="Copyright (c) by ara21.org" />
<!-- CSS =================================================================EEE -->
<link type="text/css" rel="StyleSheet" href="themes/Ara21/style/style.css" />
<link type="text/css" rel="stylesheet" href="themes/Ara21/css/layout.css" />
<link type="text/css" rel="stylesheet" href="themes/Ara21/css/reset.css" />
<link type="text/css" rel="stylesheet" href="themes/Ara21/css/prettyPhoto.css" />
<link type="text/css" rel="stylesheet" href="modules/recensioni/css/recensioni.css" />
<!--[if lt IE 7]>
<link type="text/css" rel="stylesheet" href="themes/Ara21/css/cssie6.css" />
<![endif]-->
<!--[if IE]>
<script type="text/javascript" src="themes/Ara21/js/html5.js"></script>
<![endif]-->
<!-- JQUERY ============================================================== -->
<script type="text/javascript" src="includes/js/jQuery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="includes/js/javascript.js"></script>
<script type="text/javascript"> detectRes(); </script> <script language="javascript" type="text/javascript" src="themes/Ara21/js/jquery.faded.js"></script>
<script language="javascript" type="text/javascript" src="themes/Ara21/js/jquery.prettyPhoto.js"></script>
</head>
<!-- HEADER ============================================================== -->
<body id="page1">
<div id="main-tail">
<div id="main-tail-top">
<div id="main-tail-bot">
<div id="main">
<!-- header -->
<div class="header">
<h1><a href="#"><span></span></a></h1>
<div class="wrapper">
</div>
<div class="nav">
<ul>
<li class="act"><a href="index.html">Home</a></li>
<li><a href="Forums.html">Forum</a></li>
<li><a href="#">Recensioni</a></li>
<li><a href="#">Interviste</a></li>
<li><a href="#">Iscriviti</a></li>
<li><a href="http://www.ara21.org/ara21prova/modules.php?name=Your_Account">Login</a></li>
<li><a href="modules.php?name=StaffAra21">Staff</a></li>
</ul>
</div>
</div>
<!-- content -->
<div id="content">
<div id="indent">
<div class="container_16">
<div id="content" class="clearfix hfeed">
<div id="content-main" class="clearfix grid_11">
<div>
<div id="post" class="post">
<div class="entry clearfix">
<h2 class="post-title entry-title">
<a href="" rel="bookmark" title="prova">
Prova </a>
</h2>
<div class="post-meta clearfix">
<p class="post-author author vcard">
by <span class="fn nickname"><a href="" class="url" rel="author">Aramon</a></span> </p>
</div>
<div class="entry-content clearfix">
<div class="excerpt-thumb"><a href=""><img width="150" height="150" src="" class="attachment-thumbnail" alt="Chernobyl-Diaries-Dal-film" /></a></div>
<div class="ara21articoli">
Sembra una favola proveniente da uno dei quei libri impolverati che nostra nonna prendeva e ci leggeva prima di andare a dormire, eppure, come ho sempre constatato, nelle favole c'è sempre qualcosa di vero, di magico ma reale che molti ancora chiamano pazzia.</div>
<p><a class="more-link block-button" href="http://www.ara21.org">Continua la lettura »</a></p>
</div>
<div class="entry-footer clearfix">
</div>
</div>
</div>
<div id="post" class="post">
<div class="entry clearfix">
<h2 class="post-title entry-title">
<a href="" rel="bookmark" title="">
test </a>
</h2>
<div class="post-meta clearfix">
<p class="post-author author vcard">
by <span class="fn nickname"><a href="" class="url" rel="author">aaaa</a></span> </p>
</div>
<div class="entry-content clearfix">
<div class="excerpt-thumb"><a href=""><img width="150" height="150" src="http://www.cinemacritico.it/wp-content/uploads/2012/10/Chernobyl-Diaries-Dal-film-150x150.jpg" class="attachment-thumbnail" alt="Chernobyl-Diaries-Dal-film" /></a></div>
<div class="ara21articoli">
Sembra una favola proveniente da uno dei quei libri impolverati che nostra nonna prendeva e ci leggeva prima di andare a dormire, eppure, come ho sempre constatato, nelle favole c'è sempre qualcosa di vero, di magico ma reale che molti ancora chiamano pazzia.
</div>
<p><a class="more-link block-button" href="">Continua la lettura »</a></p>
</div>
<div class="entry-footer clearfix">
</div>
</div>
</div>
</div>
<div class="pagination">
[<span>1</span>] <a href="/recensioni/film/2">2</a> <a href="/recensioni/film/3">3</a> <a href="/recensioni/film/4">4</a> <a href="/recensioni/film/5">5</a> <a class="next" href="/recensioni/film/2">> </a> <a class="end" href="/recensioni/film/180">>> </a> </div>
</div>
<div id="sidebar1" class="sidebar grid_5">
<div id="recent-comments-3" class="sidebar-wrap clearfix widget_recent_comments">
<h3>Altre sezioni</h3><ul id="recentcomments">
<li class="recentcomments"><h3><a href="">Bizzarre</a></h3></li>
<li class="recentcomments"><h3><a href="">Bizzarre</a></h3></li>
<li class="recentcomments"><h3><a href="">Bizzarre</a></h3></li>
<li class="recentcomments"><h3><a href="">Bizzarre</a></h3></li>
<li class="recentcomments"><h3><a href="">Bizzarre</a></h3></li>
<li class="recentcomments"><h3><a href="">Bizzarre</a></h3></li>
<li class="recentcomments"><h3><a href="">Bizzarre</a></h3></li>
<li class="recentcomments"><h3><a href="">Bizzarre</a></h3></li>
<li class="recentcomments"><h3><a href="">Bizzarre</a></h3></li>
<li class="recentcomments"><h3><a href="">Bizzarre</a></h3></li>
<li class="recentcomments"><h3><a href="">Bizzarre</a></h3></li>
<li class="recentcomments"><h3><a href="">Bizzarre</a></h3></li></ul>
</div>
</div>
</div>
<div class="footer">
<div class="inner">
<div class="wrapper">
<ul>
<li><a href="#">Home</a></li>
<li><a href="Forums.html">Forum</a></li>
<li><a href="#">Recensioni</a></li>
<li><a href="#">Interviste</a></li>
<li><a href="#">Iscriviti</a></li>
<li><a href="http://www.ara21.org/ara21prova/modules.php?name=Your_Account">Login</a></li>
<li><a href="#">Staff</a></li>
</ul>
<p>Ara21 <span>© 2006 - 2013</span> <a href="#">Disclaimer</a></p>
</div>
</div>
<!-- {%FOOTER_LINK} -->
</div>
</div>
</div>
</div>
</div>
<!-- JQUERY FUNCTIONS ==================================================== -->
<script type="text/javascript">
$(function(){
$("#faded").faded({
crossfade: true,
speed: 900,
autoplay: 5000,
autorestart: true,
autopagination: false
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".gallery a[rel^='prettyPhoto']").prettyPhoto({theme:'dark_square'});
});
</script></div></div></div>
</body>
</html>
