| Autor | Zpráva | ||
|---|---|---|---|
| Stalker Profil |
#1 · Zasláno: 11. 10. 2012, 19:02:10
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 |
#2 · Zasláno: 11. 10. 2012, 19:12:04
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 * |
#3 · Zasláno: 11. 10. 2012, 19:16:06
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 |
#4 · Zasláno: 11. 10. 2012, 19:16:50 · Upravil/a: Stalker
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 |
#5 · Zasláno: 11. 10. 2012, 19:31:25
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 * |
#6 · Zasláno: 11. 10. 2012, 19:34:08
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 |
#7 · Zasláno: 11. 10. 2012, 19:42:56
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 |
#8 · Zasláno: 11. 10. 2012, 19:48:47
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 |
#9 · Zasláno: 11. 10. 2012, 20:14:18
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 |
#10 · Zasláno: 11. 10. 2012, 20:18:25
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 |
#11 · Zasláno: 11. 10. 2012, 20:40:50
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 |
#12 · Zasláno: 11. 10. 2012, 20:47:25
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 |
#13 · Zasláno: 11. 10. 2012, 23:13:25
panther:
Díky moc:) Jdu testovat |
||
|
Časová prodleva: 12 let
|
|||
0