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)

Rollover of niet?

None
67 antwoorden
  • Wat raden jullie aan bij gebruik van buttons?

    een mooie rollover (dreamweaver maakt deze dmv jscript)
    of tekst buttons met een css rollover (:hover)

    bedankt
  • Het is ook heel goed mogelijk om plaatjes bij je roll-over te gebruiken icm met CSS. Het sleutelwoord is in dat geval Image Replacement, zie voor goede links het onderwerp BEST PRACTICES in dit forum. Ik heb dergelijke technieken meerdere malen met succes toegepast, dus het is heel goed mogelijk.

    Als je een menu hebt dat weinig veranderd is het heel goed te doen.

    Lees dan ook even het stukje van Zeldman over Preloading Hover States in CSS Rollovers

    Heb je dynamische buttons, dan is het waarschijnlijk slimmer om Plain Text buttons te maken met CSS.

    - Bas
  • Via css lijkt me ook handiger. Ook is het zo dat sommige browsers geen jscript accepteren (meen ik)

    Wat bedoel je precies met dynamische buttons; uitschuifbare menu's etc?
  • Css. Javascript kan je namenlijk uit zetten en css rollovers zijn gewoon sneller.
  • Ken je preload scriptjes? Niet nodig: http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/
  • wat een truukjes allemaal zeg.
    CSS is toch wel omvangrijker dan ik dacht :P

    wordt tijd dat er een algemene standaard komt die elke browser begrijpt
  • [quote:85e3fe902d="[m]"]Css. Javascript kan je namenlijk uit zetten en css rollovers zijn gewoon sneller.[/quote:85e3fe902d]

    Is dat sneller in reactietijd of vanwege de compactere code waarmee de pagina kleiner wordt en dus sneller inlaad (gegeven dat de stylesheet gelinkt is en niet in de paginacode staat) (?)
  • [quote:1b8afe24c7="D'acide"]wordt tijd dat er een algemene standaard komt die elke browser begrijpt[/quote:1b8afe24c7]Sorry?! Die [b:1b8afe24c7]is[/b:1b8afe24c7] er al! ;)

    - Bas
  • [quote:7710b50e23=".:ToBee:."][quote:7710b50e23="[m]"]Css. Javascript kan je namenlijk uit zetten en css rollovers zijn gewoon sneller.[/quote:7710b50e23]

    Is dat sneller in reactietijd of vanwege de compactere code waarmee de pagina kleiner wordt en dus sneller inlaad (gegeven dat de stylesheet gelinkt is en niet in de paginacode staat) (?)[/quote:7710b50e23]Beide.
  • [quote:01f427b113="D'acide"]wat een truukjes allemaal zeg.
    CSS is toch wel omvangrijker dan ik dacht :P
    wordt tijd dat er een algemene standaard komt die elke browser begrijpt[/quote:01f427b113]
    De browsers begrijpen het al heel lang, het wordt nu tijd dat de webmasters het ook eens begrijpen :D

    wimb
  • Ik bedoel dus dat er browsers zijn die volledige compatible zijn met css2.0

    Zover ik het begrijp verschilt het eindresultaat wel eens per browser
  • De standaard is er al, die wordt opgesteld door het W3C. De meeste alternatieven voor IE zijn ook heel goed in staat om CSS2 te begrijpen en goed te implementeren. Hét zorgekindje is gewoon IE, en op het huidige tempo duurt het ook nog wel even voordat die achterstand weer is ingehaald. In de tussentijd brengen andere browsermakers regelmatig updates uit met verbeteringen in oa de ondersteuning van CSS, dus zo blijft de vicieuse cirkel in stand. Als een grote(re) groep mensen zou overstappen zou MS misschien geneigd zijn er iets aan te doen, maar het moet ze winst opleveren, anders is het niet interessant voor ze.

    - Bas
  • Ik heb nu tijdelijk een kleine preview op mijn domein staan.
    www.planetdust.nl

    In mijn navigatiebalk is de enige werkende button "home"

    Ik wil nu graag dat als iemand op de link "hover" is, dat hij de gele balk over de gehele breedte van de nav-balk verschijnt.
    Waarmee kan ik dit instellen?

    tevens wil ik dat er een kleine afbeelding onderin de blak verschijnt (tijdens hover)
  • <font>? <p>? Terug in de schoolbanken :p -> http://alistapart.com/articles/taminglists/

    edit: voordat ik het vergeet, het lijkt niet geheel te kloppen in Mozilla, een browser waarin je juist als eerste moet zorgen dat alles klopt…
  • er was ooit eens een link in een forum naar een site waarbij je je content kan laten checken in verschillende browsers?

    wie weet hem nog.

    ps: gebruikt de meerderheid geen IE? ipv mozilla
  • [aanvulling]
    Ik heb net mozilla eens geinstalleerd. Mijn site klopt voor geen meter in deze browser.

    iemand een idee/link?

    [/aanvulling]
  • Je kunt de Web Devellopers Toolbar instaleren in Mozilla:
    http://chrispederick.myacen.com/work/firebird/webdeveloper/
    Dan de HTML valideren bij www.w3.org en natuurlijk de fouten eruit halen.

    wimb
  • Ik wil je topic niet kapen, maar ik heb het volgende probleem:

    Ik heb een menu'tje gemaakt met roll-overs, maar tijdens een mouse over, verschijnen de plaatjes op een verkeerde plaats in het menu.
    Menu vind je hier: http://homepage.novi.net/tjeerd/test/left.htm

    In IE6 werkt het niet, in Mozilla wel.

    en dat het achterhaald is weet ik ook wel….

    alvast bedankt,
    Tjeerd
  • Dan nog maar een link:
    De kracht van :hover - weg met al die scriptjes!

    wimb
  • offtopic] Is dat jouw DS?[/offtopic]

    je rollover image is hoger dan de vaste image.
    Alles staat in een tabel met de hoogte van het vaste image.
    Wellicht zit daar het probleem.
    Zet ze anders in een layer die je positioneerd met CSS
    (Zie help Dreamweaver –> "positioning layers with CSS")

Beantwoord deze vraag

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