Ho inserito una mappa e dei punti di interesse, se clickate sui punti di interesse si apre un fumetto contenente una descrizione testuale della zona. La descrizione è un po' lunga e va fuori al fumetto...vorrei avere fumetti un po' più alti che riescano a contenere tutto il testo,è possibile?
La pagina è questa:
http://www.siatec.net/andrea/archivi...dovesiamo.html
ed il codice è:
Graziecodice:<!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> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="_your description goes here_" /> <meta name="keywords" content="_your,keywords,goes,here_" /> <meta name="author" content="Andrea Nobili http://www.siatec.net/andrea/fotografia/" /> <link rel="stylesheet" type="text/css" href="default.css" media="screen" title="Esempio Sito Case Vacanze" /> <link rel="stylesheet" type="text/css" href="print.css" media="print" /> <title>Esempio Sito Case Vacanze</title> <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAALgHsR4P4d7X_xjT6drMbhhSWWOPpqCtb0cp6_TTtdxQ2TwQu0RQHF0eqD6ZVcsKCWCqPvhEoXE1neg" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function showMap() { if (GBrowserIsCompatible()) { // Ottiene l'elemento della pagina chiamato "map" (il DIV) // e crea la mappa utilizzandolo come contenitore. var map = new GMap2(document.getElementById("map")); // Aggiunge dei controlli per lo zoom e lo spostamento map.addControl(new GSmallMapControl()); // Centra la mappa su Roma, con uno zoom di 5 map.setCenter(new GLatLng(37.505368,13.087463), 9); // Crea un nuovo marker nel punto specificato // con una descrizione HTML associata function createMarker(point, description) { var marker = new GMarker(point); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(description); }); return marker; } map.addOverlay( createMarker(new GLatLng(37.400165,13.282471), "Eraclea Minoa:Scavi archeologici di grane rilevanza tra cui il teatro costruito alla fine del V secolo a.C, il quartiere delle abitazioni ellenistiche e romane e l'antiquarium che raccoglie reperti dell'abitato e della necropoli, sono inoltre parzialmente visibili la cinta muraria costruita tra la fine del VI e la fine del IV secolo a.C., della lunghezza stimata di circa 6 chilometri e le 8 torri quadrate") ); map.addOverlay( createMarker(new GLatLng(37.602808,12.969017), "Menfi:Castello Svevo risalente al 1238 Torre Federiciana e palazzo baronale Pignatelli Chiesa Madre dedicata a Sant'Antonio dio Padova Chiesa di San Giuseppe del 1715 Chiesa di San Rocco del 1851 Scavi archeologici età del bronzo") ); } } //]]> </script> </head> <body onload="showMap();" onunload="GUnload()"><div id="wrap"> <div id="header"></div> <div id="avmenu"> <h2 class="hide">Menu:</h2> <ul>[*]Home[*]I luoghi e la natura[*]Sciacca Terme[*]Come Raggiungerci[*]I nostri Trilocali[*]Affitto Villetta[*]Contatti[/list] <div class="announce"> <span class="bold">Città:</span> Sciacca Terme</p> <span class="bold">Stato:</span> Italia</p> <span class="bold">Regione:</span> Sicilia</p> <span class="bold">Nome abitanti:</span> Saccensi</p> <span class="bold">Santo patrono:</span> Maria SS. del Soccorso</p> <span class="bold">Giorno festivo:</span> 2 Febbraio</p> <span class="bold">Prodotti tipici:</span> Olio, Vino, Prodotti ittici conservieri, Ceramica artistica</p> </div> <div class="announce"> <h3>Ultime Notizie:</h3> Gennaio 15, 2007: NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS.</p> <p class="textright">Leggi il resto...</p> </div> </div> <div id="extras"> <h3>Altre info:</h3> Potete contattarci telefonicamente al seguente numero: 000111222333</p> <h3>Links utili:</h3> - Wiki Sciacca - Ristoranti - Discoteche - Diving Center </p></p> </div> <div id="content"> <h2 class="testo">Dove siamo e cosa c'è intorno a noi:</h2> <p class="testo">Questa sezione del sito oltre a mostrare la precisa localizzazione geografica e ad aiutarti a trovare la strada su come raggiungerci mette in evidenza anche i punti di interesse della zona di Sciacca Terme facilmente raggiungibili per scoprire il territorio e fare gite emozionanti ed indimenticabili</p> <div id="map"> Your browser doesn't support Google Maps or Javascript is turned off. </div> </div> <div id="footer"> Copyright © 2007 Andrea Nobili WebMaster. Design by Andrea Nobili. </div> </div> </body> </html>
Andrea

Rispondi quotando