Autor Zpráva
Lukissak
Profil *
Potřeboval bych jako pozadí přes celou stránku obrázek a zaboha nemůžu přijít na to, jak toho docílit. Kód je takovýhle:

<HTML>
<title>Stránky na míru - Vaše prezentace na internetu</title>
<link rel="shortcut icon" href="favicon.ico"/>
<head>
<style>
html, body {margin:0; padding:0; width:100%; height:100%; 

overflow:hidden;}

body {
background-image: URL('normal_blue-bend.jpg'); 
background-attachment: fixed; 
background-repeat: no-repeat;
background-position: width:100%; height:100%;



Dokázal by poradit, jak toho docílit?
Mistr
Profil
Lukissak
Nějak mi tam nesedí řádek: background-position: width:100%; height:100%;...

Co to je za obrázek? To je malý obrázek, který se má roztáhnout na celou plochu?
Lukissak
Profil *
Jo, jo, přesně tak... Potřeboval bych obrázek roztáhnout na celou plochu bez ohledu na rozlišení...
Taps
Profil
Lukissak
zkus do do html, body přidat border:0;
Lukissak
Profil *
Border:0 bohužel nepomohl :-(
Bubák
Profil
http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=3&topic=79 712#4
http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=3&topic=79 712#6
Niky
Profil *
Co se obrázku jako pozadí týče, ideální je řešení, kdy je obrázek malý a je to nějaká textura. U takového obrázku potom nastavíš:

background-image: obrazky/obrazek.jpg;
position: top left;
repeat: repeat

Potom se ti obrázek zobrazí v levém horním rohu a bude se opakovat horizontálně i vertikálně.

Možností je i použít velký obrázek a mít ho roztáhlý po celé ploše. Je to všek už méně výhodné. Pokud "roztahuješ" malý obrázek, deformuje se. A pokud ho tam vložíš už velký (např o rozměrech 900 x 600 px, tak zase zabírá moc kapacity a bude se pomaleji načítat)
Bubák
Profil
potom nastavíš:

background-image: obrazky/obrazek.jpg;
position: top left;
repeat: repeat


Druhý a třetí řádek je zbytečný, jde o výchozí hodnoty.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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