Niedziałająca ikona

2010-07-07, 13:59

Witam, otóż zacząłem powoli tworzyć stronę w HTML i napotkałem mały błąd. Otóż ikonka strony nie wyświetla się w Operze jak i Explorerze. Natomiast na Mozilli ikona działa.

Kod: [Zaznacz]

<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
  <meta http-equiv="reply-to" content="tomek98-03@o2.pl" />
  <meta name="generator" content="WebSite PRO 4.3" />
  <meta name="author" content="FraseR" />
  <meta name="description" content="Portfolio grafika komputerowego." />
  <meta name="keywords" content="grafika, portfolio, grafika 2d, grafika 3d, webmaster, strony, webmasterka" />
  <title>FraseR Portfolio</title>

<link rel='stylesheet' href='style.css' type='text/css' />
  <link rel="stylesheet" href="css/lightbox.css" type="text/css" />
  <link rel="Shortcut icon" href="http://i49.tinypic.com/1z2kkfk.png" />
</head>
<body>







</body>
</html>

Mógłby mi ktoś wyjaśnić co jest przyczyną że ikonka nie działa na Operze ani na Explorerze?

inż. Avallach · #1 2010-07-07, 14:29(Ostatnia zmiana: 2010-07-07, 14:35)

Są dwie metody - popularniejsza i prostsza to plik "favicon.ico" w głównym folderze strony. Nie ma to żadnego związku z jej kodem HTML, przeglądarki odczytają to automatycznie.

Jest też rzadziej używana metoda HTMLowa, można stosować różne rozszerzenia, ale będzie działało tylko na podstronach na których umieścisz ten kod:

Kod: [Zaznacz]

<link rel="icon" type="image/png" href="icon.png">

#2 2010-07-07, 14:37

Ok, a teraz co skopałem że w ogóle nie pojawiają mi się tabele?

HTML:

Kod: [Zaznacz]

<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
  <meta http-equiv="reply-to" content="tomek98-03@o2.pl" />
  <meta name="generator" content="WebSite PRO 4.3" />
  <meta name="author" content="FraseR" />
  <meta name="description" content="Portfolio grafika komputerowego." />
  <meta name="keywords" content="grafika, portfolio, grafika 2d, grafika 3d, webmaster, strony, webmasterka" />
  <meta name="robots" content="all, index, fallow" />
  <meta name="revisit-after" content="2 days" />
  <title>FraseR Portfolio</title>

<link href="style.css" rel="stylesheet" type="text/css" />
 <link rel="Shortcut icon" href="icon.png" />
<link rel='stylesheet' href='style.css' type='text/css' />
</head>

<div id="logo" />logo</div>

<div id="menu" />menu</div>

<div id="text" />text</div>

<div id="stopka" />stopka</div>


<body>







</body>
</html>

CSS:

Kod: [Zaznacz]

body { padding: 0px; }

#calosc{
height:100%;
margin: 0 auto 0 auto;
width:700px; }

#logo{
margin-top: auto;
height: 150px;
float: auto;
width: 120px;

#menu{
margin-top: auto;
height: 230px;
float: auto;
width: 320px;

#text{
margin-top: auto;
height: 244px;
float: auto;
width: 212px;

#clear { clear: both; }

#stopka{
margin-top: auto;
height: 241px;
float: auto;
clear: both;
width: 243px;

Buła · #3 2010-07-07, 14:43(Ostatnia zmiana: 2010-07-07, 14:44)

To się daje w favicon.ico 16x16px i nie ma wtedy jaj, działa normalnie.
I nie na żadne hostingi obrazków tylko na swój serwer.

inż. Avallach · #4 2010-07-07, 14:48(Ostatnia zmiana: 2010-07-07, 14:49)

Cytat: FraseR link=topic=10710.msg102617#msg102617#msg102617#msg102617 date=1278506234

Ok, a teraz co skopałem że w ogóle nie pojawiają mi się tabele?

Najprawdopodobniej to, że w tym kodzie nie ma ani jednej tabeli. Są tylko jakieś proste warstwy z pojedynczymi wyrazami.

