• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Gdzie jest błąd w tym kodzie?

VPS Starter Arubacloud
0 głosów
374 wizyt
pytanie zadane 31 października 2015 w HTML i CSS przez Piotrek Karasiński Obywatel (1,870 p.)
zmienione kategorie 18 grudnia 2015 przez Arkadiusz Waluk

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&oacute;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ł&oacute;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&oacute;jkę, a na koniec kł&oacute;ci się z ukochaną. Jadąc
samochodem, prosi Boga o cud, a potem zaczyna go wyklinać.
Nieoczekiwanie B&oacute;g (Morgan Freeman) spełnia jego prośbę i
czyni go "wszechmogącym". Nolan ma władzę absolutną, podczas gdy
B&oacute;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 &copy;Wszelkie
prawa zastrzeżone </div>

</div>
<script type="text/javascript">
    
    </script>
</body>
</html>

 

3 odpowiedzi

+1 głos
odpowiedź 31 października 2015 przez Wiktor Majchrzak Użytkownik (760 p.)
wybrane 31 października 2015 przez Piotrek Karasiński
 
Najlepsza
Po zamkykającym znaczniku div na linii 211 powinieneś zamknąć znacznik li
0 głosów
odpowiedź 31 października 2015 przez Michau Xlow Pasjonat (15,190 p.)
<div class="css_gallery">
    <ul>
        <li>
            <img src="<a href="http://1.fwcdn.pl/ph/78/89/37889/133756.2.jpg" "="" rel="nofollow" target="_blank" original-title="" title="">http://1.fwcdn.pl/ph/78/89/37889/133756.2.jpg"</a> alt="Zdjęcie 1" />
            <div>
                <img src="<a href="http://1.fwcdn.pl/ph/78/89/37889/133756.2.jpg" "="" rel="nofollow" target="_blank" original-title="" title="">http://1.fwcdn.pl/ph/78/89/37889/133756.2.jpg"</a> height="600" width="800" alt="Zdjęcie 1" />
            </div>
        </li>
        <li>
            <img src="<a href="http://www.cyfraplus.pl/misc/base/galeria/bruce_wszechmogacy_005.jpg" "="" rel="nofollow" target="_blank" original-title="" title="">http://www.cyfraplus.pl/misc/base/galeria/bruce_wszechmogacy_005.jpg"</a> height="180" width="180" alt="Zdjęcie 2" />
            <div>
                <img src="<a href="http://www.cyfraplus.pl/misc/base/galeria/bruce_wszechmogacy_005.jpg" "="" rel="nofollow" target="_blank" original-title="" title="">http://www.cyfraplus.pl/misc/base/galeria/bruce_wszechmogacy_005.jpg"</a> alt="Zdjęcie 2" />
            </div>
        </li>
        <li>
            <img src="<a href="http://kk.i1.fdbimg.pl/knxexk_kzt3vh.jpg" "="" rel="nofollow" target="_blank" original-title="" title="">http://kk.i1.fdbimg.pl/knxexk_kzt3vh.jpg"</a> height="180" width="180" alt="Zdjęcie 3" />
            <div>
                <img src="<a href="http://kk.i1.fdbimg.pl/knxexk_kzt3vh.jpg" "="" rel="nofollow" target="_blank" original-title="" title="">http://kk.i1.fdbimg.pl/knxexk_kzt3vh.jpg"</a> height="600" width="800" alt="Zdjęcie 3" />
            </div>
        </li>
        <li>
            <img src="<a href="http://www.wyrwanezkontekstu.pl/wp-content/uploads/2014/10/bruce.jpg" "="" rel="nofollow" target="_blank" original-title="" title="">http://www.wyrwanezkontekstu.pl/wp-content/uploads/2014/10/bruce.jpg"</a> height="180" width="180" alt="Zdjęcie 4" />
            <div>
               <img src="<a href="http://www.wyrwanezkontekstu.pl/wp-content/uploads/2014/10/bruce.jpg" "="" rel="nofollow" target="_blank" original-title="" title="">http://www.wyrwanezkontekstu.pl/wp-content/uploads/2014/10/bruce.jpg"</a> height="600" width="800" alt="Zdjęcie 4" />
            </div>
      
        </li>


Na końcu nie dodałeś zamknięcia </li> (linijka 211, przed zamknieciem div).

0 głosów
odpowiedź 18 grudnia 2015 przez Mateusz11 Pasjonat (22,910 p.)
Co to jest w linii 9?
komentarz 18 grudnia 2015 przez Tapicera Obywatel (1,320 p.)
Bystre oko Gratulacje :D

Pozdrawiam

Podobne pytania

0 głosów
3 odpowiedzi 260 wizyt
0 głosów
4 odpowiedzi 289 wizyt
pytanie zadane 18 lipca 2015 w C i C++ przez Rappa2 Obywatel (1,540 p.)
0 głosów
1 odpowiedź 220 wizyt
pytanie zadane 20 czerwca 2016 w HTML i CSS przez alus152 Bywalec (2,690 p.)

92,452 zapytań

141,262 odpowiedzi

319,077 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...