---

Jeg har en en tabel (TABEL A:) fx. over filer som kan downloades, hvor
første kollonne er navnet på filen men næste kollonne er information om
filen.
Hvordan kan jeg med css gøre det sådan at når musen er over cellen med fx.
"Info 1" så vises TABEL B: på samme sted i et nyt lag og udover nedenstående
rækker alt efter hvor meget tekst den indeholder og vil skygge med lidt som
en slags dropdown boks.

Det er meningen at man i TABEL B: kan indsætte html/mindre billeder som
beskriver den fil som kan downloades dvs. størelsen på TABEL B: varriere
efter hvad den indeholder men begynder samme sted.

Kan man gøre dette og i givetfald hvordan?


/Magnus


TABEL A:

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>downloadtitlen 1</td>
<td class=popup>Info 1</td>
</tr>

<tr>
<td>downloadtitlen 2</td>
<td class=popup>Info 2</td>
</tr>

<tr>
<td>downloadtitlen 3</td>
<td class=popup>Info 3</td>
</tr>
</table>




TABEL B:

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
Filtype<br>
Size<br>
<a href=fil.zip>download</a>
</td>
</tr>
</table>

---

Magnus wrote in dk.edb.internet.webdesign.html:
> Jeg har en en tabel (TABEL A:) fx. over filer som kan downloades, hvor
> første kollonne er navnet på filen men næste kollonne er information om
> filen.
> Hvordan kan jeg med css gøre det sådan at når musen er over cellen med fx.
> "Info 1" så vises TABEL B: på samme sted i et nyt lag og udover nedenstående
> rækker alt efter hvor meget tekst den indeholder og vil skygge med lidt som
> en slags dropdown boks.
>
> Det er meningen at man i TABEL B: kan indsætte html/mindre billeder som
> beskriver den fil som kan downloades dvs. størelsen på TABEL B: varriere
> efter hvad den indeholder men begynder samme sted.
>
> Kan man gøre dette og i givetfald hvordan?
>
>
> /Magnus
>
>
> TABEL A:
>
> <table border="0" cellspacing="0" cellpadding="0">
> <tr>
> <td>downloadtitlen 1</td>
> <td class=popup>Info 1</td>
> </tr>
>
> <tr>
> <td>downloadtitlen 2</td>
> <td class=popup>Info 2</td>
> </tr>
>
> <tr>
> <td>downloadtitlen 3</td>
> <td class=popup>Info 3</td>
> </tr>
> </table>
>
>
>
>
> TABEL B:
>
> <table border="0" cellspacing="0" cellpadding="0">
> <tr>
> <td>
> Filtype<br>
> Size<br>
> <a href=fil.zip>download</a>
> </td>
> </tr>
> </table>
>
>

Jeg er ikke sikker på at man kan dette med CSS, du skal nok bruge Javascript
eller lign. til det..

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Magnus wrote:
> Jeg har en en tabel (TABEL A:) fx. over filer som kan downloades, hvor
> første kollonne er navnet på filen men næste kollonne er information om
> filen.
> Hvordan kan jeg med css gøre det sådan at når musen er over cellen med fx.
> "Info 1" så vises TABEL B: på samme sted i et nyt lag og udover nedenstående
> rækker alt efter hvor meget tekst den indeholder og vil skygge med lidt som
> en slags dropdown boks.
>
> Det er meningen at man i TABEL B: kan indsætte html/mindre billeder som
> beskriver den fil som kan downloades dvs. størelsen på TABEL B: varriere
> efter hvad den indeholder men begynder samme sted.
>

Her er en mulig metode:

I tabel a laver du
<td id="fil_1">Filbeskrivelse
<div id="tabel_1>
<tabel><!-- tabel b-->
<tr><td>Download/td>
</tr>
</table
</div>
</td>
Dermed har du gjort tabel b til et afkom af td#fil_1
og kan ændre display værdien, der som standard skal være none,
ved
td#fil_1:hover div#tabel_1 {
display:block;
position:absolute;
left:10px;
top:10px;
}

Det forudsætter, at td#fil_1 har position-egenskaben
relative.

Og det vil ikke virke i IE, der ikke an tolke :hover
på andet end a-markøren. Det problem kan du komme ud
over ved at bruge Peter Nederhoffs whatever:hover.

Det her er ud af ærmet og ikke afprøvet på nogen nåde.
--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk