Vers opgediend


Soms kom je van die kleine handigheidjes tegen waarvan je denkt: die moet ik onthouden!
En dan is dit volgens mij de uitgewezen plek.

Dus vanaf nu in deze post: CSS truukjes om te onthouden.

 

Verwijder de gestippelde lijnen om een link en IE

Links ( <a> ' s ) hebben in  IE standaard een stippellijn rond de link wanneer ze "actief" zijn .
Meestal is dit geen probleem. Links zijn normaal actief voor slechts een fractie van een seconde voordat een nieuwe pagina is geladen en de omtrek is verdwenen .
Maar soms wil je dit niet en het is mooier om ze te verwijderen.

Deze style gebruikt de " outline" CSS-eigenschap . Outline is zeer vergelijkbaar met border.

De code om dit verwijderen:

	a {

	   outline: 0;

	}

 


Telefoonnummer stijlen en klikbaar maken voor mobiele telefoons

Om alle automatische opmaak voor telefoonnummer te verwijderen, hoef je maar één regel toe te voegen aan de <head> sectie:

	<meta name="format-detection" content="telephone=no">

En om de telefoonnummers op een pagina er als een link er in te zetten:

	<a href="tel:+1-555-555-5555">1-555-555-5555</a>

 

Om de inhoud in een element verticaal te centreren

Hiervoor heb je slechts 3 regels code nodig!

.element {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
		}

 


 

Reageer


Ons adres staat onderaan
GraphicKitchen

  085-48 717 17

 info@graphickitchen.nl

 

 

Den Haag
Frambozenstraat 39
2564 XK Den Haag
  Meppel
Heerengracht 26
7941 JJ Meppel