+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Grafika (/thread-grafika)
Strony:
1
2
Grafika - Marcin151593 - 07-03-2009
Witam ma problem poniewaz kiedy patrze sobie w podglądzie nie chce wyswietlic mi sie grafika. Dokładnie tam gdzie jest szablon.png Po za grafiką wszystko działa poprawnie. Dodam że wszystko mam w tym samym folderze i jeszcze jedno kiedy uruchamiam swój edytor pokazuje mi sie taka informacja: Brak pliku definicyjnego dla CSS. Jnspektor CSS będzie nieaktywny.Nie wiem czy moze miec to jakis wpływ na nie wyswietlanie sie tej grafiki. Jeżeli ktoś może mi pomóc bardzo proszę o odp.
index.html
<?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" xml:lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
<meta name="Author" content="Marcin" />
<title>Marcin</title>
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
</head>
<body>
<div id="container">
<div id="header"> </div>
<div id="navcontainer">
<div id="nav1">
<a href="#" alt="link">LINKI1</a>
<a href="#" alt="link">LINKI1</a>
<a href="#" alt="link">LINKI1</a>
</div>
<div id="nav2">
<a href="#" alt="link">LINKI2</a>
<a href="#" alt="link">LINKI2</a>
<a href="#" alt="link">LINKI2</a>
</div>
</div>
<div id="srodek">Tutaj jakis tekst</div>
<div id="stopka"> Created by Jan Kowalski.</div>
</div>
</body>
</html>
style.css
body {
background-color: #ffffff;
margin: 0;
padding: 0;
text-align:center;
}
div {
position:relative;
}
#container {
margin: 0 auto;
padding: 0 0;
position: relative;
width: 700px;
background-color: #ffffff;
text-align: left;
}
#header {
background: #ffffff url(szablon.png) no-repeat;
width: 700px;
height: 100px;
}
#navcontainer {
width:115px;
float:left;
background-color: transparent;
}
#prawo {
width:135px;
float:right;
text-align:left;
}
#srodek {
width: 446px;
float: left;
}
#stopka{
text-align: center;
clear:both;
}
RE: Grafika - Gruby767 - 07-03-2009
jeśli chodzi o ten szablon to spróbuj tak :
#header {
background:url(../szablon.png) no-repeat;
background-color:#ffffff ;
width:700px;
height:100px;
}
jak wszystko masz w jednym folderze to arkusz css powinien się normalnie wczytać chyba że masz wszystko w jednym folderze a arkusz w jeszcze jednym zapakowanym np.folder css to wtedy
<link href="css/style.css" media="all" rel="stylesheet" />
Jeszcze jednego nie rozumiem po co Ci kolor tła nagłówka skoro zamiast tego wstawisz obraek , nie lepiej po prostu zrobić obrazek na całą wysokość i szerokość?Ale to już Twój wybór w razie jakichś problemów pisz tu jeszcze ;p
Pozdrawiam.
RE: Grafika - Marcin151593 - 07-03-2009
wszystko zrobiłem tak jak proponowałeś ale nic z tego, dalej sie nie wyswietla
Wszystko mam zapisane w
C:\Nowy folder\index.html
C:\Nowy folder\syle.css
C:\Nowy folder\szablon.png
RE: Grafika - Gruby767 - 07-03-2009
może to zależeć w takim razie od edytora z jakiego korzystasz zrób w tym folderze dwa nowe foldery np.images w którym umieścisz obrazki i np. css w którym będzie arkusz i wtedy tak sprubój inaczej wklej w css ścieżkę bezwzględną do pliku.Jeśli nie zadziała to wymyślę co innego jeszcze xD
pozdrawiam.
RE: Grafika - Labsta.com - 08-03-2009
hmm...
U mnie wersja pierwsza działa poprawnie i bez problemu.
W html i css nie ma błędów.
Może tylko to, że w linkach ma być title zamiast alt.
Możliwe, że to wina pliku png, albo faktycznie edytora.
RE: Grafika - Marcin151593 - 08-03-2009
Posprawdzałem to wszystko co mówiliscie i nic. Sprawdzałem to w dwóch edytorach i nadal jest to samo. takze od edytora raczej to nie zależy. To czy alt czy title w linkach to bez różnicy.
Bardzo dziwne jest to że jeżeli w index.html wpsuje taki oto kod :
<img src="images/szablon.png.png" width="700" height="150" />
to obrazek w index.html poprawnie się wyswietla
A moze wy spróbujcie w swoich edytorach wkleic ten mój cały kod który wkleiłem w pierwszy poście i zobaczycie czy u was sie wyswietli obrazek
RE: Grafika - Labsta.com - 08-03-2009
No dokładnie w ten sposób sprawdzałem, wklejając kod i dorzuciłem jakiegoś png i mi działało.
Rozumiem, że "szablon.png.png" to literówka?
RE: Grafika - Marcin151593 - 08-03-2009
nie bo własnie pod taka nazwa wyswietla się obrazek <img src="images/szablon.png.png" width="700" height="150" /> w index.html
dodam ze nazwa obrazka to szablon.png
RE: Grafika - Labsta.com - 09-03-2009
no to wpisz w css "szablon.png.png" zamiast "szablon.png", albo zmień nazwę pliku png.
RE: Grafika - Marcin151593 - 09-03-2009
tak juz sprawdzałem tez bez efektu wiesz co ja moze nagram filmik to sobie zobaczysz jak to wszystko robie po kolei moze bedzie łatwiej cos zaanalizowac