Autor Zpráva
leprra
Profil
Zdravim...

Lze nastavit u BACKGROUND-IMAGE velikost?
= potřebuju z důvodu elasticity stránek
- s normálně vloženým IMAGE nejde zrealizovat můj úmysl,
tzn. >> IMAGE (obdélník) je na pozadí celé stránky (BODY) vertikálně, a kdyby se zvětšil,
tak mi tam skakaji rolovací lišty -- lze to nějak pořešit...???

diky moc-li
lepra
Railbot
Profil
Moc dobře to nechápu, ale co třeba opakování pozadí?
leprra
Profil
mno...
repeat to neresi -
ten jen naskládá IMAGE za sebe
já potřebuju ty IMAGE zvětšovat a zmenšovat
- v závislosti na zvoleném zobrazení
tedy nejlépe tam nějak definovat jednotky em...
- tedy ta jakoby elasticita, ale nikde jsem nenašla tuhle možnost
u BACKGROUND-IMAGE
....
Plaváček
Profil
leprra

Nenašla, protože to nejde
Railbot
Profil
leprra
Aha, tak to nic takovhéno nejde. Zřejmě svůj požadavek řešíš špatně, protože nic takového jsem nikdy nepotřeboval a určitě nebudu sám. A to jsem řešil už hodně zapeklitých situací :)
leprra
Profil
OKOK....
to měl být jen takovej grafickej tunning .. ch ch ch

= díky BACKGROUND-IMAGE >> pruh co se zobrazuje na pozadí (body) pod stránkama
horizontálně přes celou obrazovku... nad tím čvercový stránky - elastický,
který zvětšuju zmenšuju - ovšem tedy také potřebuju zvětšovat zmenšovat i to pozadí....
aniž by mi tam lezly rolovací lišty (když nepoužiju background-image)

- ale jinak to asi vyřešit nepůjde --
tak to oželím - ale bylo by to pěkný.. ch ch ch

každopádně diky...
habendorf
Profil
Natahovací obrázek přes celé body udělat lze. Ale nedoporučuju. Samozřejmě tam dochází k deformacím.
leprra
Profil
a jak a jak...???
a jde to bez lišt???
deformaci neřeším....
habendorf
Profil
http://www.cssplay.co.uk/layouts/background.html

zahýbej si oknem

Ale jak říkám, nedoporučuju.
gyoja
Profil
Upřímě.
Jde to, ale je to fligna.

Kód je takový:
<style>
#background {display:block; position:absolute; left:0; top:0; width:100%; z-index:1;}
#obsah {display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
</style>

<body>
<img id="background" src="background.jpg" />
<div id="obsah">blablabla</div></p></body>

EDIT: Habendorf mě předběhl, když jsem to tu psal. Takže z křížkem po funuse.
EDIT2: Odstranil jsem odkaz na příklad.
leprra
Profil
AHA...
ovšem ja jsem měla na mysli
jakože flexibilitu v závislosti na zobrazeni velikosti textu...
nikoli okna -
tzn.
-----------------
IE - střední - větší - největší...
MOZILOS - ctrl ++ // ctrl --

ale diky moc-li
- s tímhle něco zkusím třeba na něco přindu...
leprra
Profil
A MAM TO!
horizontální pruh přes obrazovku
((na něm čtvercový stránky s obsahem.. toto pozadi jako dekór))
vše flexibilni - a lišta nevyskakuje -
při změně velikosti písma a změne velikosti okna

..horizontální pruh jsem pořešila takto.. ch ch ch

#obsah {
width: 99%;
font-size:.8em;
height: 41.4em;
border-top: 0.1em dashed silver;
border-bottom: 0.1em dashed silver;
background: silver;
position: absolute;
top: 50%;
margin : -21em 0 0 0em;
overflow: auto;
color: #000;
}

takže background image - jsem ani nepotřebovala
diky za NAKOPNUTÍ....
habendorf
Profil
takže background image - jsem ani nepotřebovala

Ono to s background-image ani nejde :o)
Toto téma je uzamčeno. Odpověď nelze zaslat.