<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Prove emanuele</title>
<!-- includo jquery --->
<script type="text/JavaScript" src="jquery-1.4.2.min.js"></script>
<!-- FINE includo jquery --->
<!--Includo plugin per rendere gli angoli arrotondati -->
<script type="text/JavaScript" src="jquery.curvycorners.source.js"></script>
<!--FINE Includo plugin per rendere gli angoli arrotondati -->
<style type='text/css'>
*{
font-family:verdana,arial,sans-serif;
font-size:12px;
line-height:20px;}
body{background-color:black;}
#contenitore{
position:relative;
width:1000px;
border:10px solid #fffc01;
overflow:hidden;
}
#logo{
position:relative;
float:left;
width:100%;
height:460px;
text-align:left;
z-index:2;
}
#logo .img{width:12%;margin-top:-1.5%;border:none;margin-left:1%;}
#logo_immagine{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
#link{
position:absolute;
bottom:0;
left:0;
width:75%;
height:70px;
z-index:3;
}
#centro{
position:relative;
float:left;
width:100%;
height:900px;
}
#centro #image{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:1;
}
#centro_dx{
position:absolute;
right:0;
top:0;
height:100%;
width:50%;
border:1px solid red;
z-index:100;
}
#centro_sx{
position:absolute;
left:0;
top:0;
height:100%;
width:50%;
border:1px solid red;
z-index:100;
}
#footer{
position:relative;
clear:both;
width:100%;
height:80px;
background-color:#fffc01;
color:black;
}
</style>
<!-- script che rende gli angoli rotondi--->
<script type="text/JavaScript">
$(function(){
settings = {
tl: { radius: 20 },
tr: { radius: 20 },
bl: { radius: 20 },
br: { radius: 20 },
autoPad: true,
validTags: ["div"]
}
/**arrotondo gli angoli del contenitore **/
$('#contenitore').corner(settings);
});
</script>
<!-- FINE script che rende gli angoli rotondi--->
</head>
<body>
<center>
<script type='text/javascript'>
/**provo a cambiare qualcosa tramite jquery ***/
$("div").css("color","red");
/**FINE provo a cambiare qualcosa tramite jquery ***/
</script>
<div id='contenitore'>
<!-- ridimensiono il contenitore --->
<script type='text/javascript' src='dim2.js'></script>
<!-- ridimensiono il contenitore --->
<div id='logo'>
<div id='link'>
<!--includo i link-->
<?php include_once('Php/link.php'); ?>
</div>
<div id='logo_immagine'>
<a href='index.php'><img src='Img/logo.jpg' width='100%' height='100%' title='poleggi' border='0' /></a>
</div>
</div>
<div id='centro'>
<div id='centro_sx'>parte sx</div>
<div id='centro_dx'>destra</div>
<div id='image'>
<img src='Img/sfondo.jpg' width='100%' height='100%' />
</div>
</div>
<div id='footer'>
parte del footer - emanuele
</div>
</div>
</center>
</body>
</html>
- deevo prendere l'abitudine a mettere sempre il document ready!
