• 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?

0 głosów
256 wizyt
pytanie zadane 31 października 2015 w HTML i CSS przez Piotrek Karasiński Obywatel (1,890 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 (800 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,440 p.)
Co to jest w linii 9?
komentarz 18 grudnia 2015 przez Tapicera Obywatel (1,400 p.)
Bystre oko Gratulacje :D

Pozdrawiam

Podobne pytania

0 głosów
2 odpowiedzi 108 wizyt
0 głosów
4 odpowiedzi 179 wizyt
pytanie zadane 18 lipca 2015 w C i C++ przez Rappa2 Obywatel (1,490 p.)
0 głosów
1 odpowiedź 129 wizyt
pytanie zadane 20 czerwca 2016 w HTML i CSS przez alus152 Bywalec (2,710 p.)

42,445 zapytań

81,748 odpowiedzi

162,269 komentarzy

20,388 pasjonatów

Przeglądających: 111
Pasjonatów: 2 Gości: 109

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...