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?
Alles anzeigen
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
- ul.tabs {
- margin: 0;
- padding: 0;
- float: left;
- list-style: none;
- height: 32px;
- border-bottom: 1px solid #999;
- border-left: 1px solid #999;
- width: 100%;
- -moz-border-radius-topleft: 5px;
- -khtml-border-radius-topleft: 5px;
- -webkit-border-top-left-radius: 5px;
- -moz-border-radius-topleft: 5px;
- }
- ul.tabs li {
- float: left;
- margin: 0;
- padding: 0;
- height: 31px;
- line-height: 31px;
- border: 1px solid #999;
- border-left: none;
- margin-bottom: -1px;
- background: #e0e0e0;
- overflow: hidden;
- position: relative;
- }
- ul.tabs li a {
- text-decoration: none;
- color: #000;
- display: block;
- font-size: 1.2em;
- padding: 0 7px;
- border: 1px solid #fff;
- outline: none;
- font-size:12px;
- }
- ul.tabs li a:hover {
- background: #ccc;
- }
- ul.tabs li.active, html ul.tabs li.active a:hover {
- background: #fff;
- border-bottom: 1px solid #fff;
- }
- .tab_container {
- border: 1px solid #999;
- border-top: none;
- clear: both;
- float: left;
- width: 100%;
- background: #fff;
- -moz-border-radius-bottomright: 5px;
- -khtml-border-radius-bottomright: 5px;
- -webkit-border-bottom-right-radius: 5px;
- -moz-border-radius-bottomleft: 5px;
- -khtml-border-radius-bottomleft: 5px;
- -webkit-border-bottom-left-radius: 5px;
- }
- .tab_content {
- padding: 5px;
- font-size: 1.0em;
- }
- .tab_content h2 {
- font-weight: normal;
- padding-bottom: 10px;
- border-bottom: 1px dashed #ddd;
- font-size: 1.8em;
- }
- .tab_content h3 a{
- color: #254588;
- }
- /* Tabs First*/
- li.tabFirst {
- -moz-border-radius-topleft: 5px;
- -khtml-border-radius-topleft: 5px;
- -webkit-border-top-left-radius: 5px;
- -moz-border-radius-topleft: 5px;
- }
- li.tabFirst a {
- -moz-border-radius-topleft: 5px;
- -khtml-border-radius-topleft: 5px;
- }
- li.tabFirst a:hover {
- -moz-border-radius-topleft: 5px;
- -khtml-border-radius-topleft: 5px;
- }
- li.tabFirst a:active {
- -moz-border-radius-topleft: 5px;
- -khtml-border-radius-topleft: 5px;
- }