Avatar billede lurup Ekspert
14. september 2011 - 23:29 Der er 19 kommentarer og
1 løsning

Problemer med baggrunds billede

Jeg bruger frontpage 2003 til at lave en hjemme side.
Jeg skal have et flot natur billede som baggrund på alle siderne

Syntes ikke jeg kan få det til at passe......bliver alt for stor eller dobbelt..
Skal det være vandmærke eller billede ??
Bil gerne have billedet til at ligge fast og teksten til at rulle

Hvad skal jeg gøre ???
Avatar billede Blueeyez Mester
14. september 2011 - 23:32 #1
i frontpage kan du se koden så følgende skal du sætte ind:


<body background="billedet">

billedet = "test.jpg"

<body> ændrer du til ovenstående :)
Avatar billede lurup Ekspert
14. september 2011 - 23:41 #2
ikke helt med
Avatar billede lurup Ekspert
14. september 2011 - 23:43 #3
<html>

<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Ny side 1</title>
<script language="JavaScript">
<!--
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
</head>

<body background="velling%20jagt%201.jpg" style="background-attachment: fixed" onload="FP_preloadImgs(/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button18.jpg', /*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button19.jpg', /*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button21.gif', /*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button22.gif')">

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<font color="#009933">&nbsp; </font><font size="7" color="#009933">Velling
Jagtforening</font></p>
<hr color="#009933" size="6">
<p>
<img border="0" id="img2" src="file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button20.gif" height="33" width="100" alt="Forside" fp-style="fp-btn: Soft Tab 8; fp-transparent: 1" fp-title="Forside" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button21.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button20.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button22.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button21.gif')"></p>
<p>
<img border="0" id="img1" src="file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button17.jpg" height="33" width="100" alt="Bådpladser" fp-style="fp-btn: Soft Tab 8; fp-bgcolor: #00FF00" fp-title="Bådpladser" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button18.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button17.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button19.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button18.jpg')"></p>
<p>
<img border="0" id="img3" src="file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button17.jpg" height="33" width="100" alt="Bådpladser" fp-style="fp-btn: Soft Tab 8; fp-bgcolor: #00FF00; fp-orig: 0" fp-title="Bådpladser" onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button18.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button17.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button19.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button18.jpg')"></p>
<p>
<img border="0" id="img4" src="file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button17.jpg" height="33" width="100" alt="Bådpladser" fp-style="fp-btn: Soft Tab 8; fp-bgcolor: #00FF00; fp-orig: 0" fp-title="Bådpladser" onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button18.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button17.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button19.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button18.jpg')"></p>
<p>
<img border="0" id="img5" src="file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button17.jpg" height="33" width="100" alt="Bådpladser" fp-style="fp-btn: Soft Tab 8; fp-bgcolor: #00FF00; fp-orig: 0" fp-title="Bådpladser" onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button18.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button17.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button19.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'file:///C:/Users/Allan%20Bærbar/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/FrontPageTempDir/button18.jpg')"></p>

</body>

</html>
Avatar billede Blueeyez Mester
15. september 2011 - 08:52 #4
Altså du vil have et billed på alle sider, så snakker vi vel:

index.html
test1.html
test2.html

(test 1 - 2 er blot påhæng) :)

For hvis det er det, så skal du blot sørge for at <body background="billedet"> ?
Avatar billede lurup Ekspert
15. september 2011 - 08:58 #5
ja det ved jeg..
Men hvordan får jeg billedet til at passe i størrelse ???
Avatar billede poppet Nybegynder
15. september 2011 - 09:10 #6
Det gør du ved at højre klikke på billedet og vælge udseende, så kan du angive højde og bredde.
Avatar billede lurup Ekspert
15. september 2011 - 09:19 #7
ja men hvilket størrelse skal det være for at det passer på en hel side ??
Avatar billede poppet Nybegynder
15. september 2011 - 09:27 #8
Har du prøvet at indsætte billedet som baggrund, for så kommer det automatisk til at passe til din side.
Avatar billede poppet Nybegynder
15. september 2011 - 09:29 #9
Klik på formater og så på baggrund, sæt et flueben i baggrunds billede, klik på gennemse og find dit billede, så passer det til siden.
Avatar billede poppet Nybegynder
15. september 2011 - 09:42 #10
Klik på formater og så på baggrund, sæt et flueben i baggrunds billede, klik på gennemse og find dit billede, klik ok 2 gange, så fylder det hele siden.
Avatar billede lurup Ekspert
15. september 2011 - 23:05 #11
Har stadig problemer.
prøv se her
www.vellingjagt.dk

højre klik på billedet og se
Avatar billede poppet Nybegynder
16. september 2011 - 06:50 #12
Er baggrunden som den skal være?, så skal du jo have knapperne til at linke til de rigtige sider.
Avatar billede lurup Ekspert
16. september 2011 - 06:57 #13
Ved jeg men det er baggrunden der er problemet...det andet kommer
Avatar billede poppet Nybegynder
16. september 2011 - 19:01 #14
Jamen fylder baggrunden ikke hele din side nu?.
Avatar billede lurup Ekspert
16. september 2011 - 22:11 #15
Man skal kan se det hele ...du kan jo ikke se vand og land
Avatar billede keysersoze Guru
17. september 2011 - 21:07 #16
Et normalt baggrundsbillede vil du ikke uden videre kunne få til at udfylde hele siden - det kræver lidt workaround. Samtidig stiller det også store krav til billedet så det ikke kommer til at se dumt ud hvis det bliver strukket ud af proportioner.

Nogle eksempler;

http://www.quackit.com/html/codes/html_stretch_background_image.cfm

http://stackoverflow.com/questions/1150163/stretch-and-scale-a-css-image-background-with-css-only

http://www.htmlite.com/faq022.php
Avatar billede lurup Ekspert
17. september 2011 - 21:25 #17
kAn jeg så lave noget smart noget midt på siden ???
Avatar billede keysersoze Guru
17. september 2011 - 22:06 #18
Kig på background-image, background-repeat og background-position her; http://www.w3schools.com/css/css_background.asp
Avatar billede lurup Ekspert
03. oktober 2011 - 13:47 #19
tak for svar.....svar lige soze
Avatar billede keysersoze Guru
03. oktober 2011 - 20:17 #20
svar :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester