smsterminal
Mitglied
Ich habe eine Tabber-Box, die 3 tabs ändern jeweils die größe beim klicken und haben einen abstand also padding dazwischen. wie bekomme ich alle tabs gleich groß und ohne abstand hin?
Code:
<style type="text/css"> body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #FFFFFF; background-color: #333399; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:hover { background-color: #330099; }
ul#tabs li a.selected { color: #FFFFFF; background-color: #333399; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #fffff; }
div.tabContent.hide { display: none; }
</style>