Zrobiłem galerię zdjęć, ale jak najadę myszką na "Zdjęcie 4" to nie wyświetla mi się obok jako duże zdjęcie. A to mój kod
<!DOCTYPE HTML>
<html lang="pl">
<head>
<link rel="Shortcut icon" href="brucewszechmogacy.jpg">
<meta charset="utf-8">
<script type="text/php">
</script>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Witaj na naszej stronie, tu znajdziesz opisy
znanych komedii - Bruce wszechmogący</title>
<script type="text/javascript">
function odliczanie()
{
var dzisiaj = new Date();
var dzien = dzisiaj.getDate();
var miesiac = dzisiaj.getMonth()+1;
var rok = dzisiaj.getFullYear();
var godzina = dzisiaj.getHours();
if (godzina<10) godzina = "0"+godzina;
var minuta = dzisiaj.getMinutes();
if (minuta<10) minuta = "0"+minuta;
var sekunda = dzisiaj.getSeconds();
if (sekunda<10) sekunda = "0"+sekunda;
document.getElementById("zegar").innerHTML = dzien+"/"+miesiac+"/"+rok+" | "+godzina+":"+minuta+":"+sekunda;
setTimeout("odliczanie()",1000);
}
</script>
<meta name="description" content="Strona opisuje znane i lubiane komedie">
<meta name="keywords" content="Komedie, bruce wszechmogący">
<style>
#container
{
width: 1000px;
margin-left: auto;
margin-right: auto; }
#logo
{
background-color: blue;
text-align: center;
padding: 10px;
color: chartreuse;
}
#nav
{
float: left;
background-color: chartreuse;
width: 110px;
min-height: 800px;
padding: 15px;
}
#content
{
float: left;
padding: 10px;
width: 730px;
}
#other
{
float: left;
width: 80px;
min-height: 800px;
padding: 15px;
color: chartreuse;
background-color: chocolate;
}
#footer
{
clear: both;
background-color: black;
color: aqua;
text-align: center;
padding: 10px;
}
* {
margin: 0;
padding: 0;
}
.css_gallery {
margin: 0 auto;
width: 720px; /* szerokosc najszerszego zdjęcia + szerokosc miniatur + 40px luzu */
position: relative;
overflow: hidden;
}
.css_gallery ul {
list-style-type: none;
width: 192px; /* szerokosc miniatur */
height: 375px; /* wysokosc najwyzszego zdjecia + miejsce na ewentualny opis zdjec */
overflow: auto;
padding: 0;
float: left;
margin: 0 0 30px 0;
}
.css_gallery li {
display: block;
width: 152px; /* szerokosc miniatury + ew. obramowanie obrazka */
height: 152px; /* wysokosc miniatury + ew. obramowanie obrazka */
padding: 5px 20px 5px 0;
margin: 0;
}
.css_gallery li img {
border: 1px solid #000;
max-width: 500px;
max-height: 500px;
}
.css_gallery li div {
display: none;
}
.css_gallery ul:hover li:first-child div {
display: none;
}
.css_gallery li:hover div
,.css_gallery ul li:first-child div
,.css_gallery ul li:first-child:hover div {
display: block;
position: absolute;
left: 220px; /* szerokosc <ul> + padding <ul> + 20px */
top: 0;
}
</style>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 0);" alink="#000099" link="#000099" vlink="#990099" onload="odliczanie();">
<div id="container">
<div id="logo">
<h1>Komedie</h1>
</div>
<div id="nav"> <a href="index.html">Bruce
wszechmogący</a><br>
<a href="trumanshow.html">Truman show</a><br>
<a href="klamcaklamca.html">Kłamca kłamca</a><br>
<a href="garfield.html">Garfield</a><br>
<a href="swiatwedlugkiepskich.html">Świat według Kiepskich</a><br>
<a href="dzis13jutro30.html">Dziś 13 jutro 30</a><br>
<a href="klikirobiszcochcesz.html">Klik i robisz co chcesz</a><br>
<a href="maly.html">Mały</a><br>
<a href="rodzinka_pl.html">Rodzinka.pl</a><br>
</div>
<div id="content">
<h1>Bruce wszechmogący</h1>
<h2>Opis</h2>
<h4>Buffalo w stanie Nowy Jork. Bruce Nolan (Jim Carrey) pracuje
w lokalnej stacji telewizyjnej. W jego życiu jest wiele
powodów do zadowolenia - ma ładny dom i kochającą dziewczynę
Grace Connelly (Jennifer Aniston). Bruce nie czuje się jednak
szczęśliwy. Jego praca nie przynosi mu satysfakcji. Do tej pory
realizował jedynie mało ważne reportaże, choć on sam uważa, że powinien
być prezenterem głównego wydania wiadomości. Kiedy jego
rywal Evan Baxter (Steve Carell) awansuje, Bruce nie może tego znieść.
Wybucha, będąc na wizji. Zostaje wyrzucony z pracy, wdaje się w
bójkę, a na koniec kłóci się z ukochaną. Jadąc
samochodem, prosi Boga o cud, a potem zaczyna go wyklinać.
Nieoczekiwanie Bóg (Morgan Freeman) spełnia jego prośbę i
czyni go "wszechmogącym". Nolan ma władzę absolutną, podczas gdy
Bóg udaje się na zasłużony urlop. Teraz Bruce może
zrealizować każde marzenie. Zdobywa uznanie, sukces, ale nie docenia
innych wartości. W końcu odchodzi od niego Grace. Uświadamia sobie
wtedy, że naprawdę szczęśliwy może być tylko z tą kobietą u boku.
Postanawia znowu być sobą i odzyskać jej miłość...</h4>
<div class="css_gallery">
<ul>
<li>
<img src="http://1.fwcdn.pl/ph/78/89/37889/133756.2.jpg" alt="Zdjęcie 1" />
<div>
<img src="http://1.fwcdn.pl/ph/78/89/37889/133756.2.jpg" height="600" width="800" alt="Zdjęcie 1" />
</div>
</li>
<li>
<img src="http://www.cyfraplus.pl/misc/base/galeria/bruce_wszechmogacy_005.jpg" height="180" width="180" alt="Zdjęcie 2" />
<div>
<img src="http://www.cyfraplus.pl/misc/base/galeria/bruce_wszechmogacy_005.jpg" alt="Zdjęcie 2" />
</div>
</li>
<li>
<img src="http://kk.i1.fdbimg.pl/knxexk_kzt3vh.jpg" height="180" width="180" alt="Zdjęcie 3" />
<div>
<img src="http://kk.i1.fdbimg.pl/knxexk_kzt3vh.jpg" height="600" width="800" alt="Zdjęcie 3" />
</div>
</li>
<li>
<img src="http://www.wyrwanezkontekstu.pl/wp-content/uploads/2014/10/bruce.jpg" height="180" width="180" alt="Zdjęcie 4" />
<div>
<img src="http://www.wyrwanezkontekstu.pl/wp-content/uploads/2014/10/bruce.jpg" height="600" width="800" alt="Zdjęcie 4" />
</div>
<img src="http://img1.tokino.tv/upload/album_419/6b65e72c7860e59518ec0f47a2bd6841.jpg" height="180" width="180" alt="Zdjęcie 5" />
<div>
<img src="http://img1.tokino.tv/upload/album_419/6b65e72c7860e59518ec0f47a2bd6841.jpg" height="600" width="800" alt="Zdjęcie 5" />
</div>
</li>
</ul>
</div>
</div>
<div id="other">
Data i czas
<div id="zegar"></div>
</div>
<div id="footer"> Komedie dla Ciebie ©Wszelkie
prawa zastrzeżone </div>
</div>
<script type="text/javascript">
</script>
</body>
</html>