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
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"> </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"> </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"> </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> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </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"> </td>
<td width="107" align="center"> </td>
<td width="167" align="center"> </td>
<td width="167" align="center"> </td>
<td width="163" align="center"> </td>
</tr>
<tr>
<td colspan="5" align="left">
bund </td>
</tr>
</table>
</center>
</body>
</html>
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>