html - logo i nederste hjørne - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #3275 @ 29.02.04 20:45

Hvordan kan jeg placere et billede i nederste hjørne så det altid vil være i bunden uanset skærmopløsning!

Windows er verdens beste trojan!

4 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #1739 @ 29.02.04 21:30

126

Kode

<style>
	body {
		background-image: url("billede.gif");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: right bottom;
	}
</style>

Og hvis billedet skal blive i bunden når man scroller, skal du indsætte

Kode

<style>
	body {
		background-image: url("billede.gif");
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: right bottom;
	}
</style>

i stedet

Verden er hvad du gør den til! | http://bixi.dk/ | info[snabela]bixi[dot]dk

Bruger #2034 @ 29.02.04 21:52

459

Hvad nu hvis billedet skal ligge øverst?

Hvad nu hvis der allerede er en baggrundsfarve på body?

Kode

<html>
<head>
  <style type="text/css"><!--
    #b_right {position: absolute; bottom: 0px; right: 0px;}
  </style>
</head>

<body>
  <img id="b_right" src="dit_billede.jpg">
</body>
</head>

Bruger #1739 @ 29.02.04 21:34

126

Kode
<style>
	body {
		background-image: url("billede.gif");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: right bottom;
	}
</style>
Og hvis billedet skal blive i bunden når man scroller, skal du indsætte
Kode
<style>
	body {
		background-image: url("billede.gif");
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: right bottom;
	}
</style>
i stedet

Verden er hvad du gør den til! | http://bixi.dk/ | info[snabela]bixi[dot]dk

Ups!
Jeg kom til, at bytte om på de to eksempler

Verden er hvad du gør den til! | http://bixi.dk/ | info[snabela]bixi[dot]dk

Bruger #2034 @ 29.02.04 21:55

459

Det var jo forkert!
Rediger funktionen fejler

Kode

<html>
<head>
  <style type="text/css">
    #b_right {position: absolute; bottom: 0px; right: 0px; z-index: 9;}
  </style>
</head>

<body>
  <img id="b_right" src="dit_billede.jpg">
</body>
</head>

logo i nederste hjørne

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler