Ocena wątku:
  • 1 głosów - średnia: 5
  • 1
  • 2
  • 3
  • 4
  • 5
Grafika
#1
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;
}
Odpowiedz
#2
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.
Odpowiedz
#3
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
Odpowiedz
#4
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.
Odpowiedz
#5
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.
Odpowiedz
#6
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
Odpowiedz
#7
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?
Odpowiedz
#8
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
Odpowiedz
#9
no to wpisz w css "szablon.png.png" zamiast "szablon.png", albo zmień nazwę pliku png.
Odpowiedz
#10
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
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  FootFRAME na całą szerokość z grafiką HS4C 1 2,433 16-04-2012, 00:35
Ostatni post: Heyek
  Grafika odcina tło Lenad 3 3,346 08-04-2012, 04:45
Ostatni post: Moody
Exclamation Problem z grafiką na stronie - pomoc indywidualna tommy3 2 2,872 26-01-2012, 18:59
Ostatni post: tommy3
  Mapa odsyłaczy i grafika Falco91 0 1,629 01-12-2011, 03:47
Ostatni post: Falco91
  Problem z grafiką xxlechitaxx 20 12,377 31-08-2011, 20:56
Ostatni post: xxlechitaxx

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl