Forum PHP.pl > [HTML][CSS][JavaScript] brak podpowiedzi

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS][JavaScript] brak podpowiedzi

DawPi

29.12.2008, 13:05:58

Witam,

próbuję dostosować stronę pod działanie takich oto podpowiedzi opisanych na stronie Pojawiająca się podpowiedź.

Wszystko byłoby OK gdyby nie dziwny 'szary' kolor' w CSSie widoczny w FireBugu:

Nie wiem co to oznacza. Widzę też, że nie zamknęło mi tego tagu </div> z nieznanego mi powodu.

Oczywiście wpisy w sekcji head dotyczące owych dwóch plików .js są poprawne ( istnieją ), to samo CSS oraz grafika.

Chętnie wysłucham wszelkich sugestii i pomysłów.

Dziękuję,
DawPi

nevt

29.12.2008, 15:42:59

zapis <div ... /> jest niepoprawny
powinno być <div ...></div>

DawPi

29.12.2008, 19:34:50

Niestety na .js się nie znam, oto ten plik generujący ww. kod:

Kod

$(document).ready(function(){

    $("a.zoom").prepend("<div class=\"zoombutton\"></div>");

    $("a.zoom").children(".zoombutton").hide();

    $("a.zoom").hover(
      function () {

            $(this).children(".zoombutton").fadeIn("slow");

      },
      function () {
               $(this).children(".zoombutton").fadeOut("slow");
      }
    );
  });

function center() {
    $(".zoom img").each(function(){
            var wys;
            var szer;

            wys = $(this).height();
            wys = (wys / 2) - 25;

            szer = $(this).width();
            szer = (szer / 2) - 75;

            $(this).parent().children(".zoombutton").css({ top:wys, left:szer });

        });
}

Skie

29.12.2008, 19:40:49

Cytat(nevt @ 29.12.2008, 15:42:59 )

zapis <div ... /> jest niepoprawny
powinno być <div ...></div>

Jeżeli DIV nie ma żadnej zawartości do <div .../> jest poprawne.

A szary kolor jest dlatego ze jest display: none; na szaro FireBug zaznacza elementy które są niewidoczne na stronie.

batman

29.12.2008, 19:43:25

Ale w czym masz problem? W zrozumieniu tego co pokazuje firebug, czy masz jakiś problem z kodem?
To, że coś jest wyszarzone w firebug-u oznacza, że nie jest to widoczne na stronie - innymi słowy display: none;
A zapis <div /> jest żywcem wzięty z XML-a i oznacza to samo co <div></div>. Nie wiem dlaczego autorzy tego dodatku uparli się na taki zapis. W źródle strony jest na pewno poprawnie zapisany.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.