Bakgrunnsbilde

[sluffy]

Jeg skal ha bakgrunnsbilde på siden min, men går det ann å få dette til å bli likt i alle oppløsninger???

jeg lager siden i 800x600 sånn at den skal funke hos flest mulig folk (har hørt at dett skal være lurt, men dokkar proffe folk kan jo komme med innspill..hehe), i 800x600 blir bildet bra... i 1280x1024 (som jeg vanligvis bruker) blir bildet satt ved siden av seg sjøl (dvs. det kommer to bilder i bredden), det funker egentlig og (men vil helst ha det som i 800x600, med ett som er midtstilt), men når jeg sitter oppløsningen til 1024x768 får eg ett og et halvt bilde... og det funker heller dårlig...

noen som har noen forslag til hva jeg kan gjøre???

[enden]

http://forum.hardware.no/viewtopic.php?p=1...1166970#1166970

Må modifisere litt, men der har du atributtene du må bruke

[mikk-]

Med background-repeat: no-repeat; i css så gjentar ikke bakrunnsbildet seg.

 

Har også et script som stammer fra login'en på routeren min. Det gjør at bakrunnsbildet alltid tilpasser seg oppløsningen.

 

<script language=javascript>

   NS4 = (document.layers);

   IE4 = (document.all);

imSRC= "BBBBIIIIILLLLLLDDDDDDDDEEEEEEE.jpg";

   function reDo() {

       if (IE4) {

           bgimage.width = document.body.clientWidth;

           bgimage.height = document.body.clientHeight;

       }

       else

           window.location.reload();

   };

   window.onresize = reDo;

   function makeIm() {

        if (NS4) {

           imStr = "<LAYER NAME='back' LEFT=0 TOP=0  ABOVE='content'>"

           + "<IMG SRC=" + imSRC;

           imStr += " HEIGHT=" + innerHeight;

           imStr += " WIDTH=" + innerWidth;

           imStr += "></LAYER>"

           + "<LAYER NAME='content' LEFT=0 TOP=0>";

       }

       else {

           winHgt = (IE4) ? document.body.clientHeight :  innerHeight;

           winWid = (IE4) ? document.body.clientWidth :  innerWidth;

           imStr = "<DIV ID='back'"

           + " STYLE='position:absolute;left:0;top:0;z-index:0'>"

           + "<IMG NAME='bgimage' BORDER=0 SRC=" + imSRC;

           imStr += " HEIGHT=" + winHgt;

           imStr += " WIDTH=" + winWid;

           imStr += "></DIV>";

           imStr += "<DIV ID='content' STYLE='position:absolute;z-index:1'>"

       }

     document.writeln(imStr);

   }

   makeIm();

   </script>

BBBBIIIIILLLLLLDDDDDDDDEEEEEEE.jpg byttes seff ut med bildet ditt.

[sluffy]

enden: jeg gjorde først sånn som du sa, men fikk bare opp samme som eg hadde

 

Mikka: din kode funket egentlig ganske bra, enesteproblemet var at bildet ble trykt litt smalere enn det skal være... så det ble liksom litt feil...

og bilde fulgte da med teksten (vet jeg glømte å si det, men bildet skulle så i ro bak teksten: fixed)

 

men ellers masse takk til dokkar...

[snorre-j]

<td style="background-image: url(bilde.jpg); background-repeat: no-repeat; background-position: right; background-attachment: fixed;">

</td>

 

vet ikke om fixed virker inne i en tabell.

(ingen strekk og tøy i denne)

[sluffy]

takk for tipset, men etter masse prøving og feiling fikk eg det til å virke....

[magikern]

<td style="background-image: url(bilde.jpg); background-repeat: no-repeat; background-position: right; background-attachment: fixed;">

</td>

 

vet ikke om fixed virker inne i en tabell.

(ingen strekk og tøy i denne)

 

utrolig mye unødvendig repetering av kode her da:

sånn skal det gjøres:

<td style="background: white url('bilde.jpg') no-repeat right fixed;">

</td>