Centrare galleria immagine

lukissimo81

Utente Attivo
28 Ago 2013
34
0
0
Ciao ragazzi, ho inserito una galleria immagine in una pagina del sito (www.pclabstore.com/pizza/galleria.html) come posso centrarla?
Poi ho notato che le frecce non si vedono quando clicco sull anteprima.
Potete dire dove sbaglio?

Grazie


Codice:
</script>
</head>
<body>
<div id="dhtmlgoodies_slideshow">
	<div id="previewPane">
		<img src="gallery/images/image1_big.jpg">
		<span id="waitMessage">Pizza in arrivo!!</span>	
		<div id="largeImageCaption">Pizza pronta!!</div>
	</div>
	<div id="galleryContainer">
		<div id="arrow_left"><img src="gallery/images/arrow_left.gif"></div>
		<div id="arrow_right"><img src="gallery/images/arrow_right.gif"></div>
		<div id="theImages">
				<!-- Thumbnails -->
				<a href="#" onclick="showPreview('gallery/images/image1_big.jpg','1');return false"><img src="gallery/images/image1.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image2_big.jpg','2');return false"><img src="gallery/images/image2.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image3_big.jpg','3');return false"><img src="gallery/images/image3.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image4_big.jpg','4');return false"><img src="gallery/images/image4.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image5_big.jpg','5');return false"><img src="gallery/images/image5.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image6_big.jpg','6');return false"><img src="gallery/images/image6.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image7_big.jpg','7');return false"><img src="gallery/images/image7.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image8_big.jpg','8');return false"><img src="gallery/images/image8.jpg"></a><a href="#" onclick="showPreview('gallery/images/image9_big.jpg','9');return false"><img src="gallery/images/image9.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image10_big.jpg','10');return false"><img src="gallery/images/image10.jpg"></a>				<a href="#" onclick="showPreview('gallery/images/image11_big.jpg','11');return false"><img src="gallery/images/image11.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image12_big.jpg','12');return false"><img src="gallery/images/image12.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image13_big.jpg','13');return false"><img src="gallery/images/image13.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image14_big.jpg','14');return false"><img src="gallery/images/image14.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image15_big.jpg','15');return false"><img src="gallery/images/image15.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image16_big.jpg','16');return false"><img src="gallery/images/image16.jpg"></a><a href="#" onclick="showPreview('gallery/images/image17_big.jpg','71');return false"><img src="gallery/images/image17.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image18_big.jpg','18');return false"><img src="gallery/images/image18.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image19_big.jpg','19');return false"><img src="gallery/images/image19.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image20_big.jpg','20');return false"><img src="gallery/images/image20.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image21_big.jpg','21');return false"><img src="gallery/images/image21.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image22_big.jpg','22');return false"><img src="gallery/images/image22.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image23_big.jpg','23');return false"><img src="gallery/images/image23.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image24_big.jpg','24');return false"><img src="gallery/images/image24.jpg"></a><a href="#" onclick="showPreview('gallery/images/image25_big.jpg','25');return false"><img src="gallery/images/image25.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image26_big.jpg','26');return false"><img src="gallery/images/image26.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image27_big.jpg','27');return false"><img src="gallery/images/image27.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image28_big.jpg','28');return false"><img src="gallery/images/image28.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image29_big.jpg','29');return false"><img src="gallery/images/image29.jpg"></a>	
				<!-- End thumbnails -->
				<!-- Image captions -->	
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
                <div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
                <div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
                <div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<!-- End image captions -->
				
				
		  <div id="slideEnd"></div>
		</div>
	</div>
</div>
</body>
</html>
    </div>
 

BayLollo

Utente Attivo
28 Ago 2014
84
0
6
Per centrare la slideshow, nel file con gli stili CSS aggiungi a "#dhtmlgoodies_slideshow" "margin: 0 auto;". Invece, se vuoi modificare le dimensioni della slideshow estendola per tutta la lunghezza del "contenitore", togli "width: 600px".

Con "Poi ho notato che le frecce non si vedono quando clicco sull anteprima.", intendi questo?
http://i.gyazo.com/d46b9bc7137c203530d590fa230e0ee1.png

Saluti
 
Discussioni simili
Autore Titolo Forum Risposte Data
Shyson Centrare box css HTML e CSS 2
M [PHP] [HTML] Centrare in verticale un pulsante in una tabella PHP 3
Andrea_Ventura [HTML] Problema centrare elemento orizzontalmente HTML e CSS 9
S [HTML] Centrare verticalmente il testo in div HTML e CSS 2
F [HTML] Centrare testo rispetto l'immagine HTML e CSS 1
elpirata [HTML] Non riesco a centrare menu orizzontale HTML e CSS 5
L Problema per centrare titolo PopUp HTML e CSS 5
A centrare iframe con div HTML e CSS 2
ecosito Google Maps: Centrare il marker ed editare il fumetto PHP 1
LuigiDonato Centrare Tabella HTML e CSS 10
N Centrare il testo verticalmente in una div. HTML e CSS 2
R Centrare un DIV per renderlo visibile su qualsiasi monitor HTML e CSS 12
F Centrare slider div HTML e CSS 1
asevenx problema per centrare sito HTML e CSS 5
A centrare la pagina con Js Javascript 1
R Come centrare il testo in un paragrafo con sfondo colorato? HTML e CSS 2
asevenx centrare sito con div HTML e CSS 7
Z centrare verticalmente il testo di un button HTML e CSS 1
Marcolotto Centrare un testo (orizzontalmente e verticalmente) in una TextView Android Sviluppo app per Android 1
E Centrare finestra popup Javascript 7
A centrare una tabella HTML e CSS 3
W Centrare immagine con Bootstrap [era: Centrare div con bootstrap] HTML e CSS 2
C centrare pagine sito HTML e CSS 17
V centrare un layout a qualunque risoluzione HTML e CSS 3
M Centrare un DIV nel BODY (usando i CSS) HTML e CSS 1
I Centrare un layout al centro della pagina HTML e CSS 8
M Centrare un sito con tutti i browser HTML e CSS 22
Nyl Centrare pagina HTML e CSS 7
D Centrare del testo all'interno di un DIV ? HTML e CSS 3
D Centrare menù HTML e CSS 2
Oscar83 Si possono centrare automaticamente i CSS?? HTML e CSS 2
N Non riesco a centrare l'immagine di sfondo Webdesign e Grafica 9
D Centrare Un Pulsante Webdesign e Grafica 12
D Centrare IMG tramite action script Flash 2
simoncino Centrare pagine con Dreamweaver Webdesign e Grafica 1
M Centrare un logo in tutte le risoluzioni.... HTML e CSS 4
nourdine centrare verticalmente un div HTML e CSS 1
F Centrare la pagina HTML e CSS 8
F [PHP] Galleria immagini PHP 6
Z Problema Galleria Javascript Javascript 1
V Galleria con CSS e Javascript Javascript 2
I [CSS] Galleria immagini non funziona HTML e CSS 12
M [wordpress-galleria immagini]Inserire classe php in html PHP 0
J Creata galleria fotografica con Adobe Bridge ...... Webdesign e Grafica 7
L [php e xml] per creare una galleria fotografica con diversi file xml PHP 0
S Galleria fotografica con geotag Webdesign e Grafica 14
ANDREA20 [HTML] galleria immagini HTML e CSS 2
T Galleria fotografica con valutazione HTML e CSS 5
asevenx cerco plugin per miniature galleria fotografica in widjet WordPress 1
M element style immodificabile dentro una galleria javascript Javascript 6

Discussioni simili