Søg
Avatar billede mads375 Juniormester
09. februar 2008 - 16:54 Der er 37 kommentarer og
4 løsninger

link till ekstern css problem

Hejsa.

Jeg har en menu i mit venstre skærm billede, hvor jeg har en masse links, jeg gerne vil have en bestemt farve. Derfor har jeg ikke lagt et link i head til eksternt stylesheet, da det jo så påvirker alle links.
Problemet er når jeg ligger en class ind i den <td> som jeg gerne vil have det skal ske i, sker der ikke noget, nogen der har en ide??
<td>
<td class="links" width="28"><a href="undervisning.html">prove</a></td>
__________________________________________

Eksternt stylesheet:
a:link        {
                color: #6c6c6c;
                text-decoration: none;
               
               
}

a:visited    {
                color: #6c6c6c;
                text-decoration: none;
               
}

a:active        {
                color: #b4b4b4;
                text-decoration: none;
               
}

a:hover        {
                color: #b4b4b4;
                text-decoration: none;
               
               
}
Avatar billede olebole Juniormester
09. februar 2008 - 16:57 #1
<ole>

Prøv at lægge et link. Der er ikke noget, som ikke virker i den kode, du viser  :)

/mvh
</bole>
Avatar billede mads375 Juniormester
09. februar 2008 - 17:06 #2
den ligger kun lokalt på computeren, men linket skal da ligge i td og ikke tr, vel?
Avatar billede olebole Juniormester
09. februar 2008 - 17:07 #3
Så upload det til en server  :)

Et tr-element kan kun indeholde td-elementer, så et a-element skal ligge i td'en.
Avatar billede mads375 Juniormester
09. februar 2008 - 17:16 #4
det er en tabel inden i en tabel og inde i den tabel er der <td>èr.
Jeg har en class på tabellen inden i tabellen, kan det have noget med det at gøre??
Avatar billede gadensgaard Nybegynder
09. februar 2008 - 17:17 #5
Det har ingen virkning at du har givet din td en klasse hvis du ikke bruger klassen til noget:

.links a:link, .links a:visited {
                color: #6c6c6c;
                text-decoration: none;
}
.links a:active, .links a:hover {
                color: #b4b4b4;
                text-decoration: none;
}


Men noget helt andet - Style det da med css og divs og så drop de tabeller :)..
Avatar billede mads375 Juniormester
09. februar 2008 - 17:19 #6
ups, forkert sti. man kan vist se sig blind på det nogen gange.
tak for indsatsen og smid et svar:-/
Avatar billede mads375 Juniormester
09. februar 2008 - 17:22 #7
kan jeg ikke også smide en margin på mit css??
Avatar billede mads375 Juniormester
09. februar 2008 - 17:22 #8
eller blockquote?
Avatar billede w13 Novice
09. februar 2008 - 17:24 #9
Jo?

margin:10px;
..?
Avatar billede gadensgaard Nybegynder
09. februar 2008 - 17:25 #10
jo du kan bare smide en margin ind

.links a:link, .links a:visited {
                color: #6c6c6c;
                text-decoration: none;
                margin: 10px;
}

Eller margin-left, margin-right, margin-top, margin-bottom alt efter hvor du vil have din margin
Avatar billede mads375 Juniormester
09. februar 2008 - 17:26 #11
Det virker nu, men når jeg laver et link i tabellen nedenunder, springer den 2 linier ned i browseren??
Avatar billede mads375 Juniormester
09. februar 2008 - 17:28 #12
hvad med dette link hvor der er en lille pil ud for det link der er aktiv, kan jeg gøre det i css også??
Avatar billede gadensgaard Nybegynder
09. februar 2008 - 17:29 #13
prøv med padding:0px;
Avatar billede mads375 Juniormester
09. februar 2008 - 17:31 #14
det er sku lidt mærkeligt at det med linkene virker i forhold til farve, men når jeg sætte margin i mit css dokument, påvirker det hele siden??
Avatar billede gadensgaard Nybegynder
09. februar 2008 - 17:31 #15
og du har husket at skrive det som jeg sagde med ".links"?
Avatar billede mads375 Juniormester
09. februar 2008 - 17:32 #16
yes padding virker. sorry for alle spørgsmålene.
Avatar billede gadensgaard Nybegynder
09. februar 2008 - 17:34 #17
det er ok :)

