Autor Zpráva
Kiosuke
Profil *
Mam taký problém lámem si hlavu ako do tohto zápisu dať aby v okraji (tých 10%) bol obrázok ako to spravím ???

body {
width: 80%;
margin: 0 auto 10px auto;
padding-top: 5% ;
padding-left: 10% ;
padding-bottom: 5% ;
padding-right: 10% ;
color: #e0000b;
background-color: #000;
font: 70% Comic Sans MS, sans-serif;
Bubák
Profil
Nezmínil ses, ke ktrému okraji chceš obrázek, ale dělá se to takto::
background: #000 url("http://diskuse.jakpsatweb.cz/img/logo.gif") 5% 10% no-repeat;

Nebo tímto ukecanějším zápisem:
background-color: #000;
background-image: url("http://diskuse.jakpsatweb.cz/img/logo.gif");
background-position: 5% 10%;
background-repeat: no-repeat;

V ukázce ti chybí koncová závorka }
Kiosuke
Profil *
no to viem ale mne to natiahne obrázok na cele pozadie ja potrebujem obrázok len po bokoch
Bubák
Profil
mne to natiahne obrázok na cele pozadie
Mi to umístí obrázek do pravého horního rohu.

potrebujem obrázok len po bokoch
Tak „v okraji“, nebo „len po bokoch“?
Kiosuke
Profil *
no na bokoch naľavo aj napravo
panther
Profil
Kiosuke
no na bokoch naľavo aj napravo
tak nějaký obrázek přes celou šířku, který se bude opakovat po ose y. Obrázek bude tvořen ze stran 10% obrázkem, prostředek můžeš udělat třeba průhledný.

Zápis pak bude vypadat jak naznačil Bubák.
Bubák
Profil
tak nějaký obrázek přes celou šířku
Ale šířka není pevná, ale jde použít multiple-background z CSS 3.
Vícenásobné pozadí nejde zatím v praxi použít, umí ho jen Konqueror (zatím jsem netestoval) a Webkit (Chrome, Safari, ...).
body { background:
url(http://teststranek.kvalitne.cz/images/odrazka2.gif) top 5% repeat-y,
url(http://teststranek.kvalitne.cz/images/odrazka.gif)  top 95% repeat-y
}


Místo pokračování jsem odeslal, tak to napravuji:
Musíš přidat další DIV a dát mu pozadí.
panther
Profil
Bubák
Ale šířka není pevná
aha, toho jsem si nevšiml :-)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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