Horizontale / Vertikale Abstände zwischen den Einträgen

  • WCF 1

Warning: This page is a part of an archive now and will be removed in the future.

Möchte man zwischen die einzelnen Menüeinträge ein wenig Platz lassen, so geht das mit dieser CSS-Deklaration:

CSS Source Code

  1. #mainMenu li {
  2. margin-right: 10px;
  3. }
Die 10px kann man natürlich dabei nach Belieben anpassen.
Möchte man stattdessen, dass die einzelnen Menüeinträge breiter werden, geht das folgendermaßen:

CSS Source Code

  1. #mainMenu a {
  2. padding-right: 10px;
  3. }
Dieselben Deklarationen kann man auch für vertikale Abstände nutzen, allerdings nutzt man dann entsprechend nicht -right und -left, sondern -top und -bottom.
About the Author
Ich bin Webentwickler in Stuttgart und administriere Server seit vielen Jahren. In diesem Blog erstelle ich hauptsächlich Tutorials für andere Webentwickler, Webdesigner und Serveradministratoren.
-------------------------------------------------------------------------------------------------------------------------------------
I’m a web developer in Stuttgart, Germany, and server administrator since many years. This blog mainly contains a tutorial set for other web developer, web designer and server administrators.

1,639 times read

Comments 0

There are not any items at the moment.

This site uses cookies. By continuing to browse this site, you are agreeing to our Cookie Policy.