css úvodní obrázek - různé rozlišení
Zdravím,
chci se zeptat, zda byste mě mohli odkázat nebo mi alespoň nastínit princip tvorby header obrázků na webové stránky.
Jde mi o to, že autor webu vytvoří nějaký header o určité velikosti (řekněme 800x200 pixelů) a ten si chce dát nahoru na web.
Velikost webu je vypočítávána relativně podle velikosti zobrazované plochy prohlížeče (tzn. jsou užity procenta) a tím pádem má každý uživatel jinak velký web (pixelově vyjádřeno) podle rozlišení obrazovky.
Header je však stále stejný a tudíž si na web "nesedne".
Mohli byste mi prosím vysvětlit, jak je tohle řešeno?
Díky moc
gotr3
Co si predstavujes pod pojmenem "header obrázků". Myslis obrazky v zahlaví stránky?
Pokud by se web roztahoval podle "plochy prohlížeče" ("rozlišení obrazovky"), pomoci procent, tak stejne by se dal obrazek roztahnout pomoci procent.
Nejlepe ale na to prijdes, kdyz prozkomas dany web jak to dela.
Tak buď pracuju přímo s nějakou pevnou šířkou webu, do kterého pak designuju. (Já jsem zvyknutý na 1000px).
Nebo udělám víc druhů headeru a pomocí javascriptu kontroluju uživatelské rozlišení, pak mi .js vybere vhodný pozadí.
(To jsem nikdy nedělal, googluj něco jako "Javascript změna background podle rozlišení").
Normálne sa to robí tak, že nastavíš minimálnu šírku tak, aby tam ten header ešte sadol.
Ak chceš iné logo pre rôzne šírky, tak si pozri media queries z CSS3.