Forum graficzne Burning-Brushes.pl

Problem z html

Kenty^

  • Administrator
  • *****
      • Zobacz profil
      • Forum Graficzne
    Elo, mam taki kod:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
      <style>
    <!--
    body {background-color:#2C2D2D; font-size:13px; color:#000000;}

    #calosc {width:935px; margin:0 auto;}

    #top {width:935px; height:259px; float:left;}
    .top1 {width:319px; height:259px; float:left; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_02.jpg) no-repeat;}
    .top2 {width:328px; height:259px; float:left; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_03.jpg) no-repeat;}
    .top3 {width:288px; height:259px; float:left; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_04.jpg) no-repeat;}
    #menu {width:935px; height:39px; float:left;}
    #menu a.mojeaukcje {width:187px; height:39px; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_06.jpg) no-repeat}
    #menu a.komentarze {width:178px; height:39px; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_07.jpg) no-repeat}
    #menu a.dodajdoulubionych {width:183px; height:39px; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_08.jpg) no-repeat}
    #menu a.napiszemail {width:179px; height:39px; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_09.jpg) no-repeat}
    #menu a.stronaomnie {width:208px; height:39px; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_10.jpg) no-repeat}
    #menu a {text-decoration:none; margin:0px; float:left;}

    #content {width:935px; float:left; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_23.jpg) repeat-y;}
    #leftpanel {width:261px; float:left;}
    .kontakt-top {width:261px; height:44px; float:left; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_11.jpg) no-repeat; }

    .platnosci-top {width:261px; height:51px; float:left; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_16.jpg) no-repeat; }

    .wysylka-top {width:261px; height:55px; float:left; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_18.jpg) no-repeat; }

    .regulamin-top {width:261px; height:51px; float:left; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_20.jpg) no-repeat; }

    #leftpanel .tekst {width:261px; float:left;  background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_13.jpg) repeat-y;}
    #leftpanel .t {width:245px; margin-left:8px; float:left;}
    #leftpanel .stopka {width:261px; height:24px; float:left; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_22.jpg) no-repeat;}

    #rightpanel {width:674px; float:left;}
    #rightpanel .top {width:674px; height:44px; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_12.jpg) no-repeat; float:left;}
    #rightpanel .trescaukcji {width:674px; float:left;}
    #rightpanel .galeria {width:674px; float:left; text-align:center;}

    #stopka {width:935px; height:47px; float:left;}
    .stopka1 {width:125px; height:47px; float:left; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_24.jpg) no-repeat;}
    .stopka2 {width:288px; height:47px; float:left; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_25.jpg) no-repeat;}
    .stopka3 {width:253px; height:47px; float:left; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_26.jpg) no-repeat;}
    .stopka4 {width:186px; height:47px; float:left; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_27.jpg) no-repeat;}
    .stopka5 {width:83px; height:47px; float:left; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_28.jpg) no-repeat;}
    -->
      </style>
    </head>
    <body>
    <div id="calosc">
    <div id="top">
    <div class="top1"></div>
    <div class="top2"></div>
    <div class="top3"></div>
    </div>
    <div id="menu"> <a href="#" class="mojeaukcje"
     title="Moje aukcje"></a> <a href="#"
     class="komentarze" title="Komentarze"></a> <a
     href="#" class="dodajdoulubionych"
     title="Dodaj do ulubionych"></a> <a href="#"
     class="napiszemail" title="Napisz email"></a> <a
     href="#" class="stronaomnie" title="Strona o mnie"></a>
    </div>
    <div id="content">
    <div id="leftpanel">
    <div class="kontakt-top"></div>
    <div class="tekst">
    <div class="t"> Dariusz Podliski<br>
    ul.Fredry 20/13<br>
    43-600 Jaworzno<br>
    <br>
    Adres e-mail: dariusz@podliski.pl<br>
    Gadu-Gadu: <a href="gg:957951"><img
     src="http://status.gadu-gadu.pl/users/status.asp?id=957951&amp;styl=3"
     style="border: 0px none ; margin-top: 5px;" alt="Gadu-Gadu"></a>
    </div>
    </div>
    <div class="platnosci-top"></div>
    <div class="tekst">
    <div class="t"> Wpłaty należy dokonywać na konto :<br>
    <img
     src="http://www.bankinfo.pl/http://www.pobierzszablon.pl/online/58/images/pkobp.jpg"
     style="margin-left: 90px;"><br>
    <br>
    Nr konta: 41 1020 2528 0000 0002 0225 4183 </div>
    </div>
    <div class="wysylka-top"></div>
    <div class="tekst">
    <div class="t"> Wysyłka pocztą polską zaraz po
    zaksięgowaniu wpłaty na koncie.<br>
    <br>
    Przesyłka priorytetowa + 15zł <br>
    Przesyłka ubezpieczona + 9zł <br>
    </div>
    </div>
    <div class="regulamin-top"></div>
    <div class="tekst">
    <div class="t"> Nie wysyłam za pobraniem.<br>
    Osoby bez pełnej aktywacji konta proszone są o potwierdzenie zakupu.<br>
    Nie sprzedaje towaru poza aukcją.<br>
    </div>
    </div>
    <div class="stopka"></div>
    </div>
    <div id="rightpanel">
    <div class="top"></div>
    <div class="trescaukcji"> Wszystkie nasze szablony
    działają poprawnie pod każdą przeglądarką<br>
    Dzięki profesjonalnemu cięciu xhtml/css i budowie szablonu na DIV'ach,
    obsługa i edycja szablonu nie sprawia dużych problem&oacute;w.<br>
    <br>
    Wszystkie zdjęcia, pliki do szablonu znajdują się na naszych serwerach
    dzięki czemu możesz korzystać z szablonu do woli, nie martwiąc się o
    hosting(serwer).<br>
    <br>
    Tutaj znajduje się przykładowa treść aukcji + opis aukcji. <br>
    Wielkość, kolor tekstu można dobrowolnie zmieniać za pomocą edytora
    allegro.<br>
    <br>
    Długość wszystkich paneli bocznych oraz całego szablonu dopasowywana
    jest ksiazkimatycznie do długości tekstu, dlatego nie musisz martwić o
    to co znajdzie się na aukcji - szablon sam się dopasuje.<br>
    <br>
    <br>
    Dziękujemy serdecznie za pobranie szablonu z serwisu <a
     href="http://www.pobierzszablon.pl"
     title="Darmowe szablony allegro">PobierzSzablon.pl</a>
    <br>
    <br>
    <br>
    Jeśli masz problem z poprawnym wyświetlaniem szablonu zapraszamy na
    nasze forum <a href="http://www.pobierzszablon.pl/forum/index.php"
     title="Forum pomocy allegro">Forum porad allegro</a> </div>
    <div class="galeria"><galeria></galeria></div>
    </div>
    </div>
    <div id="stopka">
    <div class="stopka1"></div>
    <div class="stopka2"></div>
    <div class="stopka3"></div>
    <div class="stopka4"></div>
    <div class="stopka5"></div>
    </div>
    </div>
    </body>
    </html>

    I w to miejsce:
    #top {width:935px; height:259px; float:left;}
    .top1 {width:319px; height:259px; float:left; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_02.jpg) no-repeat;}
    .top2 {width:328px; height:259px; float:left; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_03.jpg) no-repeat;}
    .top3 {width:288px; height:259px; float:left; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_04.jpg) no-repeat;}
    Chce wstawić swoje własne obrazki, które mam zrobione. Ale gdy to zrobie to logo wyświetla się, ale belka z menu, czyli ten kod:
    #menu {width:935px; height:39px; float:left;}
    #menu a.mojeaukcje {width:187px; height:39px; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_06.jpg) no-repeat}
    #menu a.komentarze {width:178px; height:39px; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_07.jpg) no-repeat}
    #menu a.dodajdoulubionych {width:183px; height:39px; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_08.jpg) no-repeat}
    #menu a.napiszemail {width:179px; height:39px; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_09.jpg) no-repeat}
    #menu a.stronaomnie {width:208px; height:39px; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_10.jpg) no-repeat}
    #menu a {text-decoration:none; margin:0px; float:left;}
    w ogóle się nie wyświetla i nie wiem dlaczego tak się dzieje. Dodatkowo po zapisaniu w takim stanie zamiast polskich liter wyświetlają się krzaczki. Co może być nie tak w kodzie?? Obrazki są wymiarowe.

    Podziękuje za pomoc :P


    EDIT: to obrazki:
    http://zapodaj.net/images/7ceb541c1b88.jpg
    http://zapodaj.net/images/7f15bc4c7d45.jpg
    http://zapodaj.net/images/2a2d6e790c18.jpg

    dodatkowo muszę jeszcze podmienić kilka belek od menu.
    « Ostatnia zmiana: Listopad 26, 2009, 09:59:46 wysłana przez Kenty^ »


    poprostu zapisz sobie obrazki do katalogu "images" (nazwy możesz pozmieniać lub tak jak jest czyli:

    #top {width:935px; height:259px; float:left;}
    .top1 {width:319px; height:259px; float:left; background: url(./images/ksiazki_02.jpg) no-repeat;}
    .top2 {width:328px; height:259px; float:left; background: url(./images/ksiazki_03.jpg) no-repeat;}
    .top3 {width:288px; height:259px; float:left; background: url(./images/ksiazki_04.jpg) no-repeat;}

    i wyświetla sie normalnie korzystam z opery w ie tez działa
    Poglądy są jak du**, każdy jakieś ma, ale po co od razu pokazywać...

    — Andrzej Sapkowski


    Kenty^

    • Administrator
    • *****
        • Zobacz profil
        • Forum Graficzne
      Forsa dzięki, ale to jest szablon na allegro, więc nie mogę plików wrzucić na serwer, musi być jakiś hosting
      no chyba, że się jakoś da ?


      To wstawiasz linki w tych miejscach:
      url(./images/ksiazki_02.jpg)
      Give sanity a longer leash  |  H+ 


      Kenty^

      • Administrator
      • *****
          • Zobacz profil
          • Forum Graficzne
        hmm, nie bardzo kapuje Lysek;q
        ale podmieniłem te pliki w FrontPage i na razie to śmiga (wcześniej robiłem w Nvu) tylko problem jest taki, że zamiast polskich liter są krzaczki... wiecie dlaczego ??


        Annoyer13

        • VIP
        • *****
          • zzz
            • Zobacz profil
            • Dobry VPN
          sprawdź kodowanie znaków, najlepiej skonwertuj na uft-8 bez BOM


          Wielokrotne powtarzanie kłamstwa nie czyni go prawdą.


          wstaw w kolejnej linijce po
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

          a wracając do poprzedniej wiadomości to miałem na myśli żebyś zrobił tak jak jest to zrobione tu:
          #menu a.mojeaukcje {width:187px; height:39px; background: url(http://www.pobierzszablon.pl/online/58/images/ksiazki_06.jpg) no-repeat}czyli po prostu w tamto miejsce wklejasz link do obrazka na innym serverze
          « Ostatnia zmiana: Listopad 26, 2009, 20:10:17 wysłana przez Lysander »
          Give sanity a longer leash  |  H+ 


          Kenty^

          • Administrator
          • *****
              • Zobacz profil
              • Forum Graficzne
            Hmm Lysek... dodałem ten kod i tam gdzie miałem te krzaczki to zamieniły mi się na polskie znaki, ale jak teraz dodaje tekst z polskimi znakami, to zamieniają mi sie one na kwadraty ; o


            Abik

            • VIP
            • *****
              • Amerykański plastik
                • Zobacz profil
              bo zanim wstawisz tą linijkę o której pisze Lysek to chyba powinieneś przekonwertować cały dokument do utf-8 inaczej to ta linijka nie pomoże ; d

              a jak jeszcze coś nie śmiga to poczytaj:
              http://webmade.org/porady/kodowanie.php ( tu masz coś o tym PitPadzie co Symaptyk pisze ; d )
              http://www.kurshtml.boo.pl/html/polskie_znaki,zielony.html
              http://webdesign.art.pl/atelier/ISO.html

              (pierwsze 3 linki z tąd: http://www.google.pl/#hl=pl&source=hp&q=polskie+znaki+w+html&btnG=Szukaj+w+Google&lr=&aq=f&oq=polskie+znaki+w+html&fp=e6d89a94829a4810 )

              :P
              « Ostatnia zmiana: Listopad 27, 2009, 16:47:57 wysłana przez Abik »


              Sympatyk

              • VIP
              • *****
                • Master of science
                  • Zobacz profil
                  • Moje
                Do polskich znaków pomoże PitPat
                Sprawdzony i działający programik ;P


                Kodowanie znaków zmień na polskie (8859-2), ponadto zainstaluj jakiś dobry edytor (osobiście polecam keda), takie edytory mają wbudowane zapisywanie różnych ciągów znaków, przez co na całej stronie zniknie jakikolwiek ślad po krzakach i tym podobnych rzeczach. Notatniki/inne słabe edytory nie posiadają kodowań ciągów znaków przez co występuje problem opisany przez ciebie w pierwszym poście.


                (voythas)

                • Administrator
                • *****
                  • Empty walls.
                    • Zobacz profil
                    • Grafik freelancer - portfolio
                  Naah, jeden, jedyny Notepad++ i koniec kropka.

                  Masz tam możliwość konwertowania znaków co Ci pomoże jeśli już teraz schrzaniłeś. Samo przełączenie kodowania pogorszy Twoją sytuację.

                  Ściągnij darmowy Notepad++, który jest dodatkowo po polsku i baw się ;).
                  [Mess with the best, die like the rest.]

                  Moje portfolio