Avatar billede ruhigkeit Nybegynder
02. juni 2005 - 18:29 Der er 14 kommentarer og
1 løsning

Baggrundsbillede passer ikke

Hej! Her er en lille hastsag!

Jeg har været så heldig at få en udfordring! En hjemmeside der kører imorgen. Nu er jeg dog stødt på et problem.
Baggrundsbilledet i den tabel jeg har oprettet, passer ikke ind i tabellen, selvom pixelstørrelsen er nøjagtig det samme. Dette bevirker at jeg, når jeg skal lave en ganske enkel mouseover funktion, får en knap der ikke ligger hvor den skal. Den ligger simpelthen 2-7 pixels for langt nede (øjemålet er ikke hvad det har været). Man kan også se at billedet starter igen forneden i tabellen - som om det ikke er stort nok...
Jeg er sikker på at billedet er 900x532 pixels.
Er der nogen der kan fortælle mig hvad fejlen er?

Mvh. Jens -

Koden ser ud som følger, genereret af Dreamweaver:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>glemdigselv.dk</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body bgcolor="#000000" onLoad="MM_preloadImages('plakat_02.jpg')">
<table width="900" height="532" border="0" align="center" cellpadding="0" cellspacing="0" background="Forside.jpg">
  <tr>
    <td width="127" height="12">&nbsp;</td>
    <td width="201" height="12">&nbsp;</td>
    <td width="80" height="12">&nbsp;</td>
    <td width="160" height="12">&nbsp;</td>
    <td width="63" height="12">&nbsp;</td>
    <td width="131" height="12">&nbsp;</td>
    <td width="74" height="12">&nbsp;</td>
    <td width="64" height="12">&nbsp;</td>
  </tr>
  <tr>
    <td width="127" height="117">&nbsp;</td>
    <td width="201" height="117" align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','plakat_02.jpg',1)"><img src="plakat_01.jpg" name="Image1" width="201" height="117" border="0"></a></td>
    <td width="80" height="117">&nbsp;</td>
    <td width="160" height="117">&nbsp;</td>
    <td width="63" height="117">&nbsp;</td>
    <td width="131" height="117">&nbsp;</td>
    <td width="74" height="117">&nbsp;</td>
    <td width="64" height="117">&nbsp;</td>
  </tr>
  <tr>
    <td width="127" height="47">&nbsp;</td>
    <td width="201" height="47">&nbsp;</td>
    <td width="80" height="47">&nbsp;</td>
    <td width="160" height="47">&nbsp;</td>
    <td width="63" height="47">&nbsp;</td>
    <td width="131" height="47">&nbsp;</td>
    <td width="74" height="47">&nbsp;</td>
    <td width="64" height="47">&nbsp;</td>
  </tr>
  <tr>
    <td width="127" height="80">&nbsp;</td>
    <td width="201" height="80">&nbsp;</td>
    <td width="80" height="80">&nbsp;</td>
    <td width="160" height="80">&nbsp;</td>
    <td width="63" height="80">&nbsp;</td>
    <td width="131" height="80">&nbsp;</td>
    <td width="74" height="80">&nbsp;</td>
    <td width="64" height="80">&nbsp;</td>
  </tr>
  <tr>
    <td width="127" height="210">&nbsp;</td>
    <td width="201" height="210">&nbsp;</td>
    <td width="80" height="210">&nbsp;</td>
    <td width="160" height="210">&nbsp;</td>
    <td width="63" height="210">&nbsp;</td>
    <td width="131" height="210">&nbsp;</td>
    <td width="74" height="210">&nbsp;</td>
    <td width="64" height="210">&nbsp;</td>
  </tr>
  <tr>
    <td width="127" height="66">&nbsp;</td>
    <td width="201" height="66">&nbsp;</td>
    <td width="80" height="66">&nbsp;</td>
    <td width="160" height="66">&nbsp;</td>
    <td width="63" height="66">&nbsp;</td>
    <td width="131" height="66">&nbsp;</td>
    <td width="74" height="66">&nbsp;</td>
    <td width="64" height="66">&nbsp;</td>
  </tr>
</table>

