Navigation mittig

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Navigation mittig

    hallo leute

    ich habe hier eine navi leiste die mittig sein soll. momentan klebt sie aber an der linken Seite ...
    ich habe schon gegoogelt aber das hat irgendwie alles nichts gebracht...

    das ist mein code(html code)

    Quellcode

    1. <div class="navigation">
    2. <ul>
    3. <li><a href="news.php">News</a></li>
    4. <li><a href="serverlist.php">Serverlist</a></li>
    5. <li><a href="register.php" id="current">Registrieren</a></li>
    6. <li><a href="login.php">Einloggen</a></li>
    7. <li><a href="premium.php">Premium</a></li>
    9. <li><a href="banner.php" class="current">Banner</a></li>
    10. </ul>
    11. </div>
    Alles anzeigen


    und meine css Datei sieht so aus

    Quellcode

    1. .navigation{
    2. margin:0;
    3. padding: 0;
    4. background: transparent;
    5. }
    7. .navigation ul{
    8. margin:0;
    9. margin-left: 40px;
    10. padding: 0;
    11. list-style: none;
    12. }
    14. .navigation li{
    15. display: inline;
    16. margin: 0 2px 0 0;
    17. padding: 0;
    18. text-transform:uppercase;
    19. }
    21. .navigation a{
    22. float: left;
    23. display: block;
    24. font: bold 12px Arial;
    25. color: black;
    26. text-decoration: none;
    27. margin: 0 5px 0 0;
    28. padding: 5px 10px 5px 10px;
    29. background-color: white;
    30. -moz-border-radius:15px 0;
    31. border-radius:15px 0;
    32. }
    34. .navigation a:hover{
    35. background-color: #990000;
    36. padding-top: 7px;
    37. padding-bottom: 3px;
    38. color: white;
    39. }
    41. #current{
    42. background-color: #D10000;
    43. padding-top: 7px;
    44. padding-bottom: 3px;
    45. color: white;
    46. }
    Alles anzeigen


    mfg Jeybe