Gå til innhold

To bakgrunner på samme side?

snorre-j

Anbefalte innlegg

snorre-j

snorre-j

Skrevet
Skrevet

hvordan kan jeg legge 2 bakgrunner, en som er plasert øverst til høyre uten repetering, og en som blir repetert på hele siden, på samme side?

 

Dette funker ikke.

<html>

<body style="background-position : 90% 20%"

style="background-repeat: no-repeat"

bgproperties="fixed"

background="horek.jpg"

 

<body style="background-position : 90% 20%"

style="background-repeat: repeat"

bgproperties="fixed"

background="bakgr.jpg"

</body

</html>

 

Slik ser det ut:

http://home.no/snojen/test/test.htm

 

 

Jeg vil det skal se slik ut:

http://home.no/snojen/test/frontpage.htm

Bildet er plasert i en tabell.

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
funkweb

funkweb

Skrevet
Skrevet
hvordan kan jeg legge 2 bakgrunner, en som er plasert øverst til høyre uten repetering, og en som blir repetert på hele siden, på samme side?

 

Dette funker ikke.

<html>

<body style="background-position : 90% 20%"  

style="background-repeat: no-repeat"

bgproperties="fixed"

background="horek.jpg"  

 

<body style="background-position : 90% 20%"  

style="background-repeat: repeat"

bgproperties="fixed"

background="bakgr.jpg"  

</body

</html>

 

Slik ser det ut:

http://home.no/snojen/test/test.htm

 

 

Jeg vil det skal se slik ut:

http://home.no/snojen/test/frontpage.htm

Bildet er plasert i en tabell.

 

Ups:

 

<html>

<body style="background-position : 90% 20%"

style="background-repeat: no-repeat"

bgproperties="fixed"

background="horek.jpg"

 

<body style="background-position : 90% 20%"

style="background-repeat: repeat"

bgproperties="fixed"

background="bakgr.jpg"

 

</body

</html>

 

sjekk endtag'en til body.. uten >

Lenke til kommentar
funkweb

funkweb

Skrevet
Skrevet

Jeg prøvde litt.. men usikker på hva du vil.

 

<body>

<table class="test" width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><table width="329" height="417" border="0" align="right" cellpadding="0" cellspacing="0">

<tr>

<td background="horek.jpg"></td>

</tr>

</table></td>

</tr>

</table>

</body>

</html>

 

 

class'en ser sånn:

 

.test {

background-image: url(bakgr.jpg);

background-repeat: repeat;

background-position: right top;

}

Lenke til kommentar
snorre-j

snorre-j

Skrevet
  • Forfatter
Skrevet

Endetag til body er fikset. men resultatet ble det samme.

Det jeg vil ha er noe som ser ut som dette helst uten å bruke tabeller.

Bildet av hårek må være bgproperties="fixed" . dvs. at bakgrunnen står stille når man "ruller".

Det er kansje ikke mulig? kansje noe javascript må til?

 

 

 

men hvor plaserer jeg class'en?

class'en ser sånn:

 

.test {

background-image: url(bakgr.jpg);

background-repeat: repeat;

background-position: right top;

}

Lenke til kommentar
funkweb

funkweb

Skrevet
Skrevet

men hvor plaserer jeg class'en?

class'en ser sånn:

 

.test {

background-image: url(bakgr.jpg);

background-repeat: repeat;

background-position: right top;

}

 

Du lager en test.txt og paste det inn der.

Rename den til test.css

 

Skal se nærmere om jeg klarer og få det til uten tabeller.

Lenke til kommentar
funkweb

funkweb

Skrevet
Skrevet

Jeg har fått det til UTEN tabell.

Men det er med css da.

 

HTML ser slik ut:

 

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

<html>

<head>

<title>Untitled Document</title>

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

<link href="tester.css" rel="stylesheet" type="text/css">

</head>

 

<body class="test">

<div class="horek"></div>

</body>

</html>

 

 

Lag en css fil.. som forklart tidligere og kall den for tester.css

 

i den fila skal dette inn:

.test {

background-image: url(bakgr.jpg);

background-repeat: repeat;

background-position: right top;

 

 

}

.horek {

background-image: url(horek.jpg);

background-repeat: no-repeat;

width: 329px;

height: 417px;

float: right;

 

 

 

}

 

Håper dette er det du vil ha.

Lenke til kommentar
funkweb

funkweb

Skrevet
Skrevet
emm. det ble hvist ikke helt perfekt.

http://home.no/snojen/test/nyest.htm

 

Hva er det som ikke blei så perfekt ?

Du vil ha texten skal gå over den horek bildet ???

 

ja., og at hårek bildet ikke flytter på seg når man scroller.

 

Da må du ha tabell da.

Hvorfor vil du ha uten ?.. de er egentlig ikke til bry.

De er til og hjelpe for å kunne gjøre ting.

 

Jeg regner med at du vil ha noe liknende:

 

www.tbldesign.com

 

NB !! teksten stopper på width:800..denne kan forandres.

 

800x600 er mest brukt.

Lenke til kommentar
snorre-j

snorre-j

Skrevet
  • Forfatter
Skrevet

Da må du ha tabell da.

Hvorfor vil du ha uten ?.. de er egentlig ikke til bry.

De er til og hjelpe for å kunne gjøre ting.

 

Jo men se på denne siden http://www.home.no/snojen/tempore.htm prøv å endre størrelse på vinduet og se hva som skjer med bakgrunnsbilde når man ruller opp og ned. hårek står stille.

 

tabeller er ikke til bry, men tabeller følger med teksten når man ruller ned på siden? og hvis man plaserer hårek i en tabell blir det ikke skik jeg vil ha det til å se ut.

Lenke til kommentar
funkweb

funkweb

Skrevet
Skrevet

Da må du ha tabell da.

Hvorfor vil du ha uten ?.. de er egentlig ikke til bry.

De er til og hjelpe for å kunne gjøre ting.

 

Jo men se på denne siden http://www.home.no/snojen/tempore.htm prøv å endre størrelse på vinduet og se hva som skjer med bakgrunnsbilde når man ruller opp og ned. hårek står stille.

 

tabeller er ikke til bry, men tabeller følger med teksten når man ruller ned på siden? og hvis man plaserer hårek i en tabell blir det ikke skik jeg vil ha det til å se ut.

 

 

Problemet er at i starten så skulle du ha hjelp til noe.

Og da så jeg at det er 2 bilder:

 

horek.jpg

bakgr.jpg

 

http://www.home.no/snojen/tempore.htm

Her er det bgcolor + bildet (horek)

Her er det ikke 2 bilder.....

På denne måten funker det kjempe fint når man ikke har 2 bilder... scroller og bildet er fast.

 

Men hva gjør du når du har bakgrunn bilde + horek ???

På denne måten vil ikke fixed fungere.

 

This property only works with the body element

 

body

{

background-image: url(bakgr.jpg); <--- eller horek !!

background-repeat: repeat;

background-attachment: fixed;

background-position: right top;

 

}

 

Velger du horek..hva med bakgr.jpg ???

Lenke til kommentar
funkweb

funkweb

Skrevet
Skrevet
Denne virker i Opera, men ikke i IE...  

er det meg som har noe feil i Internet Explorer eller? :oops:

 

Jeg har sjekket...

 

Jeg veit ikke hvorfor..

Men som sagt så er Opera en annet nettbrowser og ikke IE da.

Det går sikkert ann i IE, men da må nærmere undersøkelser..

*holder på*

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...