Søg
Avatar billede mitzie Nybegynder
11. januar 2010 - 13:09 Der er 14 kommentarer og
1 løsning

Baggrundsbillede på hjemmeside

Hej EKSPERTER

Kan det lade sig gøre at placere et baggrundsbillede nederst og midt på min hjemmeside, det må ikke gentages?

Håber i kan hjælpe.


Hilsen
Mitzie
Avatar billede keysersoze Ekspert
11. januar 2010 - 15:31 #1
background-repeat: no-repeat;
background-position: bottom center;
Avatar billede mitzie Nybegynder
11. januar 2010 - 15:36 #2
Hvor skal det sættes ind henne?


<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>


<body background="foto.jpg" >

</body>
</html>
Avatar billede keysersoze Ekspert
11. januar 2010 - 15:49 #3
<body style="background-image: (foto.jpg); background-repeat: no-repeat; background-position: bottom center;">

Når du nu alligevel er i gang vil jeg stærkt råde dig til at kigge på hvad en DOCTYPE er (se fx http://web-dev.dk/post/2009/06/DOCTYPE-og-valid-kode---ens-udseende-i-Internet-Explorer-og-FireFox.aspx) og samtidig kode på et "moderne" niveau, hvor du benytter CSS fremfor html-attributter (fx din background).
Avatar billede mitzie Nybegynder
11. januar 2010 - 17:32 #4
Det kan jeg ikke få til at virke. Min kode ser sådan ud nu, men der er ikke noget baggrundsbillede at se i min browser:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>

<body style="background-image: (foto.jpg); background-repeat: no-repeat; background-position: bottom center;">

</body>
</html>
Avatar billede keysersoze Ekspert
11. januar 2010 - 17:49 #5
stavefejl fra min side;

background-image: url(foto.jpg);

og husk stadig at læse den artikel jeg lagde link til - uden en doctype disabler du store dele CSS.
Avatar billede mitzie Nybegynder
12. januar 2010 - 09:23 #6
Jeg kan ikke få det til at virke :( Gider du ikke sætte koden ind, som den skal se ud i resten af koden herunder?

Urlén til baggrundsbilledet er: http://mitzieloland.dk/foto.jpg

Jeg vil læse artiklen, du omtaler, når jeg har fået det her til at virke.

Tak for din hjælp :)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>


<STYLE type=text/css>BODY {
    SCROLLBAR-FACE-COLOR: white; SCROLLBAR-HIGHLIGHT-COLOR: white ; SCROLLBAR-SHADOW-COLOR: black; SCROLLBAR-3DLIGHT-COLOR: black; SCROLLBAR-ARROW-COLOR: black; SCROLLBAR-TRACK-COLOR: black; SCROLLBAR-DARKSHADOW-COLOR: black
}
</STYLE>


<title>MITZIE LOLAND</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>



<script language=JavaScript>
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="Der er copyright på mit foto";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>




<body bgcolor="#000000" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
  <table width="989" height="0" border="0" cellpadding="0" cellspacing="0">
    <tr align="left" valign="top">
      <td width="198" height="0">&nbsp;</td>
      <td width="204" height="0">&nbsp;</td>
      <td width="198" height="0">&nbsp;</td>
      <td width="198" height="0">&nbsp;</td>
      <td width="198" height="0">&nbsp;</td>
    </tr>
    <tr align="left" valign="top">
      <td height="0">&nbsp;</td>
      <td height="0">&nbsp;</td>
      <td height="0">&nbsp;</td>
      <td height="0">&nbsp;</td>
      <td height="0">&nbsp;</td>
    </tr>
    <tr align="left" valign="top">
      <td height="0" colspan="5"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#999999"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#999999"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#999999"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#999999"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#999999"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#999999"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#999999"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#999999"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#999999"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#999999"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#999999"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#999999"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#999999"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#999999"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font size="5">Kontakt</font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font><br>
        <font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif">Udfyld
        formularen herunder, hvis du vil kontakte mig.</font><font color="#999999" size="2" face="Verdana, Arial, Helvetica, sans-serif">
        <br>
        <font color="#FFFFFF">* Husk at skrive foto titel og nummer, hvis din
        henvendelse drejer sig om et af mine billeder.</font></font><font color="#999999" size="2" face="Verdana, Arial, Helvetica, sans-serif">
        <br>
        <br>
        <br>
        </font> <table width="299" height="0" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="357" height="59" align="left" valign="top"> <form action="http://www.mitzieloland.dk/cgi-all/formmail/FormMail.pl"
method="POST">
                <input type="hidden" name="recipient" value="mitzieloland@mitzieloland.dk">
                <input type="hidden"
name="subject" value="KONTAKT">
                <input type="hidden" name="redirect" value="http://www.mitzieloland.dk/kontakt_afsendt.htm">
                <input type="hidden" name="env_report" value="REMOTE_HOST, HTTP_USER_AGENT,
REMOTE_ADDR">
                <table width="300" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="85" height="30" align="left" valign="top"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif">Fornavn</font></td>
                    <td width="215" height="30" align="left" valign="top"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
                      <input name="Fornavn" type="text" class="input" id="Fornavn23" size="25"style="background-color: ffffff; color: #999999; border: 1px solid #cccccc; font-family: arial; font-size: 12px; padding: 0px">
                      </font></td>
                  </tr>
                  <tr>
                    <td width="85" height="30" align="left" valign="top"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif">Efternavn</font></td>
                    <td width="215" height="30" align="left" valign="top"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
                      <input name="Efternavn" type="text" class="input" id="Efternavn23" size="25"style="background-color: ffffff; color: #999999; border: 1px solid #cccccc; font-family: arial; font-size: 12px; padding: 0px">
                      </font></td>
                  </tr>
                  <tr>
                    <td width="85" height="30" align="left" valign="top"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif">E-mail</font></td>
                    <td width="215" height="30" align="left" valign="top"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
                      <input name="E-mail2" type="text" class="input" id="E-mail23" size="25"style="background-color: ffffff; color: #999999; border: 1px solid #cccccc; font-family: arial; font-size: 12px; padding: 0px">
                      </font></td>
                  </tr>
                  <tr>
                    <td width="85" height="30" align="left" valign="top"> <p><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif">Foto
                        titel *</font></p></td>
                    <td width="215" align="left" valign="top" height="30"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
                      <input name="Foto titel" type="text" class="input" id="Foto titel" size="25"style="background-color: ffffff; color: #999999; border: 1px solid #cccccc; font-family: arial; font-size: 12px; padding: 0px">
                      </font> </td>
                  </tr>
                  <tr>
                    <td width="85" height="30" align="left" valign="top"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif">Foto
                      nr. *</font></td>
                    <td width="215" height="30" align="left" valign="top"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
                      <input name="Foto nr." type="text" class="input" id="Foto nr." size="1"style="background-color: ffffff; color: #999999; border: 1px solid #cccccc; font-family: arial; font-size: 12px; padding: 0px">
                      </font></td>
                  </tr>
                  <tr>
                    <td width="85" align="left" valign="top"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif">Besked</font></td>
                    <td width="215" height="28" align="left" valign="top"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
                      <textarea name="Besked" style="background-color: ffffff; color: #999999; border: 1px solid #cccccc; font-family: arial; font-size: 12px; padding: 0px"cols="34" rows="9" class="input" id="textarea5"></textarea>
                      </font></td>
                  </tr>
                  <tr valign="middle">
                    <td width="85" height="30" align="left"> <p>&nbsp;</p></td>
                    <td width="215" align="left" height="30"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
                      <input name="login2" type="image" value="Login" src='send_knap.jpg' height="44">
                      </font> </td>
                  </tr>
                </table>
              </form></td>
          </tr>
        </table>
        <font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;</font></td>
    </tr>
  </table>
</div>
</body>
</html>
Avatar billede keysersoze Ekspert
12. januar 2010 - 09:47 #7
Kan du ikke give et link til hvor siden kan ses og med dit forsøg indskrevet - så er det lettere at se hvor det går galt.
Avatar billede mitzie Nybegynder
12. januar 2010 - 12:22 #8
Jo her er siden: http://mitzieloland.dk/kontakt.htm

Jeg har i konden skrevet:

<body style="background-image: mitzieloland.dk/foto.jpg; background-repeat: no-repeat; background-position: bottom center;">

Men der er intet at se på siden :(
Avatar billede keysersoze Ekspert
12. januar 2010 - 20:04 #9
du har jo også omskrevet min kode fra #5 - så er det jo klart det ikke fungerer :)
Avatar billede mitzie Nybegynder
13. januar 2010 - 11:53 #10
Hej igen.

Er det så sådan koden skal se ud, jer er lidt forvirret?

<body style="background-image: http://www.mitzieloland.dk/foto.jpg(foto.jpg); background-repeat: no-repeat; background-position: bottom center;">
Avatar billede keysersoze Ekspert
13. januar 2010 - 12:03 #11
du skal bare copy/paste det jeg har skrevet - du skal slet ikke omskrive noget.
Avatar billede mitzie Nybegynder
13. januar 2010 - 12:28 #12
Okay, nu begynder det at virke :)

Man hvordan låser jeg baggrundsbilledet fast i bunden af skærmen, så det ikke følger med når jeg scroller?

Se her:

http://mitzieloland.dk/test.htm
Avatar billede mitzie Nybegynder
13. januar 2010 - 14:51 #13
Nu har jeg fundet ud af det - fandt en kode på nettet:

<script language="JavaScript1.2">

/*
Watermark Backgound Image Script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and TOS,
visit dynamicdrive.com
*/

if (document.all||document.getElementById)
document.body.style.background="url('foto.jpg') black center no-repeat fixed bottom"

</script>


Tak for din hjælp :)
Avatar billede keysersoze Ekspert
13. januar 2010 - 17:57 #14
ovenstående løsning er både god og dårlig. Det gode er, at der sættes den style på der mangler, nemlig fixed, men det rigtig dårlige er at det sker vha javascript. Du kan (og skal) gøre det ved normal css som den øvrige kode;

<body style="background-image: (foto.jpg); background-repeat: no-repeat; background-position: bottom center; background-attachment: fixed;">
Avatar billede mitzie Nybegynder
13. januar 2010 - 19:52 #15
Nå okay, så vil jeg bruge den kode du anbefaler. Tak for hjælpen :)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
10 min siden What is Block Blast? Af makmalon Elon i 3D-software
27/1222:02 Låse brugt iPad op Af drstein i iOS, iPhone & iPad
27/1219:21 Hvor finder jeg en oversigt over mine spørgsmål Af KurtG i Hjælp og fejl
27/1211:31 TP-Link Wifi extender opsat som accesspoint giver 50% up- og download, Af Uvanga i Wifi
26/1213:05 Hvorfor bliver tiff-filer større ved konvertering til samme format Af KurtG i Billedbehandling
White papers
Flere white papers »