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)

Hinderlijke rand om rollover-button!

mikesmikkel
9 antwoorden
  • Beste mensen,

    Heeft iemand een oplossing om de hinderlijke rand die verschijnt rondom een rollover-button weg te krijgen?

    Ik heb een simpele rollover-button gemaakt, doormidden van twee verschillende images. Dus als je met de muis er overheen beweegt, veranderd de button. Maar het vervelende is, is dat als je op deze button klikt, dat dan de randen van de images van deze button zichtbaar zijn met een dun rood lijntje.

    Hoe los ik dit op?

    Ik hoop dat jullie kunnen helpen.
    Marco
  • Je kunt de borders mbv CSS weghalen.
    Het gemakkelijkste lijkt het me om het 'inline' te doen.

    Voorbeeldje:
    [code:1:35d5586656]<a href="blabla.html">
    <img src="plaatje.jpg" alt="blabla" />
    </a>[/code:1:35d5586656]
    Wordt dan
    [code:1:35d5586656]<a href="blabla.html">
    <img src="plaatje.jpg" alt="blabla" style="border:none;" />
    </a>[/code:1:35d5586656]
  • Bedankt voor deze tip.
    Ik ga het gelijk proberen!
  • Beste Gooly,

    Ik heb jouw tip geprobeerd, maar ik krijg nog steeds een gestippeld dun lijntje om de button (link) heen.

    Heb je nog meer tips?

    Groet
    Marco
  • Heb je misschien een linkje, zodat we het in de praktijk kunnen bekijken? Op deze manier is het nogal koffiedik kijken.
  • Ik heb de site waar ik mee bezig nog niet online, maar ik heb wel een soortgelijk waarin dit probleem ook zit. Alleen gaat het daar om een gewoon wit gestippeld lijntje om de button heen.

    Kijk maar op http://www.charleslwebster.com/

    Als je op de navigatie buttons rechtsboven klikt, dan zie je GEEN gestippeld lijntje om de link verschijnen.
    Maar klik je rechtsonder in de navigatie bijvoorbeeld op "portfolio" of "about", dan verschijnt er hier een wit gestippeld lijntje.

    Daar wil ik dus vanaf. Bij mijn site is dat een rood gestippeld lijntje, en is het een rollover-button d.m.v. twee afbeeldingen.

    (misschien denk je: Waar gaat het over! Maar ik ben vormgever van beroep, en hecht veel waarde aan het uiterlijk van de site)

    Ik hoop dat je mij een oplossing kan geven.

    Groet
  • [quote:32d5a0b2e0="McNismo"]Beste Gooly,

    Ik heb jouw tip geprobeerd, maar ik krijg nog steeds een gestippeld dun lijntje om de button (link) heen.

    Heb je nog meer tips?

    Groet
    Marco[/quote:32d5a0b2e0]

    Bedoel je als je klikt? Zo ja, dat doet de browser, ik zie dat ook bij elk plaatje waar ik op klik, op elke pagina.
  • Gooly heeft gelijk in wat hij zegt.

    Je kan misschien eens proberen om in plaats van een plaatje gewoon een tekst te gebruiken. Dit gaat veel sneller om te laden.
    En dan kan je gewoon bij een hover de kleur van de tekst veranderen.
    Voor een relatief kleine website zal dit laadverschil misschien niet te zien zijn, maar voor een grote website met veel links is dit al een heel verschil in laadtijd.
    Ook voor mensen met trage computers (zoals ik, nu mijn beste computer kapot is) bespaart dit ook een hoop wachttijd om je website te bekijken.

    Groetjes,

    Mike

    —Edit: hiermee is het lijntje nog niet weg.—
  • Ik heb het opgelost!
    Bedankt voor jullie tips.

Beantwoord deze vraag

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