</body>
</html>
Avatar billede foxmulder58 Praktikant
02. juni 2005 - 18:39 #1
jeg tror det er lettere hvis du smider siden ud på nettet..så er det lettere at finde fejlen.

Men jeg kan se at du ikke referer til hvor dine billeder ligger.

du skriver:

<table width="900" height="532" border="0" align="center" cellpadding="0" cellspacing="0" background="Forside.jpg">


men skal der ikke være en sti ti billedet som eksemplet nedenunder(hvor billedet llogger i mappen "Images":


<table width="900" height="532" border="0" align="center" cellpadding="0" cellspacing="0" background="/images/Forside.jpg">



mvh
Mads
Avatar billede ruhigkeit Nybegynder
02. juni 2005 - 18:47 #2
Da det som nævnt er en hastesag, er domænet endnu ikke oppe at køre - det skulle dog blive aktiveret her kl. 19, ifølge DK Hostmaster. Derfor kan jeg ikke lægge det ud, desværre.

Billedet "Forside" ligger blot i rodmappen til at starte med - og det udgør intet problem, billedet viser sig udemærket. Det er placeringen/størrelsen der er et eller andet i vejen med :-/
Avatar billede ruhigkeit Nybegynder
02. juni 2005 - 19:09 #3
Slet ingen der har et forslag?
Eller en anden måde at gøre det på?
Avatar billede jokkejensen Novice
02. juni 2005 - 20:44 #4
<table style="background-image:url(billede.jpg);background-repeat:no-repeat;>

Brug den hvis du har så travlt :)

jeg tror det har noget at gøre med højden på 12px på en celle men er ikke sikker, foxmulder har ret, det er lidt uoverskueligt...
Avatar billede weblex Nybegynder
02. juni 2005 - 20:46 #5
Hvor stort er dit "knap-billede". Er højden større end 117?
Avatar billede jokkejensen Novice
02. juni 2005 - 20:50 #6
han sætter height.. jeg studsede også lige :)
Avatar billede ruhigkeit Nybegynder
02. juni 2005 - 21:00 #7
Billedet er 117 højt - al kode er genereret af DW, jeg har aldrig arbejdet så meget i koden :-/

>Jokke> kan det ændre noget, hvis jeg laver den øverste række på 12 px højere?
Avatar billede jokkejensen Novice
02. juni 2005 - 21:03 #8
jeg mener bare, kan sagtens tage fejl, men at der er lidt regler for hvor lille højden kan være på en celle.. jeg ville slette den, og smide padding på den anden celle eller benytte lidt margin css...
Avatar billede jokkejensen Novice
02. juni 2005 - 21:08 #9
jo jeg kan ikke lige få den til det i quirks mode, som du kører.... og tænker heller ikke det kan lykkes med andre..

Prøv at fjerne cellen... og lave en hvilken som helst anden størrer... og se om det passer..
Avatar billede ruhigkeit Nybegynder
02. juni 2005 - 21:14 #10
Nu funker det - det var det med at cellehøjden var for lille - eller ikke kunne være så lille eller hvordan man skal sige det.
Tak for hjælpen - nu tror jeg på at jeg når det + får lidt søvn i nat også :-D
Avatar billede ruhigkeit Nybegynder
02. juni 2005 - 21:16 #11
Arh - hvordan fungerer det her med pointene nu? :-D
Send et svar eller noget :-)
Avatar billede jokkejensen Novice
02. juni 2005 - 22:13 #12
tak :)
Avatar billede ruhigkeit Nybegynder
02. juni 2005 - 22:36 #13
Det er mig der takker - og min kammerat der skal til eksamen på mandag, hvor denne side skal virke ;-)
Avatar billede olebole Juniormester
03. juni 2005 - 08:58 #14
<ole>

For en anden gangs skyld, er det skriftstørrelsen og liniehøjden, der driller .... ikke mindst i IE, der har det med at kaste blanktegn om sig 'på udsatte steder'  ;o)

    <td style="font-size:0px;line-height:0px;width:1px;height1px;">&nbsp;</td>

/mvh
</bole>
Avatar billede olebole Juniormester
03. juni 2005 - 08:59 #15
- husk lige kolon efter 'height', hvis du vil prøve koden ... det smuttede lige for mig  :)
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
Kurser inden for grundlæggende programmering

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