Padėkit pradedančiajam dizainų koduotojui

Sveiki, anksčiau buvau sukodavęs keletą dizainų, bet dabar po kelių mėnesių pertraukos vėl nieko gero nebesigauna.. Man reikia jog atvaizduotu paveiksliuką tinklapyje, bet nieko nesigauna. Kas čia blogai?

index.html :

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

style.css :

.logo { width: 200px; height: 200px; background-image:url(images/logo.png);} 

Vietoj taško naudok groteles, kai renki pagal id.

Vietoj taško naudok groteles, kai renki pagal id.

Bandžiau daug variantų, bet vistiek nesuveikė... Bandžiau ir su

#logo { width: 200px; height: 200px; background-image:url('../images/logo.png');} 

bet neveikė niekas...

EDIT: suveikė :) Kolkas ačiu :)

Kodėl neatvazduoja paveiksliuko?

index.html :

<div id="virsus"></div>

style.css :

#virsus { margin: 100px 200px; width: 287px; height: 124px; background-image:url('../images/virsus.png');} 

Chrome ar Firefox dev tools – tavo draugai.

Chrome ar Firefox dev tools – tavo draugai.

CSS failas tvarkingas, o html rašo:

unclosed end-tag requires SHORTTAG YES

<div id="virsus"></div>

Nesuprantu vistiek kur čia klaida...

Ar bus žmonių galinčių padėti?

EDIT: Parašykit kas css kodą kuris tarp kiekvieno žodžio padarytu tarpą pvz kokius 20px

Ar bus žmonių galinčių padėti?

 

EDIT: Parašykit kas css kodą kuris tarp kiekvieno žodžio padarytu tarpą pvz kokius 20px

Naudok word-spacing: http://www.w3schools.com/cssref/pr_text_word-spacing.asp