Hi ich hab das Problem das meine Buttons aneinander kleben ich würde sie gern ein wenig auseinander haben damit man erkennt das es zwei einzelne buttons sind und nicht ein einziger.
Hat vielleicht einer eine idee wie ich das hin bekomm?
Meine Seite:
www.balbelia.de.tl
mein Quellcode:
<style type="text/css">
<!--
/* Design verbreitern */
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 1024px; height: 241px;}
td.edit_header_full table{ width: 1024px; height: 241px;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
/* Link und Textformatierung */
p, div, b{color: #000000;}
td.nav a{color: #FFFFFF;
font-size: 12px;
font-family: Monotype Corsiva;
text-decoration: none;}
a:hover {color: #XXXXXX;
font-size: 18px;
text-decoration: none;}
a: link {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}
a:active {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}
a:visited {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}
/* Hintergrund hinter Design */
body{
background-image: url();
background-color: #000000;}
/* Header fixiert und zentriert*/
td.edit_header_full{
width: 1024px;
height: 241px;
background-image: url(http://img.webme.com/pic/b/balbelia/banner35.jpg);}
/* Header Titel entfernen*/
td.headline{visibility:hidden;}
/* Navigation*/
td.nav{
text-decoration: none;
color: #XXXXXX;
width: 185px;
height: 20px;
background-image: url(http://img.webme.com/pic/b/balbelia/button20black.jpg);}
td.nav:hover{
color: #XXXXXX;
width: 185px;
height: 20px;
background-image: url(http://img.webme.com/pic/b/balbelia/button20red.jpg );}
td.edit_navi_headbg{
margin: 0px;
padding: 0px;
background-image: url();
background-color: #XXXXXX;
width: 185px;
background-repeat: repeat-y;}
td.edit_below_nav{
visibility: hidden;
width: 185px;}
td.edit_below_nav img{
visibility: hidden;
width: 1px;}
td.nav_heading{
width: 89px;
height: 120px;
background-image: url(http://img.webme.com/pic/b/balbelia/menue1.jpg );}
background-color: #XXXXXX;
padding-top: 0px;
font-weight: bold;
font-size: 15px;
text-decoration: none;}
td.edit_navi_headbg table{
width: 185px;}
/*Schriftfarbe vom Link*/
.menu{
width: 185px;
color: #XXXXXX !important;
font-weight: bold;
padding-left: 35px;
font-size: 12px;}
.menu a{
color: #XXXXXX
font-weight: bold;
padding-left: 35px;
text-decoration: none;
font-size: 12px;}
/* Textfeld Link-Formatierung*/
td.edit_content a{
color: #XXXXXX;
font-size: 12px;
text-decoration: none;}
td.edit_content a:hover {
color: #FFFF00;
font-size: 12px;
text-decoration: none;}
/* Textfeld Hintergrund*/
td.edit_content {
background-image:url();
background-color: #XXXXXX;}
/* Titel über Text-Seite entfernen */
td.headline2{visibility:hidden;}
td.idcp{visibility:hidden;}
td.edit_content_top{
height: 25px;
padding: 20px;
background-image: url();
background-color: #XXXXXX;}
td.edit_content_bottom{
background-image: url();
background-color: #XXXXXX;}
td.edit_content_bottom2{
height: 10px;
background-image: url(http://img.webme.com/pic/b/balbelia/topcontent.jpg);
background-color: #XXXXXX;
text-align: right;}
td.edit_rechts_cbg{
width: 650px;
height: 900px;
background-image: url(http://img.webme.com/pic/b/balbelia/hintergrund.jpg);
background-color: #XXXXXX;}
/* Rechte Boxen */
td.edit_rechts_sbg{
background-image: url();
width: 0px;}
td.sidebar_heading{
background-image: url();
background-color: #XXXXXX;
border-bottom: 0px double #XXXXXX;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{
background-image: url();
background-color: #XXXXXX;
color: #000000;
font-weight: bold;}
td.edit_rb_footer{
background-image: url();
background-color: #XXXXXX;
border-bottom: 0px solid ##XXXXXX;}
td.edit_rechts_bottom{
background-image: url();
background-color: #XXXXXX;}
-->
</style>