Salve a tutti raga,avrei un problemino x qnt i riguarda il tag div,pratikamente vorrei aprire una pagina html dal menu di navigazione, nell' id "content", ho provato a scrivere cosi <li class="sliding-element" id="content"> Risultati Serie A ma niente...non và. Vi allego tutto il codice.
CODICE HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>SOLOCALCIOITA</title>
<style type="text/css">
@import url("2cffluido.css");
a#viewcss{color: #00f;font-weight: bold}
</style>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="2cffluido.css" rel="stylesheet" type="text/css">
</head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script src="jquery.easing.1.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".sliding-element a").mouseover(function () {
$(this).stop().animate({ marginLeft: "20px" }, 500 );
});
$(".sliding-element a").mouseout(function () {
$(this).stop().animate({ marginLeft: "0px" }, 500 );
});
});
</script>
</head>
<body>
[/list]
<div id="container">
<div id="header">[img]solocalcioita.jpg[/img]</div>
<div id="navigation">
<h3 align="center"> <font color="#FF0000"> MENU' PRINCIPALE </font> </h3>
<ul id="sliding-navigation">
<li class="sliding-element" id="activelink"> Home
<li class="sliding-element" id="content"> Risultati Serie A
<li class="sliding-element" id="content">Risultati Serie B
<li class="sliding-element" id="content">Risultati Serie C2C
<li class="sliding-element" id="content">LiveScore
<li class="sliding-element" id="content">Classifica Serie A
<li class="sliding-element" id="content"> Classifica Serie B
<li class="sliding-element" id="content">Classifica Serie C1A
<li class="sliding-element" id="content">Classifica Serie C1B
<li class="sliding-element"id="content">Classifica Serie C2A
<li class="sliding-element"id="content">Classifica Serie C2B
<li class="sliding-element"id="content">Classifica Serie C2C
<li class="sliding-element"id="content">Video Divertenti [/list]
</div>
<div id="content" class="sliding-element">
<h2> Argomenti Centrali</h2>
</div>
<div id="extra">
<div class="newsbox">
</div>
<div class="newsbox">
</div>
</div>
</div>
<div id="footer">
Note e informazioni legali</div>
</div>
</body>
</html>
CODICE CSS:
/*stili per il layout fluido*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%}
div#container{
}
/*stili generici, su header e footer*/
div#header{background-color:#FFF;color: #FFF; }
h1,h2{margin: 0;padding:0}
h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
h2{color: #69f;font-size: 1.5em}
div#footer a{color:#fff;font-weight: bold;text-decoration: underline}
/*stili specifici per il layout*/
div#navigation{float: left;width: 160px;\width:170px; w\idth:160px;padding: 1em 0 0 10px}
div#extra{float: right; width: 160px;\width:170px;w\idth:160px;;padding: 1em 5px}
div#content{margin: 0 170px;padding: 1em 10px; border-width: 0 1px; border-style:solid; border-color: #ccc;}
div#footer{clear:both; text-align:center; padding: 5px 0;
background-color: #69c; color: #000}
/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
div#navigation p{font-size: 90%}
/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{color: #999;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}
Rispondi quotando
