Html - fast baggrund.

Hvis du har en ensfarvet baggrund på billedet, plejer jeg bare at forlænge billedet med den baggrunds farve.
Du tager simpelthen billedet og indsætter det på et andet billede der er den farve som din baggrund, det store billede kan du lave 1600*1200 det er der ikke mange der kører med, men hvis det nu skulle være.....

Prøv at indsætte nogle af de her :

{background:transparent}
for a transparent background.

{background:url(image.gif)}
to use an image for the background. Image.gif represents the name of the image. The image can also be in jpeg format. You also have a number of options with this image format to allow you to be more specific, and they are:

{background:url(image.gif) repeat}
to tile the image both horizontally and vertically. This is exactly the way a background image would appear with normal HTML (wallpapering the browser screen).

{background:url(image.gif) repeat-x}
to tile the image only horizontally. That is, the image would only be repeated horizontally across the browser screen and not vertically down the screen.

{background:url(image.gif) repeat-y}
to tile the image only vertically. That is the image would only be repeated vertically going down the browser screen and not horizontally across the screen.

{background:url(image.gif) no-repeat}
for no tiling of the image. In other words, only the original image will be displayed with no repeats to fill the background.

{background:url(image.gif) scroll}
to have the background image scroll with the foreground (the way it does with normal HTML).

{background:url(image.gif) fixed}
to prevent the background image from scrolling with the foreground. In other words, the background image will remain fixed on the canvas while the web page scrolls over top of it.

Kilde : http://www.bfree.on.ca/HTML/lesson31.htm

Husk at bruge de rigtige tegn. Det har ret stor betydning.

</prodic>

hej HHdata,
"bgproperties=no-repeat" virker kun i explorer, men hedder ikke "no-repeat" men "fixed". Hvis du laver det så det også skal virke i netscape, kan du anvende "layers". Du placerer dit baggrundsbillede i et layer med en z-index på 01, og ligger der efter resten af siden i et layer med et z-index på 02.
Det er ret let når først man har grejet ideen i layers. For at lave det så det virker i NN og EI kan du ligge det ind på denne måde:
<div id="someName" style="position: absolute; left: npx; top: npx; width: npx; height: npx; z-index: 01;">
<img src="heregoesyourpicture">
</div>

Og laver du et tilsvarende layer og ligger det over det første. Der kan opstå problemer med dit offset da NN og Ei har to forskellige default marginer som påvirker dit layout.

Der kan også godt opstå problemer med NN afhængigt af hvordan du bygger din sætning op. Men der må du prøve dig frem.

Enjoy... Kris:)

Lav den i Frontpage...
Eller køb en hjemmeside af mig, jeg har en hjemmeside til slag, som hedder
www.skovmos.subnet.dk/ditnavn.htm
og der behøver du ikke at kunne HTML
for at lave din hjemmeside...
Min hjemmside er www.skovmos.subnet.dk
og min email-adresse er: skovmos@nielsen.ms


P.S. Tag et kig på min website...

det var da det frækkeste :o)

Ikke nok med at du reklamerer, så reklamerer du med at du vil sælge adresser som du kan få gratis fra et sted der hoster gratis.... det er uden at jeg har læst dem, garanteret meget imod subnet's retningslinier.

PS. du kan da ikke bruge det site til at reklamere for at du vil sælge hjemmesider ?????

PPS. Man anbefaler ikke folk at bruge frontpage. Det ødelægger deres evner, og hvis ikke folk har evner, forhindrer det folk i at tilegne sig evner

såeh... ja..
nok om det :)

</anders>

Måske er dette ikke til så meget hjælp men prøv at gå indpå"www.webcafe.dk"
det er virkelig en god html hjemmeside hvor du kan lære alt du har brug for.

ps:dette sted er KUN html og intet andet

For at komme tilbage til det oprindelige spørgsmål.
Så gør du følgende;
Du laver en baggrund som er 1280 * 1024, det er den største skærmstørrelse som bliver benyttet.
Så er det nemlig lige meget hvad skærmstørrelse brugeren sidder på.
Hvis skærmstørrelsen er stor bliver der bare vist mere af baggrund og omvendt.
Så det er måden at gøre det på.
Og det virker i begge browser.

Lip

1600*1200 er nu ofte benyttet på 19" eller 21" men whatever...

Det er både en mere rigtig og elegant måde at lave det på end at forstørre billedet.
lip, hvad skal dem der har bruger 1600*1200 gøre?

Prøv dette:
<BODY STYLE="background-image: url(background.gif); background-repeat: no-repeat; background-attachment: fixed;">

Dette virker ganske udemærkede!

Jeg tror du mangler dette:

http://www.dynamicdrive.com/dynamicindex3/fixback.htm

tja..hvis cyberskovmus/Isn vil lave et styresytem der er bedre en win98 - 2000,og man har hans hjemmeside som retningslinie, for hans programmeringsevne,tror jeg ikke den bliver en konkurence til microsoft\'s produkter.Tror snarere den høre til i \"Legoklodsen\".

Denne virker også meget proff:

<BODY STYLE=\"background-image: url(bagg_katalog_2000_02.jpg); background-repeat: no-repeat; background-position: center; background-attachment: fixed; \">

Den lægger grafikken fast, og uden repeat, og centeret i vinduet.

se evt. på min side: www.moric.dk
(kildekoden kan frit bruges fra denne side.

Prøv denne js-løsning. Den vil til enhver tid få dit billede til at passe og den fungerer 100%. Eneste problem er at den kan forvrænge proportionerne i billedet, men det kan man jo lave flere løsninger på ;-)

<!-- Baggrundsbillede -->
<script language=\"JavaScript\">
function makeIm() {
NS4=(document.layers);
IE4=(document.all);
scaleWidth = true;
scaleHeight = true;
imSRC = \"billede.jpg\"; <!-- navn (evt. sti) på dit billede -->
if (NS4) {
origWidth = innerWidth;
origHeight = innerHeight;}
function reDo() {
if (innerWidth != origWidth || innerHeight != origHeight)
location.reload();}
if (NS4) onresize = reDo;
if (IE4) onresize = reDoIE;
function reDoIE(){
imBG.width = document.body.clientWidth;
imBG.height = document.body.clientHeight;}
winWid = (NS4) ? innerWidth : document.body.clientWidth;
winHgt = (NS4) ? innerHeight : document.body.clientHeight;
imStr = \"<div id=elBGim\"
+ \" style=\'position:absolute;left:0;top:0;z-index:-1\'>\"
+ \"<img name=\'imBG\' border=\'0\' src=\"+imSRC;
if (scaleWidth) imStr += \" width=\"+winWid;
if (scaleHeight) imStr += \" height=\"+winHgt;
imStr += \"></div>\";
document.write(imStr);}
makeIm();
</script>