Hjælp til CSS-Hover effekt på links

Tilmeldt 21. Nov 11

Indlæg ialt: 134

Indy Skrevet 23-02-2013 kl. 11:16

Hvor mange stjerner giver du? :

Jeg er ved at lave en bedre produktoversigt på min webshop og der vil jeg gerne have en tabel med to kolonner.

Kolonne 1 indeholder en liste link til uddybende info om produkterne.

Kolonne 2 er som udgangspunkt tomt men når musen kører over et af linkene til produkterne så vil jeg gerne i denne kolonne have vist beskrivelsen af produktet.

HTML-Koden ser groft sagt sådan ud:

<table>

Link 1

Link 2

Link 3

Link 4

osv.

</td>

<td>

Produktinfo

</td>

</tr>

</table>

Hvordan kan jeg klare det med CSS - Er der nogen der kan hjælpe?

/Magnus

Tilmeldt 20. Apr 07

Indlæg ialt: 16014

Slettet bruger Skrevet 23-02-2013 kl. 11:57

Hvor mange stjerner giver du? :

Du skal indsætte produktbeskrivelserne i et javascript array (evt. med sql/php). Der ud over skal du lave en javascript funktion, der aktiveres ved mouseover, som indsætter teksten i det ønskede html tag, samt en javascript funktion der tømmer feltet.

Det er iøvrigt en dårlig idé at benytte tables til formatering.

Kort sagt er der mange ting du skal lære for at lave den ønskede funktionalitet.