Artsmixer.com - webdesign gallery, tutorials, tips and tricks

Je wilt met een link een andere element op de pagina beheren door middel van een class toe te kennen. Een praktisch voorbeeld is bijvoorbeeld als je op een knopje “laat zien” klikt dat er een div tevoorschijn komt dis daarvoor met CSS op “display: none” is gezet.

Een div die verborgen is geef je een class (hidden) met daarbij in de CSS: .hidden {display: none)
Een link die je de actie eraan wilt koppelen geef je een class of id aan waar je met jQuery dit element kunt selecteren. Lees verder »

Firebug is een zeer handige tool voor webdesigners. Als je nieuw bent in Firebug weet je misschien niet wat je er precies mee moet.

Ik heb hier een aantal screencasts die ik met jullie wil delen.

• Screencast 1
• Screencast 2

Wist je dat je 2 classes kunt gebruiken onder 1 div, h1, p en andere elementen?
Je maakt bijvoorbeeld een website met erg veel content en veel verschillende vierkanten.

Bij de ene wil je padding op 10pixels hebben en de andere niet. Hoe doe je dat zonder 2 verschillende div classes in css aan te maken? Lees verder »

In Dreamweaver zit een functie dat ik persoonlijk wel erg handig vind en regelmatig gebruik.
Het is een basis tip dat erg handig is en een dat je zeker vaker zal gaan gebruiken.

Wanneer ik veel lijnen html code heb geschreven wordt mijn html code soms rommelig en ik heb nooit veel zin om alles in 1 keer goed te organiseren, maar als ik mijn pagina bijna af heb gebruik ik het Apply Source Formatting functie van Dreamweaver. Lees verder »

Je kan een html pagina voor het printen met css vormgeven door bijvoorbeeld fonts zoals Times te gebruiken om de leesbaarheid te verbeteren.

Of je hebt een bepaalde div die op het web 200 pixels breed wordt weergegeven, maar die wil je graag op volledige breedte op je A4 hebben.
Ook kan je bepaalde stukjes tekst weglaten bij het printen, zoals de footer van je website.
Lees verder »

Als je even niet weet hoe je een stramien (1 kolom 2 kolommen 3 kolommen) voor je website in css moet maken heb ik hier alvast een beginnetje voor jullie.

• een kolom pagina layout
• twee kolommen pagina layout
• drie kolommen pagina layout

Kopieer en plak onderstaande code in Dreamweaver of Kladblok en sla dit op als index.html
Vragen en opmerkingen zijn altijd welkom!
Lees verder »