Autor Zpráva
Stalker
Profil
Zdravím,

když dělám pozadí pro stránku v CSS a nahoru stránky chci umístit například Banner, tak v html kódu se to dělá tak, že vytvořím jen prázdnej div nebo span?

Například: <div id="banner"></div>

a pak v CSS to udělat třeba takto:

#banner{
    background: url(img/banner.png) no-repeat;
    background-position: center;
    width: 800px;
    height: 195px;     
    }

Přijde mi divný, dělat prádnej div, mám to správně? Popřípadě jak by to mělo být správně?

Díky za odpovědi
panther
Profil
Stalker:
tak v html kódu se to dělá tak, že vytvořím jen prázdnej div nebo span?
ne. Dela se to tak, ze tam vlozis obrazek. A kolem nej zpravidla jeste odkaz, aby se na nej dalo kliknout.
margin
Profil *
Záleží na tom, zda se rozhodneš dát baner na pozadí, nebo ho vložíš jako IMG. Nějaké čtení je třeba http://nofuture.havrlant.net/weblog.oflashi.net/XHTML-semantika/52/kam-s-logem.html, ale jde toho najít více.
Stalker
Profil
panther:
Takže, když mi udělal známý webdesign, který jsem si rozstříhal na pár částí a chci ho teď použít jako pozadí stránky, tak bych vždy měl zpravidla ten obrázek vložit do html a ten pak jen nastylovat v css? K čemu pak slouží funkce background-image v css?


margin:
Banner je možná špatné použití. Nechci aby byl prokliknutelný, prostě hlavička webdesignu má být na pozadí.
Trejpa
Profil
Stalker:
tak bych vždy měl zpravidla ten obrázek vložit do html a ten pak jen nastylovat v css?
Zbytečně nestylovat, jen nechat zapadnout na místo, kam patří.

K čemu pak slouží funkce background-image v css?
K vytváření pozadí. Obrázek nese informaci, je v HTML. Pozadí informaci nenese, proto je vzadu a jen dotváří vzhled stránky, je v CSS.

Nechci aby byl prokliknutelný, prostě hlavička webdesignu má být na pozadí.
Proč by měla být na pozadí? Nese nějakou informaci pro návštěvníka? Má představovat nadpis nebo název stránky?
<h1><img src="img/banner.png" width=800 height=195 alt="Moje stránka"></h1>
margin
Profil *
Konkrétní příklad, http://www.mapy.cz
obrázek http://www.mapy.cz/img/logo-mapy.png
pozadí http://www.mapy.cz/img/ico_print.png
pozadí http://www.mapy.cz/img/ico_sharing.png

Jiné příklady:
http://qu.wu.cz/webtest/jednoduche-schema-stranky.htm
Z "loga" nic nepoznáš, nenese informaci, je to obrázek na pozadí.

Jak psát web, Diskuse JPW
Z loga poznáš, o jaký web jde, je to klikací IMG.
panther
Profil
margin:
Z "loga" nic nepoznáš, nenese informaci, je to obrázek na pozadí.
je to obrázek na pozadí, protože to není logo. Nezáleží na tom, co je nebo není z loga poznat. Ten web logo nemá, má pouze obrázek (knoflík) v záhlaví.
Trejpa
Profil
Já z toho pozadí asi udělám logo, aby mě v tom příkladu hned každý netahal za obrázek. Ach jo, souboj o knoflík.
Stalker
Profil
Trejpa:
„K čemu pak slouží funkce background-image v css?“
K vytváření pozadí. Obrázek nese informaci, je v HTML. Pozadí informaci nenese, proto je vzadu a jen dotváří vzhled stránky, je v CSS.
Takže, když budu chtít vytvořit obrázek na pozadí, udělám to pomocí css. Učím se dělat stránky a učím se to na tomto projektu: www.ritc.ic.cz , takže tam bude plno chyb, proto si toho zatím nevšímej(te). Ale když budu chtít dát na pozadí ten "banner" (červeno-černej obrázek na vrchu stránky), tak to udělám, jak to mám tam? Tzn pomocí prázdného divu v html a pak úpravy v css?
panther
Profil
Stalker:
Pokud něco označuješ jako obrázek (a banner obrázek je), tak <img>. Nic jiného.
Pokud něco označuješ jako pozadí (třeba pozadí webu, záhlaví webu (aneb header)), tak background. Nic jiného.
Stalker
Profil
panther:
Ahá, banner a header jsou dvě rozdílné věci, na to si dávat pozor :) Takže pokud chci použít header jako pozadí, udělám to přes background v css (protože se to pozadí skládá s několika na sebe navazujících obrázků), tím pádem musím vytvořit prázdný div s názvem ID v tom html? Sorry, že ten prázdný div tady furt omílám, ale je to hlavní jádro dotazu. Mám to tak i na těch webovkách (akorát tam se header jmenuje banner, ale to změním)
panther
Profil
Stalker:
tím pádem musím vytvořit prázdný div s názvem ID v tom html?
pozadí můžeš dát i neprázdným elementům.

V záhlaví stránky (často se setkáš s pojmem header) můžeš mít na pozadí ten obrázek a zároveň i další obsah - logo, menu, kontakt...

Sorry, že ten prázdný div tady furt omílám, ale je to hlavní jádro dotazu.
jakýkoliv element může být i prázdný. Ale ne vždy je nutný, často jde cokoliv, co má mít prázdný element, přiřadit i nějakému již existujícímu. Ale ne vždy. je to případ od případu.
Stalker
Profil
panther:
Díky moc:) Jdu testovat

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: