border bottom igen.
Hejsa.Jeg har oprettet et spørgsmål før, men jeg er virkelig i krise, da siden skal udgives imorgen og jeg kan bare ikke få det til at fungere.
Jeg vil gerne have at når der bliver oprettet et link kommer der automatisk en border på understregen i den pågældende <td>
Jeg håber i kan hjælpe.
Jeg smider lige koden her:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>index</title>
<link rel="stylesheet" type="text/css" href="css/billeder.css">
<style type="text/css">
<!--
.style2 {font-size: 12px}
-->
</style>
<script 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>
<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>
<link href="css/links.css" rel="stylesheet" type="text/css" />
</head>
<body class="baggrund" onload="MM_preloadImages('img/hesteefter.jpg','img/naturvejlederefter.jpg','img/friluftsgardefter.jpg','img/nuvarendeholdefter.jpg','img/forsideorange.jpg','img/undervisningorange.jpg','img/galleriorange.jpg','img/infoorange.jpg','img/tilmeldingorange.jpg','img/orienteringslobefter.jpg','img/adventureefter.jpg','img/friluftslivefter.jpg')">
<center>
<table cellpadding="0" cellspacing="0" border="0" width="728">
<tr>
<td colspan="2" align="left">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="banner1" align="left" colspan="6"> </td>
</tr>
<tr>
<td width="410" class="banner2" style="width: 410px;" cellpadding="0" cellspacing="0"> </td>
<td width="58"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','img/forsideorange.jpg',1)"><img src="img/forside.jpg" name="Image10" width="58" height="53" border="0" id="Image10" /></a></td>
<td width="82"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','img/undervisningorange.jpg',1)"><img src="img/undervisning.jpg" name="Image11" width="82" height="53" border="0" id="Image11" /></a></td>
<td width="57"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','img/galleriorange.jpg',1)"><img src="img/galleri.jpg" name="Image12" width="57" height="53" border="0" id="Image12" /></a></td>
<td width="57"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','img/infoorange.jpg',1)"><img src="img/info.jpg" name="Image13" width="57" height="53" border="0" id="Image13" /></a></td>
<td width="66"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','img/tilmeldingorange.jpg',1)"><img src="img/tilmelding.jpg" name="Image14" width="66" height="53" border="0" id="Image14" /></a></td>
</tr>
<tr>
<td colspan="6" align="left">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="550" height="139" rowspan="3" 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="bgcolor" width="180" height="28" valign="top"><a href="Nuvarendehold.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Nuvarende Hold','','img/nuvarendeholdefter.jpg',1)"><img src="img/nuvarendehold.jpg" alt="nuværende hold" name="Nuvarende Hold" width="180" height="25" border="0" id="Nuvarende Hold" /></a></td>
</tr>
<tr>
<td class="bgcolor"img src="nuvarendehold.jpg" height="111" width="180" valign="top" alt="Nuvarende Hold"><div align="center"><img src="img/nuvaerendeelever.jpg" alt="nuværende hold" width="134" height="100" align="absmiddle"/></div></td>
</tr>
</table> </td>
</tr>
<tr>
<td class="vstreg" colspan="6"></td>
</tr>
</table> </td>
</tr>
<tr>
<td colspan="2">
<table cellpadding="0" cellspacing="0" border="0" width="730">
<tr>
<td class="links" width="163" rowspan="2" align="left" valign="top">
<table width="163" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="163" align="left">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>7kkkkkkkkkkkkkkkkkkkk</td>
</tr>
<tr>
<td>8</td>
</tr>
<tr>
<td>9</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table> </td>
<td class="lstreg" width="7" rowspan="2" align="left" valign="top"> </td>
<td class="bgcolor" colspan="4" align="left" valign="top"><p> </p>
<p> </p>
<p> </p>
<p> </p></td>
<td class="bgcolor" width="168" align="right" valign="top">
<p> </p>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="124"><a href="http://www.friluftsgard.dk/naturvejleder.htm" target=_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('naturvejleder','','img/naturvejlederefter.jpg',1)"><img src="img/naturvejleder.jpg" alt="naturvejleder" name="naturvejleder" width="124" height="38" border="0" id="naturvejleder" /></a></td>
</tr>
<tr>
<td><a href="http://www.friluftsgard.dk/" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('friluftsgaard','','img/friluftsgardefter.jpg',1)"><img src="img/friluftsgard.jpg" alt="friluftsgaard" name="friluftsgaard" width="124" height="49" border="0" id="friluftsgaard" /></a></td>
</tr>
<tr>
<td> </td>
</tr>
</table> </td>
</tr>
<tr>
<td width="135" align="left" valign="top"><a href="orienteringslob.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('orienteringslob','','img/orienteringslobefter.jpg',1)"><img src="img/orienteringslob.jpg" alt="orienteringsløb" name="orienteringslob" width="139" height="131" border="0" id="orienteringslob" /></a></td>
<td width="131" align="left" valign="top"><a href="adventurerace.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('adventurerace','','img/adventureefter.jpg',1)"><img src="img/adventure.jpg" alt="adventurerace" name="adventurerace" width="129" height="131" border="0" id="adventurerace" /></a></td>
<td width="125" align="left" valign="top"><a href="friluftsliv.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('friluftsliv','','img/friluftslivefter.jpg',1)"><img src="img/friluftsliv.jpg" alt="friluftsliv" name="friluftsliv" width="124" height="131" border="0" id="friluftsliv" /></a></td>
<td width="1" align="left" valign="top"><a href="undervisning/heste.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('heste','','img/hesteefter.jpg',1)"></a></td>
<td class="bgcolor" width="168" align="right" valign="top"><a href="heste.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('heste','','img/hesteefter.jpg',1)"><img src="img/heste.jpg" alt="heste" name="heste" width="165" height="131" border="0" id="heste" /></a></td>
</tr>
</table> </td>
</tr>
<tr>
<td width="172" align="center" class="bgcolor"> </td>
<td width="558" align="center" class="bgcolor"><div align="left" class="style2">
<div align="center">Himmelbjergegnens Natur & Idrætsefterskole - Vesterled 1 - Tlf: 86898399 - gitte.isager@himmelbjergegnens.dk</div>
</div></td>
</tr>
</table>
</center>
</body>
</html>
Det er dette her jeg gerne vil have det til at fungerer på:
<td class="links" width="163" rowspan="2" align="left" valign="top">
<table width="163" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="163" align="left">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>7kkkkkkkkkkkkkkkkkkkk</td>
</tr>
<tr>
<td>8</td>
</tr>
<tr>
<td>9</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
Mit eksterne stylesheet ser sådan ud:
a:link {
color: #6c6c6c;
text-decoration: none;
background-color: #f9f6ef;
font: Myriad Pro;
border-bottom: 80px solid black;
border-bottom-width: 2pt;
}
a:visited {
color: #6c6c6c;
text-decoration: none;
background-color: #f9f6ef;
font: Myriad Pro;
}
a:active {
color: #b4b4b4;
text-decoration: none;
background-color: #f9f6ef;
font: Myriad Pro;
}
a:hover {
color: #b4b4b4;
text-decoration: none;
background-color: #f9f6ef;
font: Myriad Pro;
}
.links {
background-color: #f9f6ef;
}
Jeg kan endvidere se det fungerer på mit skærmbillede i css dokumentet, men ikke i browseren.
Med Venlig Hilsen
Mads
