Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Hyperlink met kleur Rollover

Anoniem
None
8 antwoorden
  • Hoi,

    Ben momenteel bezig met een website en nu heb ik een tabel gemaakt met daarin hyperlinks. in elke cell een link. nu wil ik graag dat als je met je muis over die cell gaat dat de achtergrond van alleen die cell veranderd in de kleur rood..! Hoe krijg ik dit voor elkaar? Ik maak gebruik van frontpage 2003 en heb de bschikking over een aantal macromedia flash programmas. De betreffende website is www.bverweij.nl voor een voorbeeld van wat ik bedoel kan je kijken naar de linkbalk van www.hu.nl. alvast bedankt voor de hulp!

    Groeten Bart
  • De site zoals jij het aan wijst gebruikt hier afbeeldingen voor, dit is nie taan te raden omdat je dan met langzamere modems/internet verbindingen (ja die zijn er nog!) lange laadtijden krijgt.

    Ik zal het in de zin van zoiets zoeken (let op! dit is alleen voor de links)

    css: (plaats dit in een apart bestand of in je <head> tussen 2 <style> tags)
    [code:1:01707ce32b]
    a{ color: white; text-decoration: none;}
    a:hover{ color: white; background-color: red}
    [/code:1:01707ce32b]
    en dit werkt dan op deze html code:

    [code:1:01707ce32b]<a href="link.html"> Link tekst </a>[/code:1:01707ce32b]

    Er zijn wel meer oplossingen (zodat de hele cel veranderd) maar dan zit je met het probleem dat IE het niet zo leuk vind als het met css gebruikt. Dan moet je uitwijken naar javascript, maar dit kan je ene heel eind op weg helpen.
  • krijg dit niet voor elkaar… Maar wil het zo en zo voor de hele cel gebruiken… nog een idee? in elk geval wel bedankt voor de moeite!!
  • gewoon een lijst maken en inline maken;

    http://htb.ath.cx/forum/test.htm
  • [quote:8d38b8efe6="Johnny321"]gewoon een lijst maken en inline maken;

    http://htb.ath.cx/forum/test.htm[/quote:8d38b8efe6] klopt, was ik ff vergeten (heb ik notabene een vriendin van me gisteren nog mee geholpen)
  • zo wil ik het hebben idd…! maar hoe realiseer ik dat.. ben nog niet zo heel goed thuis in html… alvast bedankt! Bart
  • als je in de broncode kijkt van die pagina

    zie je dit in de header (is nodig voor het menu)
    [code:1:bed657c38c]<style>
    a
    {
    padding: 10px;
    padding-top: 10px;
    text-decoration: none;
    color: #000;
    }

    a:hover
    {
    background-color: #C0C;
    color: #000;
    }

    ul
    {
    height: 100px;
    }

    li
    {
    display: inline;
    }

    </style>
    </head>[/code:1:bed657c38c] en dit in de body
    [code:1:bed657c38c]<ul>
    <li><a href="#">link 1</a></li>
    <li><a href="#">link 2</a></li>

    <li><a href="#">link 3</a></li>
    <li><a href="#">link 4</a></li>
    <li><a href="#">link 5</a></li>
    <li><a href="#">link 6</a></li>
    <li><a href="#">link 7</a></li>
    <li><a href="#">link 8</a></li>

    </ul>[/code:1:bed657c38c]

    volledige code:

    [code:1:bed657c38c]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="nl">
    <head>
    <title>CT forum</title>
    <style>
    a
    {
    padding: 10px;
    padding-top: 10px;
    text-decoration: none;
    color: #000;
    }

    a:hover
    {
    background-color: #C0C;
    color: #000;
    }

    ul
    {
    height: 100px;
    }

    li
    {
    display: inline;
    }

    </style>
    </head>
    <body>
    <ul>
    <li><a href="#">link 1</a></li>
    <li><a href="#">link 2</a></li>

    <li><a href="#">link 3</a></li>
    <li><a href="#">link 4</a></li>
    <li><a href="#">link 5</a></li>
    <li><a href="#">link 6</a></li>
    <li><a href="#">link 7</a></li>
    <li><a href="#">link 8</a></li>

    </ul>
    </body>
    </html>[/code:1:bed657c38c] als ik jou was zou toch proberen zelf html te leren, omdat frontpage over het algemeen echt klote is !
  • tis gelukt! toppie! html leren is inderdaad een goede optie.. maar heb momenteel een deadline te halen.. en dan vind ik frontpage toch wel een goede optie! In elk geval bedankt voor alle info! Bart

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.