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)

[CSS] A:active aanzetten bij eerste aanroep website

None
10 antwoorden
  • Ik ben bezig met een html/css site. Nu heb ik een menu met een aantal items. De items zijn licht gekleurd indien ze inactief zijn, en bij a:hover en a: active zijn ze donker gekleurd. Werkt allemaal perfect.

    De site start op in de HOME. Nu wil ik graag dat HOME al donker is, die is tenslotte actief, bij de eerste keer aanroepen van de site. Maar omdat ik er nog niet op geklikt heb, is het dus licht gekleurd.

    Is er een methode om alle A:-attributen toch op HOME te laten slaan, maar hem wel een andere kleur mee te geven bij opstarten. Dus bijvoorbeeld door een A:active al aan te geven bij het inladen van de website?
  • Je kunt voor home ook een aparte class maken,

    a:hover class ="homeItem" ofzoiets, en uiteraard bij de HTML de link de klasse homeItem meegeven.

    Zoek eens op CSS + classes.
  • even snel uit mijn hoofd
    <HTML>
    <STYLE TYPE="text/css">
    A:hover {text-decoration:underline;}
    A:active {text-decoration:underline;}
    A:link {text-decoration:none;}
    A:visited {text-decoration:none;}
    </STYLE>
    <BODY>
    <A HREF="home.html" target="home" STYLE="color:black;">home</a>
    </body>
    </html>

    zoiets misschien?
  • Ter verduidelijking, dit heb ik nu in mijn CSS file staan:

    [code:1:65ed43c03f]
    A {text-decoration: none;}
    A:hover {color: red;}
    A:visited {color: yellow;}
    A:link {color: yellow;}
    A:active {color: red;}
    [/code:1:65ed43c03f]

    om te beginnen zijn alle links yellow. bij hover en bij aanklikken (active) wordt het dus red. Visited zijn ze weer yellow.

    Nu wordt met de index.html de inhoud van het menu item HOME weergegeven. Het is de bedoeling dat HOME op dat moment ook als rood opstart. De rest moet wel gewoon geel blijven.
  • steenen beer heeft het juiste antwoord gegeven als je even nadenkt verander je text-decoration voor color denk ik dan.
  • Wat is het adres van je website?
    Ik vind je omschrijving van dat index.html en het menu item home een beetje onduidelijk.
  • De website is hier te vinden.

    Let niet op de kaders, heb m'n borders nog op 1 staan voor de overzichtelijkheid.

    [edit]
    yellow en red zijn dus in werkelijkheid lichtblauw en donkerblauw
    [/edit]
  • [quote:a099c65663="termin8or"]steenen beer heeft het juiste antwoord gegeven als je even nadenkt verander je text-decoration voor color denk ik dan.[/quote:a099c65663]

    Met de oplossing van steenen beer blijft de link donker, en wordt deze niet meer licht op het moment dat een andere link geactiveerd wordt…
  • Je zou kunnen overwegen om eerst een plaatje (logo) te tonen op de plaats waar de tekst komt te staan, zodat gebruikers op "home" moeten klikken om die tekst te zien te krijgen.
    (en dan geen link naar het logo maken, anders zit je daar weer mee.)
  • ok, hier is de truuk:
    Je geeft in je boven frame je "home" link een naam:
    [code:1:9b3377e8cf]
    <a name="home_geval" href="home.htm" target="main">home</a>
    [/code:1:9b3377e8cf]
    dan zet je in "home.htm" een body onload:
    [code:1:9b3377e8cf]
    <body onload="parent.boven.home_geval.style.color='red';">
    [/code:1:9b3377e8cf]
    ok, t'is niet helemaal DOM, maar het werkt (in IE iig).
    boven is dus de naam van je frame waar de links in staan…

    grtzz


    t.

Beantwoord deze vraag

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