Witamy, Gość. Zaloguj się lub zarejestruj.

Autor Wątek: Problem z html  (Przeczytany 5318 razy)

0 Użytkowników i 1 Gość przegląda ten wątek.

Kenty^

  • *****
  • Podziękowania otrzymane: 80
    • Zobacz profil
    • Forum Graficzne
  • Ostatnie nagrody:
  • Layout of the Fortnight #4
  • Userbar of the Week #30
Problem z html
« dnia: Listopad 26, 2009, 08:56:24 »
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, 08:59:46 wysłana przez Kenty^ »

Forsaken

Odp: Problem z html
« Odpowiedź #1 dnia: Listopad 26, 2009, 09:11:21 »
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^

  • *****
  • Podziękowania otrzymane: 80
    • Zobacz profil
    • Forum Graficzne
  • Ostatnie nagrody:
  • Layout of the Fortnight #4
  • Userbar of the Week #30
Odp: Problem z html
« Odpowiedź #2 dnia: Listopad 26, 2009, 16:15:59 »
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 ?

Lysander

  • *****
  • Podziękowania otrzymane: 202
    • Zobacz profil
  • Ostatnie nagrody:
  • Layout of the Fortnight #42
  • Layout of the Fortnight #27
Odp: Problem z html
« Odpowiedź #3 dnia: Listopad 26, 2009, 17:08:49 »
To wstawiasz linki w tych miejscach:
url(./images/ksiazki_02.jpg)
Give sanity a longer leash  |  H+ 

Kenty^

  • *****
  • Podziękowania otrzymane: 80
    • Zobacz profil
    • Forum Graficzne
  • Ostatnie nagrody:
  • Layout of the Fortnight #4
  • Userbar of the Week #30
Odp: Problem z html
« Odpowiedź #4 dnia: Listopad 26, 2009, 19:03:38 »
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

  • *****
  • Podziękowania otrzymane: 34
  • zzz
    • Zobacz profil
    • Ranking hostingu
Odp: Problem z html
« Odpowiedź #5 dnia: Listopad 26, 2009, 19:07:12 »
sprawdź kodowanie znaków, najlepiej skonwertuj na uft-8 bez BOM

Lysander

  • *****
  • Podziękowania otrzymane: 202
    • Zobacz profil
  • Ostatnie nagrody:
  • Layout of the Fortnight #42
  • Layout of the Fortnight #27
Odp: Problem z html
« Odpowiedź #6 dnia: Listopad 26, 2009, 19:08:28 »
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, 19:10:17 wysłana przez Lysander »
Give sanity a longer leash  |  H+ 

Kenty^

  • *****
  • Podziękowania otrzymane: 80
    • Zobacz profil
    • Forum Graficzne
  • Ostatnie nagrody:
  • Layout of the Fortnight #4
  • Userbar of the Week #30
Odp: Problem z html
« Odpowiedź #7 dnia: Listopad 26, 2009, 20:01:10 »
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

Odp: Problem z html
« Odpowiedź #8 dnia: Listopad 26, 2009, 20:35:51 »
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, 15:47:57 wysłana przez Abik »

Sympatyk

  • *****
  • Podziękowania otrzymane: 44
  • Master of science
    • Zobacz profil
    • Moje
  • Ostatnie nagrody:
  • Layout of the Fortnight #45
Odp: Problem z html
« Odpowiedź #9 dnia: Listopad 26, 2009, 23:17:56 »
Do polskich znaków pomoże PitPat
Sprawdzony i działający programik ;P

Garbus

  • *
  • Podziękowania otrzymane: 1
    • Zobacz profil
Odp: Problem z html
« Odpowiedź #10 dnia: Listopad 29, 2009, 13:04:00 »
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)

Odp: Problem z html
« Odpowiedź #11 dnia: Grudzień 09, 2009, 09:33:14 »
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