• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Problem z obrazkiem w html-u

Object Storage Arubacloud
+1 głos
713 wizyt
pytanie zadane 30 stycznia 2016 w HTML i CSS przez osa9047 Nowicjusz (150 p.)
Witam mam problem z obrazkami w html.

Screen z tego co mam w notatniku:

https://scr.hu/0qjnn/07ygc

A tutaj co widze:

https://scr.hu/0qjnn/u74qq..

PROSZE O POMOC

7 odpowiedzi

+1 głos
odpowiedź 30 stycznia 2016 przez Arkadiusz Waluk Ekspert (287,950 p.)
Notatnik to nie jest dobry edytor do HTMLa ani do niczego, nawet na początek.

Gdzie jest doctype?

Po co nazwy znaczników dużymi literami? Nie wiem nawet czy jest to poprawnie czy nie, ale głupio to wygląda wg mnie.

Co to za kodowanie? Teraz używa się UTF-8.

Samo podczepienie obrazka dobre, masz na pewno w tym samym katalogu co plik strony ten obrazek, z taką nazwą i takim rozszerzeniem?
komentarz 31 stycznia 2016 przez osa9047 Nowicjusz (150 p.)
tak wsyztsko jest dobrze moze jakies inne pomysły? sprawdzałem i mam ten sam znacznik we wszystkich przeglądarkach
komentarz 31 stycznia 2016 przez Arkadiusz Waluk Ekspert (287,950 p.)
Innych pomysłów brak, to musi działać jeśli podana ścieżka do obrazka jest dobra.

Jeżeli chcesz i na prawdę nie wiesz o co chodzi to mogę na to zerknąć, zapakuj to wszystko do zipa i wrzucić gdzieś abyśmy mogli pobrać albo wyślij mi na maila. Podejrzewam, że błąd jest jakiś błahy bo to po prostu musi działać ;)
komentarz 2 lutego 2016 przez Comandeer Guru (601,590 p.)

Po co nazwy znaczników dużymi literami? Nie wiem nawet czy jest to poprawnie czy nie, ale głupio to wygląda wg mnie.

Jest. W specyfikacji HTML4 używano tylko tak zapisanych nazw, w specyfikacji HTML5 są stosowane zamiennie z pisanymi małymi literami.

+1 głos
odpowiedź 30 stycznia 2016 przez ScriptyChris Mędrzec (190,190 p.)

Czy podana w src="maxresdefault.jpg" ścieżka jest prawidłowa?

komentarz 30 stycznia 2016 przez osa9047 Nowicjusz (150 p.)
tak prawidłowe
komentarz 30 stycznia 2016 przez osa9047 Nowicjusz (150 p.)
komentarz 31 stycznia 2016 przez ScriptyChris Mędrzec (190,190 p.)

Popraw plik HTML wg instrukcji, których udzielił Arkadiusz Waluk. Sprawdź na Chrome i Firefox, czy problem występuje.

komentarz 31 stycznia 2016 przez osa9047 Nowicjusz (150 p.)
jak moge to zrobic?
+1 głos
odpowiedź 30 stycznia 2016 przez zkkf56 Dyskutant (8,710 p.)
edycja 30 stycznia 2016 przez zkkf56
Czy masz plik z grafiką w tym samym folderze co plik HTML? Czy nazwa i rozszerzenie pliku są poprawne ?
komentarz 30 stycznia 2016 przez osa9047 Nowicjusz (150 p.)
tak grafika jestw  tym samym folderze a nazwa pliku jest prawidłowa

https://scr.hu/0qjnn/sma3x
komentarz 31 stycznia 2016 przez zkkf56 Dyskutant (8,710 p.)
Jakiego masz Windowsa? Jeśli 8, 8.1 , 10 itp. to wpisz w ścieżce maxersdefault.jpg.jpg
komentarz 31 stycznia 2016 przez osa9047 Nowicjusz (150 p.)
zmieniłem i dalej nic jakieś pomysły?
komentarz 1 lutego 2016 przez zkkf56 Dyskutant (8,710 p.)
Może to dlatego bo przed znaczikiem <html> nie wstawiles <!DOCTYPE html>
0 głosów
odpowiedź 30 stycznia 2016 przez Marcin Jendruchniewi Nowicjusz (160 p.)
sprawdź poprawność nazwy tego obrazka z rozszerzeniem, i masz ten obrazek wgl w głównym folderze?
komentarz 31 stycznia 2016 przez osa9047 Nowicjusz (150 p.)
sama nazwa ja i dodanie jest dobre tylko dlaczego mam taką ikonke a nie zjdęcie?
0 głosów
odpowiedź 1 lutego 2016 przez Wilczu Mądrala (5,190 p.)
Powiem tak zwykły notatnik nie jest dobrym wyborem do html czy css polecam notepad++

ale co do twojego problemu to dobrze zrobiłes

<img src="src.png" />

sprawdz czy plik z grafiką znajduje się w tym samym folderze jeżeli nie zrob tak

<img src="folder/src.png" />

zwroc też uwage na rozszerzenie obrazka

ps fajnie by było gdyby strona miała też:

<!DOCTYPE HTML>

oraz w <html lang="pl">

Pozdrawiam :)
0 głosów
odpowiedź 2 lutego 2016 przez 0rb_12 Bywalec (2,440 p.)
Pobierz normalną templatke HTML, wklej tam linie img src ...

Jak nie zadziała w takim przypadku, pytaj o pomoc
0 głosów
odpowiedź 2 lutego 2016 przez Comandeer Guru (601,590 p.)
Sądząc z tego screena https://scr.hu/0qjnn/sma3x to obrazek może mieć rozszerzenie png. Polecam sobie włączyć w ustawieniach folderu wyświetlanie znanych rozszerzeń plików (IMO głupota, że Windows nie ma tego domyślnie włączonego).

Podobne pytania

0 głosów
2 odpowiedzi 7,032 wizyt
pytanie zadane 12 października 2015 w HTML i CSS przez MatiiTv Gaduła (3,790 p.)
0 głosów
0 odpowiedzi 154 wizyt
0 głosów
2 odpowiedzi 540 wizyt

92,578 zapytań

141,426 odpowiedzi

319,653 komentarzy

61,961 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...