Keskustelu: Nettisivujen teko: HTML taustakuva

JimProfit [02.07.2009 14:04:51]

Terve

Tarvisin vähän apua seuraavanlaiseen ongelmaan:

Kuika saan taustakuvan pysymään tietyssä, halutussa, kohdassa kun pienennän selaimen kokoa.

Esimerkiksi tässä tapauksessa nettisivuillani/taustakuvassa on tietty logo vasemmassa alareunassa, kun pienennän selaimen/ikkunan kokoa, sen pitaisi keskittää automaattisesti näkymän kokoajan siihen logoon/vasempaan alareunaan, pitäen sen näkyvissä.

Millaista html koodipätkää tällainen muutos sivuihini vaatisi, jotta se alkaisi toimimaan oikein?

Jim

vehkis91 [02.07.2009 14:28:47]

Jos vaikka laittaisit sivun osoitteen tai koodin näkyviin, niin vois helpommin sanoa.

JimProfit [02.07.2009 14:39:42]

No sitä koodia nyt ei ole paljon. CSS ään olen määrittänyt vain tietyn taustakuvan sivuille jossa näkyy vasemmassa alareunassa rakennus. Kun alan pienentämään selain ikkunaa, haluaisin että se keskittäisi kokoajan näkymän siihen rakennukseen (vasempaan alareunaan).

Pitääko siinä käyttää jotain ankkuria tai muuta asemmointia siihen vasempaan alareunaan jotta selain tunnistaisi sen paikan.

tossa on sita koodia sivuilta, jos siita on jotain apua.

</script>
	</head>
	<body>

		<div class="page">
			<div class="header">
				<div class="menu_top1">
					<div class="floatL pr_22">
						<a href="">valikko 1</a>
					</div>
					<div class="floatL pr_22">
						<a href="">valikko 2</a>
					</div>
					<div class="floatL pr_22">
						<a class="activeItem" href="">valikko 3</a>
					</div>
					<div class="floatL pr_22">
						<a href="">valikko 4</a>
					</div>
					<div class="floatL pr_22">
						<a href="">valikko 5</a>
					</div>
					<div class="floatL pr_22">
						<a href="">valikko 6</a>
					</div>

					<div class="floatR lang">
						<a href="">kielivalikko</a>
					</div>

				</div>
			</div>


	</body>
</html>

Mod. lisäsi kooditagit

JimProfit [02.07.2009 16:47:26]

terve

toi näyttäis toimivan haluamallani tavalla. problem solved !

body {
background-image:url('taustakuva.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom left;
}

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Kirjautuminen