CSS-ben a Weblap hátterét hogy tudom betenni?
#tartalomhatter {
height :989px;
margin : 0 auto;
background: url(kepek/hatterfel.png) no-repeat top center;
}
tehát igy hivatkoztam rá és müködik is,
de a gond az hogy ha nagyobb a tartalom akkor a képet dublán teszi be
tehát akkor repeat-y t kellene irjak
de láttam olyat hogy a kép magassága 1000 px volt, és még sem az egész képet rakta be amikor a tartalom nőtt, vagyis a tartalomtól függően .
Hanem egyszerűen levágta ott ahol a tartalomnak vége
ezt a joomla-ban láttam ,
css-el hogy tudnám megcsinálni?
Vagy esetleg egy oldal ahol erről magyarázatot találok?
#tartalomhatter {
height :989px;
margin : 0 auto;
background: url(kepek/hatterfel.png)
bakcground: top center;
background-repeat:no-repeat;
}
probald meg igy. hatha :)
de épp ez a gond, hogy kéne ismétlödjön
tehát repeat-y de nem teljes egészében
mert pl két sor miatt megint betesz egy 1000 px-es képet az hogy nézne ki
ugy mond lekéne vágja a képből amennyi kell
És azt hogy lehet hogy
a kép magassága min 1200 px legyen
ezt a méretett mindig tartsa ha van tartalma ha nincs
és csak ezután dublázza
A Válasz a következő:
#tartalomhatter {
height :989px;
margin : 0 auto;
background: url(kepek/hatterfel.png) no-repeat top center;
}
nem így kell, ha hátteret akarsz. Már itt el van rontva. hanem így:
background-image: url('kepek/hatterfel.png') no-repeat top center;
}
továbbá, ha azt akaros, hogy SEHOGYAN se ismételje, akko nem egybe ajánlott, hanem így:
background-repeat:no-repeat;
ha pedig középre és fel (tehát top center) akkor azt meg így írd:
background-position:top center;
remélem segítettem :D
elnézést, félreírtam.
background-image: url("kepek/hatterfel.png") no-repeat top center; helyett csak ez kell:
background-image: url("kepek/hatterfel.png");
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!