hai rgione aggiungo tutto
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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>22: agenzia di comunicazione in italia con studio in ancona milano e roma</title>
<link href="fogliodistile.css" rel="stylesheet" type="text/css" />
<body bgcolor="#00638f">
<link href="css/default.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/mobilyslider.js" type="text/javascript"></script>
<script src="js/init.js" type="text/javascript"></script>
<script type="text/javascript">
function Vedi(){
document.getElementById("scrollimmaginepiccolo").style.display = 'nome'
document.getElementById("01").style.display = 'block';
}
function Nascondi(){
document.getElementById("01").style.display = 'none'
document.getElementById("scrollimmaginepiccolo").style.display = 'block';
}
</script>
<link rel="stylesheet" href="scripts/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="scripts/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({directionNavHide:false});
});
</script>
<script>
var numimg = random(7,15);
/* chiama la funzione random specificando gli estremi 7 e 15 e mette il valore di ritorno in numimg */
document.writeln("<img src=img\"img"+numimg+".jpg\">");
</script>
</head>
<body>
<div id="contenitore">
<div id="header">
[img]logo22.png[/img]
<div id="frasetestata">
<p align="center"> Sono Ventidue, il partner ideale per la tua comunicazione. </p>
<p align="center">Sviluppo progetti di comunicazione integrata e campagne crossmediali </p>
<p align="center">utilizzando tutti gli strumenti e i driver di comunicazione disponibili.</p>
</div>
<div id="nav"><div id="menu">
<ul>[*]CLASSIC[/list]
<ul>[*] WEB & SEO[/list]
<ul>[*]DIGITAL[/list][/list]
</div></div>
</div>
<div id="servizi">
Advertising
</div>
<div id="scrollimmaginepiccolo">
<div id="01" style="display:none">CIAO SONO UN DIV NASCOSTOoooooo</div>
<script language="JavaScript">
<!--
img = new Array()
ran = Math.floor(8 * Math.random());
img[0] = 'img/img7.jpg';
img[1] = 'img/img8.jpg';
img[2] = 'img/img12.jpg';
img[3] = 'img/img13.jpg';
img[4] = 'img/img14.jpg';
img[5] = 'img/img15.jpg';
img[6] = 'img/img16.jpg';
img[7] = 'img/img17.jpg';
document.write("<img src=\""+img[ran]+"\">");
// -->
</script>
</div>
<div id="scrolltesto">
<script>
var foto = new Array;
var secondi = 20;
foto[foto.length]= "img/img9.jpg";
foto[foto.length]= "img/img10.jpg";
foto[foto.length]= "img/img11.jpg";
var numft = 1;
document.writeln("<img name=\"imgmain\" src=\""+foto[numft-1]+"\" onload=\"setTimeout('slideshow()',"+secondi+"000)\">");
function slideshow() {
if(numft==foto.length) numft=0;
numft++;
document.imgmain.src = foto[numft-1];
}
</script>
</div>
<div id="scrollnews">Inserire qui il contenuto per id "scrollnews"</div>
<div id="scrollprincipale">
<div id="content">
<div class="slider">
<div class="sliderContent">
<div class="item">
[img]img/img1.jpg[/img]
</div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
</div>
</div>
</div>
<div id="presentazione">
<blockquote>
<blockquote>
<blockquote>
<blockquote>
Comunicare, relazionarsi é qualcosa di insito nell'uomo, un bisogno primario.
Sono il tuo partner ideale, sono la soluzione giusta ai tuoi bisogni perché credo che la comunicazione sia semplicità, sia creatività, sia incontro.</p>
La comunicazione che creo per i miei clienti è fatta di valori, semplici, di impegno e, soprattutto, di ascolto: dei bisogni e dei desideri.
Comunicare significa diffondere, divulgare, far sapere al mondo ciò che si è sviluppato, ideato. Daresti in mano il tuo progetto a persone che non sanno come svilupparlo?</p>
No.
E quindi, daresti in mano il successo del tuo stesso progetto a persone che non sanno come comunicarlo al mondo? Beh, non penso.
Attenzione però comunicare non è persuadere, bensì convincere, vincere insieme, crescere insieme, perché ciò che non sarà condiviso non sarà mai apprezzato e acquistato. </p>
Ed ora… Fermati un secondo, pensa a ciò che ti ho detto. Se le mie parole ti hanno colpito, ti hanno stimolato, vuol dire che nel mondo c'e ancora spazio per la comunicazione. </p>
Ti aspetto. </p>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</div>
<div id="introclassic">
<p align="center">CLASSIC</p>
<blockquote>
<p align="left">“in principio fu il verbo”…
Bhè, sembrerebbe proprio che la comunicazione nasca ancor prima dell’uomo.
Di sicuro l’uomo non può fare a meno di comunicare: parlare, dialogare, raccontare, spiegare sono da sempre il nostro principale istinto.</p>
</blockquote>
</div>
<div id="introwebseo">
<blockquote>
<p align="center">DIGITAL</p>
<p align="left">Negli ultimi anni il modo di comunicare e gli strumenti per farlo sono cambiati totalmente. Siamo passati da una dimensione esclusivamente cartacea al mondo digitale – computers, internet e altro ancora che presto arriverà - e a tutte le possibilità che questi strumenti offrono.
</p>
</blockquote>
</div>
<div id="introdigital">
<p align="center">DIGITAL</p>
<blockquote>
Negli ultimi anni il modo di comunicare e gli strumenti per farlo sono cambiati totalmente. Siamo passati da una dimensione esclusivamente cartacea al mondo digitale – computers, internet e altro ancora che presto arriverà - e a tutte le possibilità che questi strumenti offrono.
</p>
</blockquote>
</div>
<div id="footer">Inserire qui il contenuto per id "footer"</div>
</div>
</body>
</html>
e questo è il foglio di stile
codice:
#contenitore {
height: 2000px;
width: 900px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#presentazione {
float: left;
height: 330px;
width: 900px;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
background-color: #f9fbfc;
color: #6db4d4;
text-align: justify;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #6db4d4;
}
#introclassic {
float: left;
height: 300px;
width: 300px;
border-right-style: none;
border-right-color: #363;
font-family: "Avenir LT Std 35 Light";
background-color: #FFFFFF;
color: #4194bb;
}
#introwebseo {
float: left;
height: 300px;
width: 300px;
}
#introdigital {
height: 300px;
width: 300px;
float: left;
font-family: "Avenir LT Std 35 Light";
color: #4194bb;
background-color: #FFFFFF;
}
#footer {
float: left;
height: 70px;
width: 900px;
background-color: #4194bb;
}
#header {
font-family: "Times New Roman", Times, serif;
font-size: 16px;
font-style: normal;
color: #FFF;
background-color: #4194bb;
height: 170px;
width: 900px;
text-align: right;
}
#servizi {
font-family: "Times New Roman", Times, serif;
height: 179px;
width: 148px;
float: left;
background-color: #f9fbfc;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #4194bb;
border-bottom-color: #4194bb;
border-left-color: #4194bb;
}
#scrollimmaginepiccolo {
height: 179px;
width: 198px;
float: left;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #4194bb;
border-bottom-color: #4194bb;
background-color: #FFF;
position: relative;
z-index: 1;
}
#scrollnews {
height: 179px;
width: 150px;
float: left;
background-color: #f9fbfc;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #4194bb;
}
#scrollprincipale {
background-color: #f9fbfc;
float: left;
height: 420px;
width: 900px;
}
#scrolltesto {
float: left;
height: 179px;
width: 400px;
background-color: #f9fbfc;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #4194bb;
border-bottom-color: #4194bb;
position: relative;
z-index: 1;
}
#nav {
font-family: "Avenir LT Std 35 Light", "Avenir LT Std 35 Light Oblique", "Avenir LT Std 45 Book", "Avenir LT Std 55 Oblique", "Avenir LT Std 55 Roman", "Avenir LT Std 65 Medium", "Avenir LT Std 85 Heavy", "Avenir LT Std 65 Medium Oblique", "Avenir LT Std 85 Heavy Oblique", "Avenir LT S";
float: right;
height: 36px;
width: 552px;
background-color: #00638f;
text-align: right;
}
#logo {
margin-top: 10px;
margin-left: 30px;
float: left;
}
#01 {
background-color: #FFF;
width: 198px;
height: 179px;
border: 1px inset #C06;
font-family: "Times New Roman", Times, serif;
float: none;
position: relative;
z-index: 2;
}
#menu2 {
}
#frasetestata {
height: 134px;
width: 549px;
font-family: "Avenir LT Std 35 Light";
float: right;
position: relative;
}
#menu{
padding:0;
margin:0;
height:36px;
}
#menu ul{
padding:0;
margin:0;
}
#menu li{
position: relative;
float: left;
list-style: none;
margin: 0;
padding:0;
height:36px;
}
#menu li a{
width:184px;
height: 36px;
display: block;
text-decoration:none;
text-align: center;
line-height: 36px;
color: white;
}
#menu li a:hover{
background-color: #4194bb;
}