Forum graficzne Burning-Brushes.pl

Programowanie oraz Grafika => Programowanie => html/css => Wątek zaczęty przez: Kenty^ w Listopad 26, 2009, 09:56:24

Tytuł: Problem z html
Wiadomość wysłana przez: Kenty^ w Listopad 26, 2009, 09: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.
Tytuł: Odp: Problem z html
Wiadomość wysłana przez: Forsaken w Listopad 26, 2009, 10: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
Tytuł: Odp: Problem z html
Wiadomość wysłana przez: Kenty^ w Listopad 26, 2009, 17: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 ?
Tytuł: Odp: Problem z html
Wiadomość wysłana przez: Lysander w Listopad 26, 2009, 18:08:49
To wstawiasz linki w tych miejscach:
url(./images/ksiazki_02.jpg)
Tytuł: Odp: Problem z html
Wiadomość wysłana przez: Kenty^ w Listopad 26, 2009, 20: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 ??
Tytuł: Odp: Problem z html
Wiadomość wysłana przez: Annoyer13 w Listopad 26, 2009, 20:07:12
sprawdź kodowanie znaków, najlepiej skonwertuj na uft-8 bez BOM
Tytuł: Odp: Problem z html
Wiadomość wysłana przez: Lysander w Listopad 26, 2009, 20: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
Tytuł: Odp: Problem z html
Wiadomość wysłana przez: Kenty^ w Listopad 26, 2009, 21: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
Tytuł: Odp: Problem z html
Wiadomość wysłana przez: Abik w Listopad 26, 2009, 21: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
Tytuł: Odp: Problem z html
Wiadomość wysłana przez: Sympatyk w Listopad 27, 2009, 00:17:56
Do polskich znaków pomoże PitPat
Sprawdzony i działający programik ;P
Tytuł: Odp: Problem z html
Wiadomość wysłana przez: Garbus w Listopad 29, 2009, 14: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.
Tytuł: Odp: Problem z html
Wiadomość wysłana przez: (voythas) w Grudzień 09, 2009, 10: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ę ;).