Hoe maak je zoiets zoals die tabs hier ( met css)

http://www.mollie.nl/contact/

Wat ik wel snap:

Ik snap die buttons states etc wel , zoals dat ook hier staat uitgelegt:

http://designhulp.nl/artikelen/client-side/css/afbeelding-verwisselen-bij-mouse-over#

wat ik niet snap:

Op http://www.mollie.nl/contact/ hebben ze een doorlopende lijn , met daarboven die tabs .. druk
je echter op die tabs dan lijkt het ene geheel ( die lijn word weggehaald)

Hoe doe je dat?
als bgimage kan je voor active een image geven (wit zonder lijn onder) , voor 'normaal' een andere image (grijs met lijn onder)
Maar ze hebben dus links die achtegrond met een lijn , vervolgens in het midden die buttons en dan vervolgens recht weer die achtergrond met de lijn?
kijk maar eens in hun bron, het is vreselijk simpel opgezet met een div
Lol ik zie het niet ^^

Maar het zal wel een div zijn die net iets over de lijn loopt? (-:
de achtergrondafbeelding van een tab welke niet actief is heeft een lijn onderin en een actieve heeft geen lijn, maar loopt als een geheel met de paginakleur

al zou je dus de paginakleur veranderen zie je het verschil wél...

op zich best simple, maar je moet het even doorzien
Flipze schreef op 06.04.2006 10:59
de achtergrondafbeelding van een tab welke niet actief is heeft een lijn onderin en een actieve heeft geen lijn, maar loopt als een geheel met de paginakleur

al zou je dus de paginakleur veranderen zie je het verschil wél...

op zich best simple, maar je moet het even doorzien


Ik denk juist precies andersom, de niet actieve hebben geen lijn, waardoor je de achtergrond ziet. De actieve hebben een witte lijn. Waardoor je het lijntje op de achtergrond niet meer ziet.
duidelijk! , ga hem zo zelf wel even namaken :D

Reageren