#5 2010-07-07, 14:54

? To jak stworzyć taką tabelę?

inż. Avallach · #6 2010-07-07, 15:16(Ostatnia zmiana: 2010-07-07, 15:16)

http://www.kurshtml.boo.pl/html/tabele.html
Z tym że:
[quote author=http://www.kurshtml.boo.pl/html/struktura_tabeli,tabele.html#msgp://www.kurshtml.boo.pl/html/tabele.html
Z tym że:

Cytat: http://www.kurshtml.boo.pl/html/struktura_tabeli,tabele.html

Tworzenie struktury strony opartej o tabele nie jest zalecane. Pierwotnym przeznaczeniem tabel była i jest prezentacja serii danych o różnych powtarzających się typach. Do układania zwykłych elementów na stronie lepiej nadaje się CSS i takie własności jak: pozycjonowanie, ustawienie, przyleganie, rozmiary, marginesy i inne.

Tasilvar · #7 2010-07-07, 17:19

przekonwertuj tę ikonkę do formatu .ico link: http://www.favicon.cc/
poza tym podzielam zdanie moich przedmówców, wrzuć plik ikony na swój serwer. Powinno działać, jeżeli nie to zmień hosting

KolegaZWojska · #8 2010-07-07, 17:40

Głupi Tasilvar.

Tasilvar · #9 2010-07-08, 20:50(Ostatnia zmiana: 2010-07-08, 20:52)

Cytat: KolegaZWojska link=topic=10710.msg102658#msg102658#msg102658#msg102658 date=1278517256

Głupi Tasilvar.

jakoś twój screenshot nie jest adekwatny do twojego stwierdzenia

edit: post się zdublował ;/

Buła · **#10** 2010-07-08, 21:31

Cytat: FraseR link=topic=10710.msg102624#msg102624#msg102624#msg102624 date=1278507281

? To jak stworzyć taką tabelę?

Dobrze masz. Divy to takie lepsze tabelki. Nie rób na żadnych zwykłych tabelach, tylko tak jak masz, na divach.

**#11** 2010-07-08, 21:39

Cytat: Buła link=topic=10710.msg102829#msg102829#msg102829#msg102829 date=1278617480

Dobrze masz. Divy to takie lepsze tabelki. Nie rób na żadnych zwykłych tabelach, tylko tak jak masz, na divach.

Skoro dobrze mam to dlaczego nie pojawiają się te tabele?

inż. Avallach · (Ostatnia zmiana: 2010-07-08, 21:42)

Cytat: FraseR link=topic=10710.msg102831#msg102831#msg102831#msg102831 date=1278617960

Skoro dobrze mam to dlaczego nie pojawiają się te tabele?

Tak jak pisałem to nie są tabele. Nie są to też jak Buła napisał "lepsze tabele" - to po prostu bloki, ni mniej ni więcej. Po prostu prostokątne obszary z jakąś zawartością. I wcale nie muszą być domyślnie widoczne, zobaczysz efekt dopiero jak ustawisz im jakieś cechy wyglądu, typu obramowanie czy kolor.

**#13** 2010-07-08, 21:50

Spróbowałem czegoś takiego na przykładzie loga i nadal nie widać tego diva.

Style.css

Kod: [Zaznacz]

body { padding: 0px; }

#calosc{
height:100%;
margin: 0 auto 0 auto;
width:700px; }

#logo{
border: 1px solid black; }
margin-top: auto;
height: 150px;
float: auto;
width: 120px;

#menu{
margin-top: auto;
height: 230px;
float: auto;
width: 320px;

#text{
margin-top: auto;
height: 244px;
float: auto;
width: 212px;

#clear { clear: both; }

#stopka{
margin-top: auto;
height: 241px;
float: auto;
clear: both;
width: 243px;

ping · (Ostatnia zmiana: 2010-07-08, 22:40)

Kod: [Zaznacz]

<div id="logo" />logo</div>

Zamknąłeś div, dlatego nie działa.
Zrób tak:

