Ecco l'HTML
codice:
<!doctype html public "-//w3c//dtd html 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Storia della Repubblica di Genova</TITLE>
<META NAME="keywords" CONTENT="storia repubblica Genova ligure genovese repubbliche marinare marinara commerci liguri Venezia history Genoa histoire Gênes">
<META NAME="description" CONTENT="La storia dei Liguri dall'età della pietra alla Repubblica di Genova fino al 1800">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../style-resp.css" type="text/css">
<link rel="stylesheet" href="../stilepaolin.css" type="text/css">
<LINK REL="shortcut icon" href="../favicon.ico">
</HEAD>
<BODY style="margin:5px 8px 4px 9px;">
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:100;"></div>
<SCRIPT language="javascript" src="overlib.js"></SCRIPT>
<Div align="center">
<U>Lotte contro Pisa e Venezia (1200-1300)</U>
Genova aveva sempre fatto una politica di espansione commerciale marittima, riuscendo non senza contrasti, specialmente dopo le Crociate, a stabilire
<div class="tooltip">PIPPO
<span class="tooltiptext">Aver nei porti orientali un quartiere ove poter vivere e trafficare secondo le proprie leggi, liberi come nella loro città</span>
</div>
<a href="javascript:void(0);" onmouseover="return overlib('<center>Aver nei porti orientali un quartiere ove poter vivere e trafficare secondo le proprie leggi, liberi come nella loro città</center>');" onmouseout="return nd();">colonie<img src="../imm/interrog2.gif" style="cursor:help" border="0" width="12" height="11"></A>
nel Levante, come allora si diceva, cioè in Siria, nelle terre dell'Impero d'Oriente, ecc....
</body></html>
dove "tooltip" PIPPO è il tooltip con CSS
l'altro sotto è il vecchio overlib con js
La pagina in linea è questa http://digilander.libero.it/paolore2/temp1/liguria/storia2.html