Tabs - Problem mit dem Rand

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

  • Tabs - Problem mit dem Rand

    Hallo zusammen,

    ich möchte gerne vom ersten Tab Button die Ecke oben links abrunden. Klappt auch soweit alles. Nur der Rand wird unterbrochen.

    Kann mir da jemand helfen?



    Quellcode

    1. ul.tabs {
    2. margin: 0;
    3. padding: 0;
    4. float: left;
    5. list-style: none;
    6. height: 32px;
    7. border-bottom: 1px solid #999;
    8. border-left: 1px solid #999;
    9. width: 100%;
    10. -moz-border-radius-topleft: 5px;
    11. -khtml-border-radius-topleft: 5px;
    12. -webkit-border-top-left-radius: 5px;
    13. -moz-border-radius-topleft: 5px;
    14. }
    15. ul.tabs li {
    16. float: left;
    17. margin: 0;
    18. padding: 0;
    19. height: 31px;
    20. line-height: 31px;
    21. border: 1px solid #999;
    22. border-left: none;
    23. margin-bottom: -1px;
    24. background: #e0e0e0;
    25. overflow: hidden;
    26. position: relative;
    27. }
    28. ul.tabs li a {
    29. text-decoration: none;
    30. color: #000;
    31. display: block;
    32. font-size: 1.2em;
    33. padding: 0 7px;
    34. border: 1px solid #fff;
    35. outline: none;
    36. font-size:12px;
    37. }
    39. ul.tabs li a:hover {
    40. background: #ccc;
    41. }
    43. ul.tabs li.active, html ul.tabs li.active a:hover {
    44. background: #fff;
    45. border-bottom: 1px solid #fff;
    46. }
    47. .tab_container {
    48. border: 1px solid #999;
    49. border-top: none;
    50. clear: both;
    51. float: left;
    52. width: 100%;
    53. background: #fff;
    54. -moz-border-radius-bottomright: 5px;
    55. -khtml-border-radius-bottomright: 5px;
    56. -webkit-border-bottom-right-radius: 5px;
    57. -moz-border-radius-bottomleft: 5px;
    58. -khtml-border-radius-bottomleft: 5px;
    59. -webkit-border-bottom-left-radius: 5px;
    60. }
    61. .tab_content {
    62. padding: 5px;
    63. font-size: 1.0em;
    64. }
    65. .tab_content h2 {
    66. font-weight: normal;
    67. padding-bottom: 10px;
    68. border-bottom: 1px dashed #ddd;
    69. font-size: 1.8em;
    70. }
    71. .tab_content h3 a{
    72. color: #254588;
    73. }
    75. /* Tabs First*/
    77. li.tabFirst {
    78. -moz-border-radius-topleft: 5px;
    79. -khtml-border-radius-topleft: 5px;
    80. -webkit-border-top-left-radius: 5px;
    81. -moz-border-radius-topleft: 5px;
    83. }
    85. li.tabFirst a {
    86. -moz-border-radius-topleft: 5px;
    87. -khtml-border-radius-topleft: 5px;
    89. }
    91. li.tabFirst a:hover {
    92. -moz-border-radius-topleft: 5px;
    93. -khtml-border-radius-topleft: 5px;
    94. }
    96. li.tabFirst a:active {
    97. -moz-border-radius-topleft: 5px;
    98. -khtml-border-radius-topleft: 5px;
    99. }
    Alles anzeigen