Kod: [Zaznacz]

<div id="logo">logo</div>

Jest jeszcze jeden błąd. Całą treść musisz umieścić w <body>

Kod: [Zaznacz]

<body>
<div id="logo">logo</div>
</body>

**#15** 2010-07-09, 09:07

Teraz działa, tyle że jak chcę zmienić w style.css wysokość tego div'a to bez zmian. Np. wpiszę wysokość: 120, szerokość: 420 to ten div dalej jest taki sam jak przedtem, nie zmieniają się jego parametry wysokości jak i szerokości.

ping · **#16** 2010-07-09, 11:10

Twój Style.css ma dziwną konstrukcję - mam na myśli składnię.
Tak jak w tej części jest dobrze

Kod: [Zaznacz]

#calosc
{
height: 100%;
margin: 0 auto 0 auto;
width: 700px; 
}

tak tutaj już niezbyt

Kod: [Zaznacz]

#logo
{
border: 1px solid black; 
}
margin-top: auto;
height: 150px;
float: auto;
width: 120px;

Celowo uporządkowałem kod, powinieneś już zauważyć co jest źle.

Ogólnie polecam jakiś poradnik, powinno to ukrócić metodę "prób i błędów" bo w takim temacie zwyczajnie szkoda na to czasu. Ewentualnie edytor tekstu który koloruje składnie powinien być dobrym rozwiązaniem.

Buła · **#17** 2010-07-09, 11:38

Cytat: FraseR link=topic=10710.msg102831#msg102831#msg102831#msg102831 date=1278617960

Skoro dobrze mam to dlaczego nie pojawiają się te tabele?

W css masz pewnie źle ustawione rozmary, pozycje itp.

**#18** 2010-07-09, 13:03

Kod: [Zaznacz]

body { padding: 0px; }

#calosc{
height:100%;
margin: 0 auto 0 auto;
width:500px; }

#logo{
border: 1px solid black; }
margin-top: auto;
height: 200px;
float: auto;
width: 200px;

#menu{
margin-top: auto;
height: 230px;
float: auto;
width: 320px;

#text{
margin-top: auto;
height: 244px;
float: auto;
width: 212px;

#clear { clear: both; }

#stopka{
margin-top: auto;
height: 241px;
float: auto;
clear: both;
width: 243px;

Hmm.. według mnie wszystko jest ok. A jest może jakaś strona, cokolwiek w którym można sprawdzić błędy w tych plikach?
A strony tworzę w programie WebSite PRO.

ping · (Ostatnia zmiana: 2010-07-09, 15:03)

Choćby ten kurs.
Dlaczego nie działa? Zobacz na składnię:

Kod: [Zaznacz]

#id
{
/*parametry*/
}

U Ciebie nawiasy klamrowe są w złych miejscach - albo zbyt wcześnie je zamykasz, albo w ogóle tego nie robisz.
Tak powinno to wyglądać:

Kod: [Zaznacz]

body { padding: 0px; }

#calosc
{
height:100%;
margin: 0 auto 0 auto;
width:500px; 
}

#logo
{
border: 1px solid black;
margin-top: auto;
height: 200px;
float: auto;
width: 200px;
}

#menu
{
margin-top: auto;
height: 230px;
float: auto;
width: 320px;
}

#text
{
margin-top: auto;
height: 244px;
float: auto;
width: 212px;
}

#clear { clear: both; }

#stopka
{
margin-top: auto;
height: 241px;
float: auto;
clear: both;
width: 243px;
}

Cytat: FraseR link=topic=10710.msg102877#msg102877#msg102877#msg102877 date=1278673412

A jest może jakaś strona, cokolwiek w którym można sprawdzić błędy w tych plikach?

Możesz użyć walidatorów. Choć oczywiście bez magii, sprawdzi jedynie składnię.

inż. Avallach

Buła

inż. Avallach

inż. Avallach

Tasilvar

KolegaZWojska

Tasilvar

Buła

inż. Avallach

ping

ping

Buła

ping