Vi er her vel for at hjælpe hinanden
Avatar billede mads375 Juniormester
09. februar 2008 - 17:34 #18
troede egentlig at:
.links a:link, .links a:visited {
                color: #6c6c6c;
                text-decoration: none;
                margin: 10px;
}
var det samme som der stod i mit dokument:
a:link        {
                color: #6c6c6c;
                text-decoration: none;
               
   
               
               
}

a:visited    {
                color: #6c6c6c;
                text-decoration: none;
               
               
}

a:active        {
                color: #b4b4b4;
                text-decoration: none;
               
}

a:hover        {
                color: #b4b4b4;
                text-decoration: none;
}

blot mit stod i 4 rækker??
Avatar billede olebole Juniormester
09. februar 2008 - 17:36 #19
- hverken padding-top/padding-bottom eller margin-top/margin-bottom har indvirkning på inline-elementer - så de vil ikke hjælpe meget på links  :)
Avatar billede gadensgaard Nybegynder
09. februar 2008 - 17:38 #20
det er det ikke.

Du har angivet en class="links" i dit html dokument.

I CSS angiver man class med "." altså .links - så gælder det du skriver i .links{ } for den klasse.

Havde du i stedet angivet et id="menu" kunne du lave noget der kun gælder for din menu ved at skrive #links { } i din CSS
Avatar billede gadensgaard Nybegynder
09. februar 2008 - 17:39 #21
Olebole:
et er padding for den TD han har sat til 0 og ikke for selve linket :)..
Avatar billede mads375 Juniormester
09. februar 2008 - 17:43 #22
jeg har skrevet i mit css dokument:
.links        {
                margin-left: 10px;
               
}

men der sker ikke en skid, men jeg må sidde og rode lidt med det. Tusind tak for din store hjælp og tak for de hurtige svar også:-)
Avatar billede olebole Juniormester
09. februar 2008 - 17:44 #23
gadensgaard >> "Havde du i stedet angivet et id="menu" kunne du lave noget der kun gælder for din menu ved at skrive #links { } i din CSS" >> Nej, men derimod: #menu { }

"et er padding for den TD han har sat til 0 og ikke for selve linket" >> Det er ikke til at se ... hverken udfra kode eller tekst  :)
Avatar billede gadensgaard Nybegynder
09. februar 2008 - 17:45 #24
Nå ja ok den med menuen smuttede. og nej jeg bøjer mig i støvet på den anden det kunne man vel ikke se og i kan nok heller ikke se hvad jeg tænker :D
Avatar billede olebole Juniormester
09. februar 2008 - 17:46 #25
mads375 >> Prøv at lægge hele din kode herind. Der er mange ting, der kan være afgørende for, hvordan resultatet bliver - f.eks, hvad du skriver før dit html-start-tag  ;o)
Avatar billede mads375 Juniormester
09. februar 2008 - 17:50 #26
:-)

<!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/orienteringslobefter.jpg','img/adventureefter.jpg','img/friluftslivefter.jpg','img/hesteefter.jpg','img/naturvejlederefter.jpg','img/friluftsgardefter.jpg','img/nuvarendeholdefter.jpg')">
<center>
    <table cellpadding="0" cellspacing="0" border="0" width="730">
        <tr>
            <td colspan="2" align="left">
          <table cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td class="banner1" align="left" colspan="6">&nbsp;</td>
                  </tr>
                    <tr>
                        <td class="banner2" style="width: 410px;">&nbsp;</td>
                      <td>menu 1</td>
                        <td>menu 2</td>
                        <td>menu 3</td>
                        <td>menu 4</td>
                        <td>menu 5</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="190" 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="Nuvarende 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="190" valign="top" alt="Nuvarende Hold"><div align="center"><img src="img/nuvaerendeelever.jpg" alt="" 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="735">
