Avatar billede mads375 Juniormester
08. februar 2008 - 03:15 Der er 8 kommentarer og
1 løsning

baggrund går ind i tabel

Hejsa.

Jeg har et top banner, hvor jeg har 5 knapper som fungerer som roll over links.
Da jeg satte mit baggrunds billede ind, kommer der et mellemrum indmellem 2 af knapperne, hvordan f*nd*n kan det være??
Har siddet med det i 3 timer nu.

Håber i har nogle ideer

Med Venlig Hilsen
Mads
Avatar billede mstorgaard Praktikant
08. februar 2008 - 08:05 #1
Kan du prøve at ligge din kode herind?
Avatar billede mads375 Juniormester
08. februar 2008 - 13:31 #2
Jeg har lagt hele koden herind. Håber du/i har tid til at kigge på det.

<html>

<head>
    <title>index</title>
<link rel="stylesheet" type="text/css" href="css/billeder.css"/>

<script type="text/javascript">
<!--
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];}}
}
//-->
</script>

<script language="JavaScript1.1">
<!--


// Mili sekund mellem billederne
var slidespeed=3000

//specifikke images
var slideimages=new Array("img/slideshow/Billede1.jpg","img/slideshow/Billede2.jpg","img/slideshow/Billede3.jpg","img/slideshow/Billede4.jpg","img/slideshow/Billede5.jpg","img/slideshow/Billede6.jpg","img/slideshow/Billede7.jpg" )

var imageholder=new Array()
var ie=document.all
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}
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_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 onload="MM_preloadImages('img/forsideorange.jpg','img/undervisningorange.jpg','img/galleriorange.jpg','img/infoorange.jpg','img/tilmeldingorange.jpg','img/naturvejlederefter.jpg','img/friluftsgaardefter.jpg')">
<center>
<table cellpadding="0" cellspacing="0" border="0" width="731">
        <tr>
          <td colspan="5" align="left">
                <table cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td class="banner1" align="left" colspan="6">&nbsp;</td>
                    </tr>
                    <tr>
                      <td class="banner2"></td>
                        <td width="58"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('forside','','img/forsideorange.jpg',1)"><img src="img/forside.jpg" alt="forside" name="forside" width="58" height="53" border="0" id="forside" /></a></td>
                        <td width="82"><a href="undervisning.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('undervisning','','img/undervisningorange.jpg',1)"><img src="img/undervisning.jpg" alt="undervisning" name="undervisning" width="82" height="53" border="0" id="undervisning" /></a></td>
                        <td width="57"><a href="galleri.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('galleri','','img/galleriorange.jpg',1)"><img src="img/galleri.jpg" alt="galleri" name="galleri" width="57" height="53" border="0" id="galleri" /></a></td>
                        <td width="57"><a href="info.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('info','','img/infoorange.jpg',1)"><img src="img/info.jpg" alt="info" name="info" width="57" height="53" border="0" id="info" /></a></td>
                        <td width="66"><a href="tilmelding.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('tilmelding','','img/tilmeldingorange.jpg',1)"><img src="img/tilmelding.jpg" alt="tilmelding" name="tilmelding" width="66" height="53" border="0" id="tilmelding" /></a></td>
                  </tr>
                    <tr>
                        <td colspan="6" align="left">
                            <table cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td width="550" height="139" rowspan="2" valign="top" style="width: 550px;"></a><img src="Billede1.jpg" name="slide" width=550 height=139 border=0 align="top" style="filter:blendTrans(duration=3)"></a>

<script language="JavaScript1.1">
<!--

var whichlink=0
var whichimage=0
var blenddelay=(ie)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+blenddelay)
}
slideit()

//-->
</script>
                              <td class="nuvaerende">&nbsp;</td>
                              </tr>
                                <tr>
                                  <td valign="top"><img src="img/nuvaerendeelever.jpg" width="180" height="114" /></td>
                                </tr>
                      </table>                        </td>
                    </tr>
                    <tr>
                        <td class="vstreg" colspan="6">                        </td>
                    </tr>
                </table>            </td>
        </tr>
        <tr>
            <td colspan="5">
                <table cellpadding="0" cellspacing="0" border="0" width="730px">
                    <tr>
                        <td width="108" align="left" valign="top">
                            <table class="bgcolor" width="110" height="322" border="0" cellpadding="0" cellspacing="0">
