Hogyan lehet egyszerű html oldal hátterét fixre állítani, ha a szokványos módokon (no-repeat, fix) nem sikerül?
A legtöbb helyen említett FIX és NO-REPEAT funkciót már beágyaztam, de semmi eredménye, továbbra is mozaikként és ismétlődve jön elő.
Nem akarok semmi különálló fájlt (stíluslapot), egy nagyon egyszerű html-t szeretnék, amiben minden benne van.
Jelenleg a háttérbeállítás a következő, ami nem működik: (kép van, háttérszín van még a kép megjelenése előtt, de az ismétléstiltás nem megy):
<body background="backgnd.jpg" background-attachment="fixed" background-repeat="no-repeat" background color=red
lang=HU link=blue vlink=blue style='tab-interval:35.4pt' onload="runSlideShow()">
Megoldódott... nem a Body hanem a Style sorba kellett beilleszteni az említett szöveget:
style="background-attachment: fixed; background-repeat: no-repeat; tab-interval:35.4pt" onload="runSlideShow()">
Ezt valahogy a magyar nyelvű oldalakon elfelejtették közölni.
Amugy nem muszaj minden utasitast kulon irni, igy is csinalhatod:
body {
background: #CCC url(kep.jpg) no-repeat fixed;
}
Vagy a HTML fajlban igy:
<body style="background: #CCC url(kep.jpg) no-repeat fixed;">
</body>
Ilyen, hogy "background-attachment", "background-repeat", "background color" nincs a HTML specifikációban. A "background", "link", "vlink" is Deprecated (elavult), ami konkrétan azt jelenti, hogy kb. 10 éve volt divat használni. Ezen kívül még nagyon fontos, hogy az egyenlőség jel után mindig kell idézőjel, vagy dupla vagy szimpla, de kell.
Amit akarsz, ahooz mindenképp a "style" attribútumba kell beírni egy CSS kódot. Tehát úgy a legegyszerűbb, hogy már előttem is írták:
<body style="background: #CCC url(kep.jpg) no-repeat fixed; tab-interval:35.4pt;" onload="runSlideShow();">
Vagy sokkal elegánsabb lehetőség, amit szintén írtak, de az nem biztos, hogy olyan kézenfekvő lesz, mert annyira még biztos nem vagy jártas a témában: a HTML fájl <head> részében létre kell hozni egy <style> részt, és abba beírni:
body {
background: #CCC url(kep.jpg) no-repeat fixed;
}
Azért jó a CSS, mert az megoldja azt is, amit a "link" meg a "vlink" tudott, a következőképpen:
a:link, a:visited {
color: blue;
}
Ezeket a csak simán egymás alá kell írogatni, vagyis így fog kinézni:
<style>
body {
background: #CCC url(kep.jpg) no-repeat fixed;
}
a:link, a:visited {
color: blue;
}
</style>
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, 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!