| Autor | Zpráva | ||
|---|---|---|---|
| shloff0 Profil |
#1 · Zasláno: 13. 12. 2012, 22:12:34
zdravim, v tvorbe stranok som úplný začiatočník, takže momentálne prechádzam cez jeden problém za druhým a nerobím nič len po nete čo by sa mi mohlo hodiť. No s týmto si fakt neviem rady. Mám obrázok pozadia vytvorený vo photoshope. Chcem aby sa mi na stránke načítal celý a spolu s obsahom stránky sa dal rolovať (nie aby sa roloval len obsah stránky). Ak mám túto vlastnosť nastavenú na fixed, obsah stránky (v mojom prípade jeden obázok) sa zobrazí správne umiestnený na pozadí, no ked rolujem stránku roluje sa len obsah, pozadie ostáva na mieste. A ak vymením fixed za scroll, obrázok sa zobrazí pod pozadím, mimo neho. Chcel by som to teda nejako spojiť, aby bol obrázok na pozadí a aby sa spolu s ním rolovalo aj pozadie. Môžte mi s tým trochu poradiť? Pripomínam, že som totálny začiatočník, toto je moje prvé stretnutie s HTML. Vopred ďakujem za každú radu. Toto je môj zdrojový kód (vyhrabal som to niekde na nete):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<title>EHERO</title>
<style type="text/css">
html, body {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}
#full-screen-background-image {
z-index: -999;
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
}
#wrapper {
position: relative;
width: 800px;
min-height: 400px;
margin: 100px auto;
color: #333;
}
</style>
</head>
<body>
<img alt="full screen background image" src="/pozadie.jpg" id="full-screen-background-image" />
<div id="wrapper">
<img src="les.jpg" width="200" height="200" alt="" />
</div>
</body>
</html> |
||
| Rellik Profil |
#2 · Zasláno: 14. 12. 2012, 06:06:23
Tu pozici z "#full-screen-background-image"vyhoď úplně pryč a máš hotovo... ;)
|
||
| peta Profil |
Zbytecne si to komplikujes. Obrazek na pozadi je css vlastnost
background.
Ano, obrazek lze i napozicovat, ale background je lepsi. Pouzil bych ale position:absolute;.
|
||
| shloff0 Profil |
#4 · Zasláno: 14. 12. 2012, 19:54:07 · Upravil/a: shloff0
Position:absolute to vyriešilo presne tak, ako som chcel. Takže moja prvá stránka konečne šlape ako som chcel :-) ďakujem veľmi pekne
Teda predsa len som na tom objavil chybu: zmenil som len moje fixed za absolute, rozmery stránky aj všetko je tak ako som chcel, ale ak zmenšujem alebo zväčšujem stránku ctrl-/ctrl+, zmenšuje sa na nej obsah, ale pozadie zostáva rovnaké..vedeli by ste mi pomôcť aj s týmto? Skúsil som použiť aj vlastnosť background-image: URL('pozadie.jpg'); tu sa mi však nezobrazil celý obrázok pozadia, iba jeho časť, ktorá sa zmestila na obrazovku. Ak som tam dal aj position:absolute, stránku mi ani nenačítalo. Pre take spresnenie, chcel by som aby sa moje pozadie pri ctrl+/- správalo asi ako tu http://www.itnews.sk/spravy Teda ak tomu správne rozumiem a to, čo je na tejto stránke v pozadí takou sivou farbou, je pozadie. |
||
|
Časová prodleva: 11 dní
|
|||
| Cako_SK Profil * |
#5 · Zasláno: 25. 12. 2012, 19:36:49
toto by aj mňa veľmi zaujímalo. Ak si na to zatiaľ prišiel, napíš
|
||
| Cako_SK Profil * |
#6 · Zasláno: 26. 12. 2012, 20:33:48
Už som na to prišiel. Do css si dopíš margin: 0 auto;
|
||
|
Časová prodleva: 11 let
|
|||
0