Søg
Avatar billede knallertjoe Praktikant
18. januar 2006 - 13:24 Der er 19 kommentarer og
1 løsning

baggrund på baggrund

hej med jer.
På min side har jeg brugt koden fra
http://www.eksperten.dk/spm/344095
som lyder:
<style>
body
{background-image: url(forside1.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
</style>

Jeg vil gerne BÅDE have det stillestående 1x2 billede samt den kornede baggrund der ses for oven.
Kan det lade sig gøre?
Er den eneste løsning, at lave et stort (1024x768) (eller større) billede og så bruge dette som baggrund?
Avatar billede knallertjoe Praktikant
18. januar 2006 - 13:27 #1
Hvis jeg i frontpage kliker af til mit baggrundsbillede som er græstæppet, og samtidig indsætter koden i body, er det græstæppet der "vinder" og man ser ikke 1x2 billedet.
Avatar billede fennec Nybegynder
18. januar 2006 - 13:44 #2
Du kan kun have EN baggrund pr element. Så du placere bare en <div> i <body> elementet, og lader den have en baggrund også:

body{background-image: url(forside1.gif);..osv..}
#back{width:100%;height:100%;background-image: url(forside2.gif);..osv..}

<body>
<div id="back">
Alt dit HTML kode her...
</div>
</body>

Det er vist nødvendigt at sætte en fast højde på div elementet, men det kan jeg ikke helt huske...
Avatar billede knallertjoe Praktikant
18. januar 2006 - 13:49 #3
Hej med dig.
Jeg er ikke den vilde koder.
Kan du opstille den korrekte kode for mig.
De to billeder jeg benytter er: 1x2.gif samt græsbaggrund.gif
Avatar billede fennec Nybegynder
18. januar 2006 - 13:56 #4
Det må være noget i denne stil:
body{background-image: url(græsbaggrund.gif);background-repeat:repeat;}
#back{width:100%;height:100%;background-image: url(1x2.gif);background-repeat: no-repeat; background-attachment: fixed; background-position: center;}
Avatar billede knallertjoe Praktikant
18. januar 2006 - 15:28 #5
Desværre virker det ikke.
Har den her: www.supertipsligaen.dk/test.asp

(har tilføjet <style> tags  (se: vis kilde)
Avatar billede fennec Nybegynder
18. januar 2006 - 15:33 #6
<style> skal stå i head delen, også mangler du div taget også:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>body</title>
<style>
body{background-image: url(græsbaggrund.gif);background-repeat:repeat;}
#back{width:100%;height:100%;background-image: url(1x2.gif);background-repeat: no-repeat; background-attachment: fixed; background-position: center;}
</style>

</head>

<body>
<div id="back">
<table border="1" width="100%">
    <tr>
        <td>&nbsp;</td>
    </tr>
</table>
</div>
</html>
Avatar billede knallertjoe Praktikant
18. januar 2006 - 21:35 #7
Tak for dit forsøg !
Desværre virker det endnu ikke som jeg gerne vil have det til.
Se www.supertipsligaen.dk/test.asp

Det jeg gerne vil have, er den grønne baggrund samt 1x2 stående som fast baggrund i midten når man scroller på siden
Avatar billede fennec Nybegynder
19. januar 2006 - 08:29 #8
Har lavet et eks som virker her:
http://www.henriknygaard.dk/experten/680588/

Div'en skal omkranse hele din HTML kode.
Avatar billede knallertjoe Praktikant
19. januar 2006 - 10:17 #9
Fantastisk.
Kan jeg ikke tildele fennec påint også? Han var trods alt også meget på banen
Avatar billede knallertjoe Praktikant
19. januar 2006 - 11:02 #10
Jeg har lige opdatet, at der er dobbelt scrollbar i højre side.
Hører det med til løsningspakken, eller er det muligt at fjerne den ene scrollbar?
Avatar billede fennec Nybegynder
19. januar 2006 - 11:23 #11
Det er noget IE gør. Der er altid en scroll i siden, medmindre siden er opbygget med frames. Et forslag er derfor at smide siden i et frameset, hvor du kan styre om der skal være scrollbars:

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

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

<frameset cols="*">
  <frame name="main" src="index.asp">
</frameset>
</html>

Eks findes på:
http://www.henriknygaard.dk/experten/680588/frame.asp
Avatar billede knallertjoe Praktikant
19. januar 2006 - 12:08 #12
Det ser rigtigt fint ud.
Men jeg har næsten altid fået at vide, at rammesider kan fucke op i hjemmesiderne, og derfor har jeg altid holdt mig fra dette.
Er det korrekt, eller kan jeg bevæge mig ud i at benytte rammer uden at være nervøs?
Avatar billede fennec Nybegynder
19. januar 2006 - 12:40 #13
Så kan du fortælle dem at de tager fejl :o)

Man kan sagtens bruge rammer uden problemer. Det er først når man overdriver brugen af dem, at der kan begynde at opstå problemer, men det er fordi man mister overblikket.

Der findes mange misforstået ideer ude på nettet, hvor rammer og tabeller er de mest udbrede. Så hvis du har taget det til dig, at man skal bruge div's i stedet for tabeller, kan du smide den ide ud også. Tabeller er uundværlige og meget bedre end div's til visse opgaver.
Avatar billede knallertjoe Praktikant
19. januar 2006 - 14:10 #14
Tak for svaret.
Kan du fortælle mig hvad DIV egentlig gør?
Avatar billede fennec Nybegynder
19. januar 2006 - 14:50 #15
Jeg ved ikke hvordan jeg helt skal forklare det, men jeg opfatter div (og span) som et "container" element. Det er altså et element som indeholder andre elementer og tekst. Det er en måde at gruppere dine oplysninger, så det er nemmere at flytte rundt på, da du flytter hele div'en.

Div's har derfor sin styrke til layout, fordi man så kan flytte hele indholdet af div'en. F.eks sådan her:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <title>Untitled</title>
<style>
#div1{top:0px;left:0px;border:1px solid black;width:200px;position:absolute;background-color:#009966}
#div2{top:60px;left:20px;border:1px solid black;width:200px;position:absolute;background-color:#669966}
</style>
</head>

<body>
<div id="div1">
Div 1<br>
<br>
<input type="Button" value="klik" onClick="return false;"><br>
<a href="http://www.google.dk">google</a>
</div>

<div id="div2">
Div 2<br>
<br>
<input type="Button" value="klik" onClick="return false;"><br>
<a href="http://www.google.dk">google</a>
</div>

</body>
</html>
Avatar billede fennec Nybegynder
19. januar 2006 - 14:51 #16
... Prøv at ændre værdierne i top og left i stylet. Du kan også sætte en height på, for at bestemme højden af det enkelte div.
Avatar billede knallertjoe Praktikant
19. januar 2006 - 14:53 #17
Prøv at se siden i 1280 x 1024.
Kan du fortælle mig hvorfor det hele er venstrestillet selvom jeg har markeret tabellen i frontbage og bedt om at centrere tabellen?
Tak for svaret i øvrigt
Avatar billede fennec Nybegynder
19. januar 2006 - 15:02 #18
du må ikke have en width og height på div'en. De skal begge være sat til 100%, lige som det allerede er sat til i "#back" stylet.
Avatar billede knallertjoe Praktikant
19. januar 2006 - 15:04 #19
Tak fordi du er så tålmodig med mig...
Men jeg er ikke helt med ?
Avatar billede fennec Nybegynder
19. januar 2006 - 15:06 #20
Glem min besked, jeg var inde på din test side....

Hvad er problemet?? Jeg ken ikke se hvor det er venstrestillet...
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
I går 14:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
White papers
Flere white papers »