<tr>
                                    <td width="106">1</td>
                              </tr>
                                <tr>
                                    <td>2</td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>7</td>
                                </tr>
                                <tr>
                                    <td>8</td>
                                </tr>
                                <tr>
                                    <td>9</td>
                                </tr>
                            </table>                        </td>
                        <td class="lstreg" width="9" align="left" valign="top">&nbsp;</td>
                        <td width="493" align="left" valign="top">
                            <table width="438"  height="190" border="0" cellpadding="0" cellspacing="0" class="midtbg">
<tr>
                                    <td width="480">
                                        <p>&nbsp;</p>
                                        <p>&nbsp;</p>
                                        <p>&nbsp;</p>
                                        <p>&nbsp;</p>
                                        <p>&nbsp;</p>
                                        <p>&nbsp;</p>
                                        <p>&nbsp;</p>
                                        <p>&nbsp;</p>
                                        <p>&nbsp;</p>
                  <p>&nbsp;</p></td>
                              </tr>
                          </table>                        </td>
                        <td width="110" align="right" valign="top">
                            <table cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td><div align="left"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('naturvejleder','','img/naturvejlederefter.jpg',1)"><img src="img/naturvejleder.jpg" alt="naturvejleder" name="naturvejleder" width="171" height="46" border="0" id="naturvejleder" /></a></div></td>
                                </tr>
                                <tr>
                                    <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('friluftsgaard','','img/friluftsgaardefter.jpg',1)"><img src="img/friluftsgaard.jpg" alt="friluftsgaard" name="friluftsgaard" width="171" height="53" border="0" id="friluftsgaard" /></a></td>
                              </tr>
                                <tr>
                                    <td>3</td>
                                </tr>
                            </table>                        </td>
                  </tr>
            </table>            </td>
        </tr>
        <tr>
          <td width="127" align="center">&nbsp;</td>
          <td width="107" align="center">&nbsp;</td>
          <td width="167" align="center">&nbsp;</td>
          <td width="167" align="center">&nbsp;</td>
          <td width="163" align="center">&nbsp;</td>
        </tr>
        <tr>
            <td colspan="5" align="left">
                bund            </td>
        </tr>
  </table>
</center>
</body>
</html>
Avatar billede morten-vadskaer Praktikant
08. februar 2008 - 13:55 #3
Jeg kan ikke lige løse dit problem, men vil anbefale, at du i stedet bruger CSS til at layoute med og tabeller til at præsentere data i. Det gør det nemmere.
Avatar billede mads375 Juniormester
08. februar 2008 - 14:38 #4
ok, jeg bruger css til baggrundsbilleder, kan man skrive sine javascript ind i css??
Avatar billede olebole Juniormester
08. februar 2008 - 18:14 #5
<ole>

Nej, man kan ikke skrive scripts i CSS. Man kan heller ikke bruge CSS i stedet for tabeller - men man kan bruge andre HTML-elementer, end tabeller  ;o)

Prøv at lægge et link til siden. Kode siger sjældent ret meget i denne slags spørgsmål, da vi mangler al grafikken

/mvh
</bole>
Avatar billede dkfire Nybegynder
08. februar 2008 - 23:08 #6
Du mangler også lige en dokumenterklæring øverst.
Noget ala:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

( Men det er eller noget olebole er god til at fange ;-) )
Avatar billede mads375 Juniormester
16. februar 2008 - 13:11 #7
synes <olebole> skal have pointene her.
ligger du et svar.
Avatar billede olebole Juniormester
16. februar 2008 - 13:51 #8
Det synes jeg ikke, for jeg nåede jo aldrig at levere nogen brugbare svar, men tak for tanken  :)
Avatar billede mads375 Juniormester
03. oktober 2008 - 13:52 #9
ok:-)
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