<tr>
                        <td class="links" width="110" rowspan="2" align="left" valign="top" cellpadding="0">
<table width="125" border="0" cellpadding="0" cellspacing="0">
<tr>
                  <td width="125" align="left"><a href="undervisning.html">vbvbj</a></td>
                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                </tr>
                                <tr>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>Karakterer Opgivelser</td>
                                </tr>
                                <tr>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>7kkkkkkkkkkkkkkkkkkkkk</td>
                                </tr>
                                <tr>
                                    <td>8</td>
                                </tr>
                                <tr>
                                    <td>9</td>
                                </tr>
            </table>                        </td>
                  <td class="lstreg" width="5" rowspan="2" align="left" valign="top">&nbsp;</td>
            <td class="bgcolor" colspan="4" align="left" valign="top"><p>&nbsp;</p>
                        <p>&nbsp;</p>
                        <p>&nbsp;</p>
            <p>&nbsp;</p></td>
                  <td class="bgcolor" width="176" align="right" valign="top">
                    <p>&nbsp;</p>
                    <table cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td><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>&nbsp;</td>
                                </tr>
            </table>                        </td>
                  </tr>
                    <tr>
                      <td width="135" align="left" valign="top"><a href="undervisning/orienteringslob.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('orienteringslob','','img/orienteringslobefter.jpg',1)"><img src="img/orienteringslob.jpg" alt="orienteringslob" name="orienteringslob" width="135" height="131" border="0" id="orienteringslob" /></a></td>
                      <td width="136" align="left" valign="top"><a href="undervisning/adventure.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('adventure','','img/adventureefter.jpg',1)"><img src="img/adventure.jpg" alt="adventure" name="adventure" width="131" height="131" border="0" id="adventure" /></a></td>
                      <td width="169" align="left" valign="top"><a href="undervisning/friluftsliv.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('friluftsliv','','img/friluftslivefter.jpg',1)"><img src="img/friluftsliv.jpg" alt="friluftsliv" name="friluftsliv" width="125" height="131" border="0" id="friluftsliv" /></a></td>
                      <td width="4" 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="176" align="right" valign="top"><div align="left"><a href="undervisning/heste.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('heste','','img/hesteefter.jpg',1)"><img src="img/heste.jpg" alt="heste" name="heste" width="167" height="131" border="0" id="heste" /></a></div></td>
                  </tr>
          </table>            </td>
        </tr>
        <tr>
          <td width="169" align="center" class="bgcolor">&nbsp;</td>
          <td width="564" align="center" class="bgcolor"><div align="left" class="style2">
            <div align="center">Himmelbjergegnens Natur &amp; Idr&aelig;tsefterskole - Vesterled 1 - Tlf: 86898399 - gitte.isager@himmelbjergegnens.dk</div>
          </div></td>
      </tr>
  </table>
</center>
</body>
</html>
Avatar billede olebole Juniormester
09. februar 2008 - 17:55 #27
Så mangler vi bare din CSS-fil og en nøjagtig forklaring på, hvilke elementer i koden du vil gøre præcist, hvad med  ;o)
Avatar billede mads375 Juniormester
09. februar 2008 - 18:00 #28
a:link        {
                color: #6c6c6c;
                text-decoration: none;
                background-color: #f9f6ef
               
   
               
               
}

a:visited    {
                color: #6c6c6c;
                text-decoration: none;
                background-color: #f9f6ef
               
               
}

a:active        {
                color: #b4b4b4;
                text-decoration: none;
                background-color: #f9f6ef               
}

a:hover        {
                color: #b4b4b4;
                text-decoration: none;
                background-color: #f9f6ef               
               
               
}

