Problem mit der Navigation

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

    • Problem mit der Navigation

      Heyho Leutz,

      ich arbeite aktuell an einem Schulprojekt und bräuchste mal schnell eure Hilfe.

      Folgendes Problem:




      Ich habe es soweit hinbekommen, das, auf der Seite wo man sich grade befindet, in dem Fall hier grade Home, dies Grün hinterlegt wird via Bild.

      Jetzt habe ich aber vor, das man wenn man mit der Maus über eins der anderen Links geht, diese via Mouse Hover auch Grün hinterlegt werden.
      Dies klappt auch wie man sieht, jedoch ist aber eine Ecke nicht abgerundet.




      Ich hab es in der Stylesheet versucht, aber es klappt nicht das beide Seiten abgerundet sind.
      Entweder ist es dann links abgerundet, aber rechts nicht oder halt rechts abgerundet jedoch links wieder nicht.

      Vielleicht könntet ihr mal schauen woran das liegen könnte.

      Das is der Teil der Navigationsleiste oben:

      Quellcode

      1. ul#menu li
      2. { float: left;
      3. margin: 5px 0 0 0;
      4. padding: 0 0 0 6px;
      5. list-style: none;}
      7. ul#menu li a
      8. { letter-spacing: 0.1em;
      9. font-family: serif;
      10. font-size: 100%;
      11. display: block;
      12. float: left;
      13. height: 20px;
      14. text-decoration: none;
      15. padding: 9px 22px 5px 16px;
      16. text-align: center;
      17. color: #FFF;
      18. text-transform: uppercase;
      19. border: none;}
      21. ul#menu li.selected a
      22. { height: 20px;
      23. padding: 7px 22px 4px 16px;}
      25. ul#menu li.selected
      26. { margin: 7px 0 0 0;
      27. background: #635B53 url(tabs.png) no-repeat 0 0px;}
      29. ul#menu li.selected a, ul#menu li.selected a:hover
      30. { background: #635B53 url(tabs.png) no-repeat 100% 0px;
      31. color: #FFF;
      32. }
      34. ul#menu li a:hover
      35. { color: #000000;
      36. background: url(tabs.png) no-repeat 0%;
      38. }
      Alles anzeigen
      Ich habe hier:

      Quellcode

      1. ul#menu li a:hover
      2. { color: #000000;
      3. background: url(tabs.png) no-repeat [COLOR=red]100%[/COLOR];
      5. }
      Bei 100% kommt das hier:


      und bei 0% das hier:


      Und bei 50% kommt das hier:



      Ich hoffe ihr könnt mir helfen,

      danke im voraus

      greetz

      Dennisdra

    • Werbung zur Unterstützung des Forums ( Bitte AddBlocker deaktivieren )