Allora ho questo codice:
codice:
[css]
#info {position:relative; z-index:10;}
a, a:visited, a:hover, a:active {}
#gallery {width:750px; position:relative; margin-left: 35px;}
#bg-gallery {background-color: black; width: 200px;}
#gallery .default {position:absolute; top:53px; border:1px solid #888; z-index:-1; background-color: #000000;}
#gallery ul {list-style:none; padding:0; margin:0; width:180px; float:left;}
#gallery ul li {display:inline; width:60px; height:60px; float:right;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; padding:4px; border:1px solid #000;}
#gallery ul li a img {width:50px; height:50px; border:0;}
#gallery ul li a b {position:absolute; left:-9999px; margin-left: 200px; display:block; width:370px; background:#000;}
#gallery ul li a:hover,
#gallery ul li a:active,
#gallery ul li a:focus {white-space:normal; border-color:#000; outline:0;}
#gallery ul li a:hover b {position:absolute; left:0; top:5px; z-index:100;}
#gallery ul li a:active b,
#gallery ul li a:focus b {position:absolute; left:0; top:5px;}
#gallery ul li a b i {display:block; width:570px; height:360px; text-align:center; display:table-cell; vertical-align:middle;}
#gallery ul li a b i img {width:auto; height:auto; border:1px solid #888;}
[/css]
codice HTML:
<div id="gallery">
<ul>
[*][url="#Eragon"][img]http://giacomomaccanti.altervista.org/images/eragon.jpg[/img][b]<span>Eragon</span>[i][img]http://giacomomaccanti.altervista.org/images/eragon.jpg[/img][/i][/b][/url]
[*][url="#Eldest"][img]http://www.saberdragon.at11.clyx.com/Favorites/Eldest.png[/img][b]<span></span>[i][img]http://www.saberdragon.at11.clyx.com/Favorites/Eldest.png[/img][/i][/b][/url]
[*][url="#Brising"][img]http://i491.photobucket.com/albums/rr272/leah_perez/Book%20Covers/i3-brisingr.png[/img][b]<span></span>[i][img]http://i491.photobucket.com/albums/rr272/leah_perez/Book%20Covers/i3-brisingr.png[/img][/i][/b][/url]
[*][url="#Eldunari"][img]http://i300.photobucket.com/albums/nn37/greenskull23119/Eldunari.jpg[/img][b]<span></span>[i][img]http://i300.photobucket.com/albums/nn37/greenskull23119/Eldunari.jpg[/img][/i][/b][/url]
[*][url="#x"][b]<span></span>[i][/i][/b][/url]
[*][url="#x"][b]<span></span>[i][/i][/b][/url]
[*][url="#Nihal della terra del vento"][img]http://fantasy.gamberi.org/wp-content/lt1_nihal.jpg[/img][b]<span></span>[i][img]http://fantasy.gamberi.org/wp-content/lt1_nihal.jpg[/img][/i][/b][/url]
[*][url="#La missione di Sennar"][img]http://medu.myblog.it/media/02/02/1790388514.jpg[/img][b]<span></span>[i][img]http://medu.myblog.it/media/02/02/1790388514.jpg[/img][/i][/b][/url]
[*][url="#Il talismano del potere"][img]http://3.bp.blogspot.com/-_xq0gcI2D8w/TZHRRpNhVeI/AAAAAAAAAMw/IcQwgo6d_DY/s1600/troisi3_1.jpg[/img][b]<span></span>[i][img]http://3.bp.blogspot.com/-_xq0gcI2D8w/TZHRRpNhVeI/AAAAAAAAAMw/IcQwgo6d_DY/s1600/troisi3_1.jpg[/img][/i][/b][/url][*]<a href="#
Il terzo uovo. I draghi di Nalsara">[img]http://www.leggere.it/tmpdocs/Fit_Fit_Normal_200X270_100/C4/Cc/Cc/Cf/d_4ccf6661-8fdc-4335-b29d-233032c03d56.png[/img][b]<span></span>[i][img]http://www.leggere.it/tmpdocs/Fit_Fit_Normal_200X270_100/C4/Cc/Cc/Cf/d_4ccf6661-8fdc-4335-b29d-233032c03d56.png[/img][/i][/b]</a>
[*]<a href="#
Il più vecchio dei dragonieri. I draghi di Nalsara">[img]http://www.leggere.it/tmpdocs/Fit_Fit_Normal_200X270_100/C7/Cc/Cd/C8/d_7cd857b0-0693-4f0e-8409-a157be5ab056.png[/img][b]<span></span>[i][img]http://www.leggere.it/tmpdocs/Fit_Fit_Normal_200X270_100/C7/Cc/Cd/C8/d_7cd857b0-0693-4f0e-8409-a157be5ab056.png[/img][/i][/b]</a>
[*]<a href="#
Complotto a palazzo. I draghi di Nalsara">[img]http://www.leggere.it/tmpdocs/Fit_Fit_Normal_200X270_100/Cf/C4/C2/Ce/d_f42e625c-715f-406d-9c78-f614c6bb846b.png[/img][b]<span></span>[i][img]http://www.leggere.it/tmpdocs/Fit_Fit_Normal_200X270_100/Cf/C4/C2/Ce/d_f42e625c-715f-406d-9c78-f614c6bb846b.png[/img][/i][/b]</a>
[*]<a href="#
La notte degli Elusim. I draghi di Nalsara">[img]http://www.leggere.it/tmpdocs/Fit_Fit_Normal_200X270_100/C9/Cf/Ca/C7/d_9fa75315-cc1c-4b7b-9019-d398b60c0a6e.png[/img][b]<span></span>[i][img]http://www.leggere.it/tmpdocs/Fit_Fit_Normal_200X270_100/C9/Cf/Ca/C7/d_9fa75315-cc1c-4b7b-9019-d398b60c0a6e.png[/img][/i][/b]</a>
[*]<a href="#
La bestia degli abissi. I draghi di Nalsara">[img]http://www.leggere.it/tmpdocs/Fit_Fit_Normal_200X270_100/Cb/C6/C8/C3/d_b683094c-1907-4d7f-afad-1b4ed0b05b68.png[/img][b]<span></span>[i][img]http://www.leggere.it/tmpdocs/Fit_Fit_Normal_200X270_100/Cb/C6/C8/C3/d_b683094c-1907-4d7f-afad-1b4ed0b05b68.png[/img][/i][/b]</a>
[*]<a href="#
La collera del lemure. I draghi di Nalsara">[img]http://www.leggere.it/tmpdocs/Fit_Fit_Normal_200X270_100/Ce/Cf/C4/C6/d_ef46111d-9321-4577-a933-f9da9ab04f99.png[/img][b]<span></span>[i][img]http://www.leggere.it/tmpdocs/Fit_Fit_Normal_200X270_100/Ce/Cf/C4/C6/d_ef46111d-9321-4577-a933-f9da9ab04f99.png[/img][/i][/b]</a>
[/list]
</div>
Vorrei fare in modo che l'immagine che viene fuori dall'anteprima non sconfini in migliaglia di px, ma vorrei dare una grandezza massima o una predefinita... Come faccio?