.links        {
                margin-left: 10px;
                background-color: #f9f6ef               
}
Avatar billede olebole Juniormester
09. februar 2008 - 18:02 #29
- og forklaringen?
Avatar billede mads375 Juniormester
09. februar 2008 - 18:03 #30
sorry.
<td class="links" width="110" rowspan="2" align="left" valign="top" cellpadding="0">
<table width="125" border="0" cellpadding="0" cellspacing="0">
<tr>
                  <td width="125" align="left"><a href="undervisning.html">vbvbj</a></td>
                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                </tr>
                                <tr>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>Karakterer Opgivelser</td>
                                </tr>
                                <tr>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>7kkkkkkkkkkkkkkkkkkkkk</td>
                                </tr>
                                <tr>
                                    <td>8</td>
                                </tr>
                                <tr>
                                    <td>9</td>
                                </tr>
vil jeg gerne til at have en margin på 10px.
Avatar billede mads375 Juniormester
09. februar 2008 - 18:05 #31
<!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/orienteringslobefter.jpg','img/adventureefter.jpg','img/friluftslivefter.jpg','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')">
<center>
    <table cellpadding="0" cellspacing="0" border="0" width="730">
        <tr>
            <td colspan="2" align="left">
          <table cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td class="banner1" align="left" colspan="6">&nbsp;</td>
                  </tr>
                    <tr>
                        <td class="banner2" style="width: 410px;">&nbsp;</td>
                      <td><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><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><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><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><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="190" 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="Nuvarende 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="190" valign="top" alt="Nuvarende Hold"><div align="center"><img src="img/nuvaerendeelever.jpg" alt="" 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="735">
<tr>
                        <td class="links" width="110" rowspan="2" align="left" valign="top" cellpadding="0">
<table width="176" border="0" cellpadding="0" cellspacing="0">
<tr>
                  <td width="176" 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>7</td>
                </tr>
                                <tr>
                                    <td>8</td>
                                </tr>
                                <tr>
                                    <td>9</td>
                                </tr>
                                <tr>
                                  <td>&nbsp;</td>
                                </tr>
                                <tr>
                                  <td>&nbsp;</td>
                                </tr>
            </table>                        </td>
                  <td class="lstreg" width="5" rowspan="2" align="left" valign="top">&nbsp;</td>
            <td class="bgcolor" colspan="4" align="left" valign="top"><p>&nbsp;</p>
                        <p>&nbsp;</p>
                        <p>&nbsp;</p>
            <p>&nbsp;</p></td>
                  <td class="bgcolor" width="176" align="right" valign="top">
                    <p>&nbsp;</p>
                    <table cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td><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>&nbsp;</td>
                                </tr>
            </table>                        </td>
                  </tr>
                    <tr>
                      <td width="135" align="left" valign="top"><a href="undervisning/orienteringslob.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('orienteringslob','','img/orienteringslobefter.jpg',1)"><img src="img/orienteringslob.jpg" alt="orienteringslob" name="orienteringslob" width="135" height="131" border="0" id="orienteringslob" /></a></td>
                      <td width="136" align="left" valign="top"><a href="undervisning/adventure.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('adventure','','img/adventureefter.jpg',1)"><img src="img/adventure.jpg" alt="adventure" name="adventure" width="131" height="131" border="0" id="adventure" /></a></td>
                      <td width="169" align="left" valign="top"><a href="undervisning/friluftsliv.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('friluftsliv','','img/friluftslivefter.jpg',1)"><img src="img/friluftsliv.jpg" alt="friluftsliv" name="friluftsliv" width="125" height="131" border="0" id="friluftsliv" /></a></td>
                      <td width="4" 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="176" align="right" valign="top"><div align="left"><a href="undervisning/heste.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('heste','','img/hesteefter.jpg',1)"><img src="img/heste.jpg" alt="heste" name="heste" width="167" height="131" border="0" id="heste" /></a></div></td>
                  </tr>
          </table>            </td>
        </tr>
        <tr>
          <td width="177" align="center" class="bgcolor">&nbsp;</td>
          <td width="563" align="center" class="bgcolor"><div align="left" class="style2">
            <div align="center">Himmelbjergegnens Natur &amp; Idr&aelig;tsefterskole - Vesterled 1 - Tlf: 86898399 - gitte.isager@himmelbjergegnens.dk</div>
          </div></td>
      </tr>
  </table>
</center>
</body>
</html>


ligeledes når jeg ligger roll over på 5 af mine celler, svømmer de ud over det hele:

de står lige under body næsten:
<td class="banner2" style="width: 410px;">&nbsp;</td>
                      <td><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><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><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><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><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>
Avatar billede mads375 Juniormester
09. februar 2008 - 18:05 #32
ligeledes når jeg ligger roll over på 5 af mine celler, svømmer de ud over det hele:
Avatar billede mads375 Juniormester
09. februar 2008 - 18:06 #33
de står lige under body næsten:
<td class="banner2" style="width: 410px;">&nbsp;</td>
                      <td><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><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><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><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><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>
Avatar billede olebole Juniormester
09. februar 2008 - 18:07 #34
Du må forklare dig noget bedre. Hvad er det helt præcist, der er dit problem. I kommentaren (09/02-2008 18:03:39) er der rigtig mange elementer. Hvilke vil du have padding på?
Avatar billede mads375 Juniormester
09. februar 2008 - 18:12 #35
sorry jeg ved godt det er noget rod det her.


<td class="links" width="110" rowspan="2" align="left" valign="top" cellpadding="0">
<table width="125" border="0" cellpadding="0" cellspacing="0">
<tr>
                  <td width="125" align="left"><a href="undervisning.html">vbvbj</a></td>
                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                </tr>
                                <tr>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>Karakterer Opgivelser</td>
                                </tr>
                                <tr>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>7kkkkkkkkkkkkkkkkkkkkk</td>
                                </tr>
                                <tr>
                                    <td>8</td>
                                </tr>
                                <tr>
                                    <td>9</td>
                                </tr>

På hele denne tabel vil jeg gerne have en margin på 10px;. Når man opretter en ny <td>, skal derautomatisk være en margin på 10px;
Avatar billede olebole Juniormester
09. februar 2008 - 18:25 #36
<table width="125" border="0" cellpadding="0" cellspacing="10">
Avatar billede olebole Juniormester
09. februar 2008 - 18:26 #37
- men du kan ikke skrive cellpadding="0" i et td-tag, så det skal du nok slette  :)
Avatar billede mads375 Juniormester
09. februar 2008 - 18:30 #38
cool.

forstår virkelig bare ikke hvorfor mine rollovers bliver kastet rundt
Avatar billede olebole Juniormester
09. februar 2008 - 18:51 #39
Dine rollovers kan jeg kun teste på en online version ... jeg har jo ikke billederne  ;o)
Avatar billede mads375 Juniormester
09. februar 2008 - 20:27 #40
Tak for den store hjælp, jeg fik det hele til at fungerer.
Ole bole, jeg opretter lige et svar spørgsmål til dig
Avatar billede olebole Juniormester
09. februar 2008 - 21:40 #41
En mere moderne kodestil er dog at skrive dette i dit stylesheet:

.myTable {
    border-collapse: collapse;
    width: 125px;
}
.myTable td {
    padding: 10px;
}

- og så skrive tabellen sådan:

<table class="myTable">
<tr>
                  <td style="width:125px;text-align:left"><a href="undervisning.html">vbvbj</a></td>
                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                </tr>
                                <tr>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>Karakterer Opgivelser</td>
                                </tr>
                                <tr>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>7kkkkkkkkkkkkkkkkkkkkk</td>
                                </tr>
                                <tr>
                                    <td>8</td>
                                </tr>
                                <tr>
                                    <td>9</td>
                                </tr>
</table>

Det er ikke helt det samme, der sker, men det vil se ens ud i dit tilfælde  :)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 19:26 Opstart af ny computer Af Bent i Windows
25/0120:06 Hjemmeside der virker både på mobil og computer Af Strawberry i PHP
25/0117:08 Problemer med borger.dk Af valby i Windows
25/0114:19 Fejl Af buls i Windows
25/0113:44 Adgang til Google konto via Ipad Af cyperbent i E-mail programmer
White papers
Flere white papers »