Ciao a tutti ragazzi sono nuovo del forum 
ho inserito nel mio sito un menù a sinistra, e al centro dovrei mettere uno slideshow con delle immagini, però quando vado a mettere lo slideshow me lo posiziona sotto al menù e invece io lo voglio di fianco al menù come posso fare? vi posto il codice con lo slideshow già inserito grazie mille in anticipo!
ho inserito nel mio sito un menù a sinistra, e al centro dovrei mettere uno slideshow con delle immagini, però quando vado a mettere lo slideshow me lo posiziona sotto al menù e invece io lo voglio di fianco al menù come posso fare? vi posto il codice con lo slideshow già inserito grazie mille in anticipo!
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="w3.org/1999/xhtml" xml:lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Casa vacanze Antica Via Delle Aie</title>
<meta name="author" content="Davide M******" />
<meta name="description" content="Via delle aie casa vacanze e affitta camere situata a Ruffano, lecce" />
<meta name="keywords" content="casa vacanze affitta camere via delle aie Ruffano Salento torrepaduli lecce" />
<link rel="stylesheet" type="text/css" href="stileviadelleaie.css" />
<link rel="stylesheet" type="text/css" href="style2.css" />
<!--caricamento librerie slideshow-->
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery.history.js"></script>
<script type="text/javascript" src="js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
<!--fine del caricamento-->
<!--caricamento CSS file slideshow-->
<link rel="stylesheet" href="basic.css" type="text/css" />
<link rel="stylesheet" href="galleriffic-5.css" type="text/css" />
<link rel="stylesheet" href="black.css" type="text/css" />
</head>
<body>
<!--inizio struttura-->
<h1>Antica Via Delle Aie</h1>
<p style="text-align:center; font-size:24px; font-weight:bold; margin-top:-1px;">
<img src="Immagini/tamburellol.jpg" width="89" height="56" alt="Tamburello" title="Tamburello" />
Dimora storica salentina con balcone sul corso
<img src="Immagini/taranta.jpg" width="89" height="56" alt="Taranta" title="Taranta" /> </p> <br />
<p style="font-weight:bold; font-size:36px; text-decoration:underline; text-align:center; font-family:'Times New Roman',Times, serif; font-style:oblique; margin-top:-25px;">
<img src="Immagini/balcone_index.JPG" width="226" height="169" alt="Via delle aie porta-terra" title="Via delle aie porta terra" />
Ruffano Salento
<img src="Immagini/Stanze_index.jpg" width="250" height="169" alt="Stanze di cesare" title="Stanze di Cesare" />
</p> <br />
<p style="font-family:'Comic Sans MS', cursive; font-size:14px; text-align:center; margin-top:-40px;" >
Titolare DE VITIS Rosetta - Bed and breakfast Affittacamere Aut. Comunale n. 01/06 P. IVA 03052220757
</p><br />
<p style="text-align:center; font-family:'Comic Sans MS', cursive; font-size:16px; font-weight:bold; margin-top:-26px;">
Corso Umberto I°, 30 - 73049 RUFFANO (LECCE) TEL.0833/693014 - 349/3602400
</p><br />
<p style="color:#DFAF20; font-family:'Times New Roman', Times, serif; font-size:16px; text-align:center; font-weight:bold; margin-top:-28px;">
Città del Tamburello,Pizzica e Danza delle Spade con la Nottedisanrocco
</p>
<!--fine struttura principale-->
<!--inizio menu sinistra-->
<div id="container">
<div id="claim"><a href="bed_and_breakfast_economici.cfm">B&B, Guest House, Case Vacanza, Appartamenti, Locande, Ostelli, Country House e soluzioni di microricettività in Italia ai prezzi più bassi!</a></div>
<table border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="180">
<div id="menu-sinistra">
<a href="../" class="gruppo1-home">Home Page</a>
<a href="cerca_geo.cfm" class="gruppo1-mappa">Ricerca su Mappa</a>
<a href="ricerche_speciali.cfm" class="gruppo1-cerca">Ricerche Speciali</a>
<a href="last_minute.cfm" class="gruppo1-last">Last Minute</a>
<a href="ibeb.cfm" class="gruppo1-ibeb">Versione Mobile</a>
</div>
</td>
</tr>
</table>
<!--fine menu a sinistra-->
</div>
<!--Caricamento dello slideshow con relative immagini-->
<div id="page">
<div id="container2">
<div class="navigation-container">
<div id="thumbs" class="navigation">
<a class="pageLink prev" style="visibility: hidden;" href="#" title="Previous Page"></a>
<ul class="thumbs noscript">
<li>
<a class="thumb" name="leaf" href="2538183196_8baf9a8015.jpg" title="Title #0">
<img src="2538183196_8baf9a8015_s.jpg" alt="Title #0" />
</a>
<div class="caption">
<div class="image-title">Title #0</div>
<div class="image-desc">Description</div>
</div>
</li>
<li>
<a class="thumb" name="drop" href="2538171134_2f77bc00d9.jpg" title="Title #1">
<img src="2538171134_2f77bc00d9_s.jpg" alt="Title #1" />
</a>
<div class="caption">
Any html can be placed here ...
</div>
</li>
</ul>
</div>
<a class="pageLink next" style="visibility: hidden;" href="#" title="Next Page"></a>
</div>
</div>
<div class="content">
<div class="slideshow-container">
<div id="controls" class="controls"></div>
<div id="loading" class="loader"></div>
<div id="slideshow" class="slideshow"></div>
</div>
<div id="caption" class="caption-container">
</div>
<!-- End Gallery Html Containers -->
<div style="clear: both;"></div>
</div>
<!--fine dello slideshow-->
<!--opzioni e variabili dello slideshow-->
<script type="text/javascript">
jQuery(document).ready(function($) {
// We only want these styles applied when javascript is enabled
$('div.content').css('display', 'block');
// Initially set opacity on thumbs and add
// additional styling for hover effect on thumbs
var onMouseOutOpacity = 0.67;
$('#thumbs ul.thumbs li, div.navigation a.pageLink').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 1.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});
// Initialize Advanced Galleriffic Gallery
var gallery = $('#thumbs').galleriffic({
delay: 2500,
numThumbs: 10,
preloadAhead: 10,
enableTopPager: false,
enableBottomPager: false,
imageContainerSel: '#slideshow',
controlsContainerSel: '#controls',
captionContainerSel: '#caption',
loadingContainerSel: '#loading',
renderSSControls: true,
renderNavControls: true,
playLinkText: 'Play Slideshow',
pauseLinkText: 'Pause Slideshow',
prevLinkText: '‹ Previous Photo',
nextLinkText: 'Next Photo ›',
nextPageLinkText: 'Next ›',
prevPageLinkText: '‹ Prev',
enableHistory: true,
autoStart: false,
syncTransitions: true,
defaultTransitionDuration: 900,
onSlideChange: function(prevIndex, nextIndex) {
// 'this' refers to the gallery, which is an extension of $('#thumbs')
this.find('ul.thumbs').children()
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
.eq(nextIndex).fadeTo('fast', 1.0);
// Update the photo index display
this.$captionContainer.find('div.photo-index')
.html('Photo '+ (nextIndex+1) +' of '+ this.data.length);
},
onPageTransitionOut: function(callback) {
this.fadeTo('fast', 0.0, callback);
},
onPageTransitionIn: function() {
var prevPageLink = this.find('a.prev').css('visibility', 'hidden');
var nextPageLink = this.find('a.next').css('visibility', 'hidden');
// Show appropriate next / prev page links
if (this.displayedPage > 0)
prevPageLink.css('visibility', 'visible');
var lastPage = this.getNumPages() - 1;
if (this.displayedPage < lastPage)
nextPageLink.css('visibility', 'visible');
this.fadeTo('fast', 1.0);
}
});
/**************** Event handlers for custom next / prev page links **********************/
gallery.find('a.prev').click(function(e) {
gallery.previousPage();
e.preventDefault();
});
gallery.find('a.next').click(function(e) {
gallery.nextPage();
e.preventDefault();
});
/****************************************************************************************/
/**** Functions to support integration of galleriffic with the jquery.history plugin ****/
// PageLoad function
// This function is called when:
// 1. after calling $.historyInit();
// 2. after calling $.historyLoad();
// 3. after pushing "Go Back" button of a browser
function pageload(hash) {
// alert("pageload: " + hash);
// hash doesn't contain the first # character.
if(hash) {
$.galleriffic.gotoImage(hash);
} else {
gallery.gotoIndex(0);
}
}
// Initialize history plugin.
// The callback is called at once by present location.hash.
$.historyInit(pageload, "advanced.html");
// set onlick event for buttons using the jQuery 1.3 live method
$("a[rel='history']").live('click', function(e) {
if (e.button != 0) return true;
var hash = this.href;
hash = hash.replace(/^.*#/, '');
// moves to a new page.
// pageload is called at once.
// hash don't contain "#", "?"
$.historyLoad(hash);
return false;
});
/****************************************************************************************/
});
</script>
</div>
</body>
</html>
