Avatar billede jsc Nybegynder
21. maj 2004 - 19:53 Der er 20 kommentarer og
1 løsning

Stræk af billede

Kan man strække et billede man har placeret som baggrund:

<table width="100%" height="18" border="0" cellspacing="0" cellpadding="0"  style="background-image:url(billede.gif);">

kan ovenstående trækkes på en måde - billedet er nemlig 400 pixels, men vil gerne have at man kan trække det længere eller kortere uden at skulle lavet et nyt - håber du/I forstår og kan hjælpe!

/jsc
Avatar billede keysersoze Ekspert
21. maj 2004 - 19:54 #1
ikke når det er baggrundsbillede - så kan du ikke
Avatar billede roenving Novice
21. maj 2004 - 19:55 #2
Eneste metode er at lægge det bagved i et img-tag !-)
Avatar billede jsc Nybegynder
21. maj 2004 - 19:56 #3
æv
Avatar billede jsc Nybegynder
21. maj 2004 - 19:57 #4
hvordan gøres det?
Avatar billede olebole Juniormester
21. maj 2004 - 20:05 #5
<ole>

<div style="position:relative">
  <img src="pic.gif" style="position:absolute;left:0px;top:0px;z-index:1">
  <table style="position:absolute;left:0px;top:0px;z-index:2" border="0" cellspacing="0" cellpadding="0">
</div>

Så kan du strække billedet med width og height
/mvh
</bole>
Avatar billede olebole Juniormester
21. maj 2004 - 20:06 #6
For lige at skære den lidt ud:

<div style="position:relative">
  <img src="pic.gif" style="position:absolute;left:0px;top:0px;z-index:1">
  <table style="position:absolute;left:0px;top:0px;z-index:2" border="0" cellspacing="0" cellpadding="0">
  ... osv ...
  </table>
</div>
Avatar billede jsc Nybegynder
21. maj 2004 - 20:10 #7
virkede desværre ikke olebole... men tak for hjælpen

gider alle svare?
Avatar billede roenving Novice
21. maj 2004 - 20:16 #8
Sådan måske så:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;border:0px;margin:0px;padding:0px;}
#maintable{border:1px inset;#527AA7;width:100%;height:100%;background:transparent;}
#bgPic{position:absolute;z-index:-1;clip:rect(0px,0px,0px,0px);}
</style>
<script language="javascript" type="text/javascript">
function resPic(){
  pic = document.getElementById('bgPic').style;
  tbl = document.getElementById('maintable');
  //pic.height = tbl.offsetHeight + 'px';
  pic.width = tbl.offsetWidth + 'px';
  pic.clip = 'rect(0px, ' + tbl.offsetWidth + 'px ' + tbl.offsetHeight + 'px 0px)';
}
</script>
</head>
<body onresize="resPic()" onload="resPic()">
<img id="bgPic" src="../billede.jpg">
<table id="maintable">
  <tr>
    <td>Noget
    </td>
  </tr>
</table>
</body>

</html>
Avatar billede jsc Nybegynder
21. maj 2004 - 20:20 #9
den strækker godt nok billedet - men det gør det ikke som baggrund i tabelen!
Avatar billede olebole Juniormester
21. maj 2004 - 20:22 #10
jsc >> Jeg skal ikke kunne sige, hvad der gik galt i din copy/paste. Jeg kan ikke se nogen fejl i mit eksempel  :)
Avatar billede jsc Nybegynder
21. maj 2004 - 20:28 #11
den trak ikke billedet ud olebole - det var sådan set det - så valgte den iøvrigt at gøre resten af grafikken omkring tabelen mærkelig
Avatar billede roenving Novice
21. maj 2004 - 20:29 #12
Som jeg har vist det, er det en hel table på en side, du kan også lægge det ind i et positioneret element ...

Men width:100% lyder nu som fuld side-bredde !-)

Tjah, medmindre du ikke bruger doctype inklusive dtd i IE, for så kan 100% jo være alt mellem det hele og intet !o|
Avatar billede jsc Nybegynder
21. maj 2004 - 20:51 #13
ved sku ikke hvad jeg bruger :)

ja.. jeg skal bruge width:100% lige der hvor table skal sidde, men det er fordi jeg har sat størrelsen længdere oppe...
Avatar billede roenving Novice
21. maj 2004 - 20:57 #14
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/500969">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;border:0px;margin:0px;padding:0px;text-align:center;}
#main{position:relative;width:740px;height:100%;overflow:hidden;}
#maintable{position:absolute;left:0px;top:0px;border:1px inset;#527AA7;width:100%;height:100%;background:transparent;z-index:1}
#bgPic{position:absolute;left:0px;top:0px;z-index:0;clip:rect(0px,0px,0px,0px);}
</style>
<script language="javascript" type="text/javascript">
function resPic(){
  pic = document.getElementById('bgPic').style;
  tbl = document.getElementById('maintable');
  //pic.height = tbl.offsetHeight + 'px';
  pic.width = tbl.offsetWidth + 'px';
  pic.clip = 'rect(0px, ' + tbl.offsetWidth + 'px ' + tbl.offsetHeight + 'px 0px)';
}
</script>
</head>
<body onresize="resPic()" onload="resPic()">
<div id="main">
  <img id="bgPic" src="../billede.jpg">
  <table id="maintable">
    <tr>
      <td>Noget
      </td>
    </tr>
  </table>
</div>
</body>
</html>
Avatar billede roenving Novice
21. maj 2004 - 21:00 #15
Hov, der er en fejl i border på table, men den skal vel heller ikke være der alligevel:

#maintable{position:absolute;left:0px;top:0px;width:100%;height:100%;background:transparent;z-index:1}
Avatar billede olebole Juniormester
21. maj 2004 - 21:06 #16
jsc >> Nej, det skrev jeg jo også, du selv kunne gøre, da jeg ikke vidste efter hvilke kriterier, det skulle knne trækkes - og hvad du ellers har liggende af grafik omkring tabellen, kan jeg jo heller ikke vide meget om  ;o)
Avatar billede jsc Nybegynder
21. maj 2004 - 21:21 #17
jeg ved godt det er svært... - men jeg har bare accepteret det som det er og så lave nogle billeder der passer ind. I må da gerne se koden for det hele, hvis det er noget - synes bare ikke der er nødvendigt...

hvis ikke, så må i godt svare...

/jsc
Avatar billede keysersoze Ekspert
30. juli 2004 - 13:03 #18
lukketid?
Avatar billede jsc Nybegynder
13. september 2004 - 20:21 #19
venter på svar...
Avatar billede roenving Novice
14. september 2004 - 15:54 #20
Oki '-)
Avatar billede roenving Novice
14. september 2004 - 23:28 #21
-- og tak for point ;~}
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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