/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Kan man dette med css?
Fra : Magnus


Dato : 07-12-05 17:51

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>



 
 
Pelle Allsop Krog (07-12-2005)
Kommentar
Fra : Pelle Allsop Krog


Dato : 07-12-05 19:04

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

Jørgen Farum Jensen (07-12-2005)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 07-12-05 23:40

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


Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408942
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste