download liste med css

...... og der skal ikke bare smækkes 200   'er ud... det er et dårligt alternativ

Smid dem i en table?

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
<tr>
<td>fil1</td>
<td>123kb</td>
</tr>
<tr>
<td>fil2</td>
<td>223kb</td>
</tr>
</table>

Evt. sæt width/height alt efter ønske

mvh.

Mattias

madd > Så kan du jo ikke lave understregningen.

duer ikke madd.. nul understreg

Jo da - på linket ihvertfald.

ikke hele vejen, fra fil1 til 123kb...

<html>
<head>
    <title>Untitled</title>
</head>

<script>
function makeLine(objstr,strcol) {
    obj = document.getElementById(objstr);
    obj.style.background = strcol;
}
</script>

<body>
<table cellspacing="0" cellpadding="0" border="0">
<tr onmouseover="makeLine('line1','#000000')" onmouseout="makeLine('line1','#ffffff')">
    <td width="400">fil1</td>
    <td>str</td>
</tr>
<tr>
    <td id="line1" colspan="2"><img src="dummy.gif" height="1" width="1"></td>
</tr>


<tr onmouseover="makeLine('line2','#000000')" onmouseout="makeLine('line2','#ffffff')">
    <td width="400">fil12</td>
    <td>str2</td>
</tr>
<tr>
    <td id="line2" colspan="2"><img src="dummy.gif" height="1" width="1"></td>
</tr>
</table>
</body></html>

Mvh. Mattias

jeg tror nu madd er inde på den rigtige kurs:

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
  <tr onmouseover="document.all['bott1'].style.backgroundColor='black';"
      onmouseout="document.all['bott1'].style.backgroundColor='white';" >
    <td style="text-align:left;">fil1</td>
    <td style="text-align:right;">123kb</td>
  </tr>
  <tr><td id='bott1' colspan=2 style="background-color:while;"><img src=gennemsigtig.gif height=2></td>
  </tr>
  <tr onmouseover="document.all['bott2'].style.backgroundColor='black';"
      onmouseout="document.all['bott2'].style.backgroundColor='white';" >
    <td style="text-align:left;">fil2</td>
    <td style="text-align:right;">223kb</td>
  </tr>
  <tr><td id='bott2' colspan=2 style="background-color:while;"><img src=gennemsigtig.gif height=2></td>
  </tr>
</table>

duer nok kun i IE.

mvh JakobA

hmm, tester lige...

så vidt jeg er orienteret burde mit stykke source også virke i ns. kan da lige teste :)

mvh. Mattias

Jo da - det virker skam også i Mozilla / NS

Hmmm, det er okay ud, men cross-browser?

jeg skal lige teste det lidt..

Som sagt - jeg har lige testet i Mozilla og NS6 hvori det virker efter hensigten.

/Mattias

Er der eventuelt en ærlig linux bruger der kan teste det i galeon og fortælle om det er ok?

linjen skulle gerne forsvinde igen når jeg har haft musen over, men taget den væk.. det gør den ikke (endu)

Jeg kan forstå, at du vil have at baggrunden skal forsvinde helt(blive transperant) ved mouseout. Prøv med flg. kode:


<html>
<head>
    <title>Untitled</title>
</head>

<script>
function makeLine(objstr,strcol) {
    obj = document.getElementById(objstr);
    if(strcol) {
        obj.style.background = strcol;
    } else {
        obj.style.background = '';
    }
}
</script>

<body background="../nullcoders.dk/cms/gfx/content_span_background.gif">
<table cellspacing="0" cellpadding="0" border="0">
<tr onmouseover="makeLine('line1','#000000')" onmouseout="makeLine('line1')">
    <td width="400">fil1</td>
    <td>str</td>
</tr>
<tr>
    <td id="line1" colspan="2"><img src="dummy.gif" height="1" width="1"></td>
</tr>


<tr onmouseover="makeLine('line2','#000000')" onmouseout="makeLine('line2')">
    <td width="400">fil12</td>
    <td>str2</td>
</tr>
<tr>
    <td id="line2" colspan="2"><img src="dummy.gif" height="1" width="1"></td>
</tr>
</table>
</body></html>

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="400">
<tr>
<td align="left">fil1</td>
<td align="right">123kb</td>
</tr>
<tr>
<td align="left">fil2</td>
<td align="right">223kb</td>
</tr>
</table>

Hmprf. Selfølgelig skal du nok lige prøve at ændre din sti til baggrunden i <body> tagget. :)

Mvh. Mattias

werd -> rent copy/paste ? Ok, du har indsat align. Flot :)

Mvh. Mattias

werd: kan du læse?... PRØV!... så havde du måske set at jeg har afvist den metode en gang før.. og du havde læst hvorfor jeg havde afvist den

Haha!!... det var enda copy&paste... tihi.. skod agtigt

Det er da sødt.

Jeg skulle have givet ham ½ point for at være kreativ.. *ahem*

Jeg kan ydermere forstå, at du selfølgelig vil have dine links til at fremgå som links. Prøv med flg:




<script>
function makeLine(objstr,strcol) {
    obj = document.getElementById(objstr);
    if(strcol) {
        obj.style.background = strcol;
    } else {
        obj.style.background = '';
    }
   
    el = event.srcElement;
    el.style.cursor = 'hand';
}

function goto(str) {
    document.location.href=str;
}
</script>

<body background="dinbg.gif">
<table cellspacing="0" cellpadding="0" border="0">
<tr onmouseover="makeLine('line1','#000000')" onmouseout="makeLine('line1')" onclick="goto('http://eksperten.dk')">
    <td width="400">fil1</td>
    <td>str</td>
</tr>
<tr>
    <td id="line1" colspan="2"><img src="dummy.gif" height="1" width="1"></td>
</tr>


<tr onmouseover="makeLine('line2','#000000')" onmouseout="makeLine('line2')" onclick="goto('http://wolla.dk')">
    <td width="400">fil12</td>
    <td>str2</td>
</tr>
<tr>
    <td id="line2" colspan="2"><img src="dummy.gif" height="1" width="1"></td>
</tr>
</table>
</body></html>

*roder lidt mere med koden*

så!.. efter at have testet det og sån', ser det efterhånden ud som jeg ville have det til!

http://pacman.amok.dk/misc/dl.php hvis der er nogle der vil se resultatet :)

Det virker da ikke i min Mozilla 1.0 RC1 på W2K. Hverken den fine understregning (har set den i IE) eller linket. Så det er da ikke blevet en særlig cross-platform løsning endnu.
/J

skod :/
100p for noget der IKKE er cross-platform som jeg bedte om!..