Hallo,
ich habe gestern ein bisschen an meiner Testseite kleinhippie.de.tl "gebastelt".
Das ursprüngliche Design sah so aus wie auf
www.diegildebloodymoon.de.tl zu sehen.
Hier der Code dazu:
Zitat: <center><style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important; height: 0px !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 0% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 0% !important;}
td.edit_rechts_cbg{width:100%;}
body{background: #000000 url();}
td[height="102"]{
position: absolute;
left: 50%;
margin-left: -376px;}
td.edit_content{
background: #800000 url();
height: 500px !important;
padding: 10px 0px 10px 0px;
-khtml-border-radius-bottomright: 8px;
-khtml-border-radius-bottomleft: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;}
td.edit_content_top{
background: transparent url(http://img.webme.com/pic/d/diegildebloodymoon/content_top.jpg);
height: 50px;}
td.headline2{font-size: 33px;
font-weight:bold;
font-family: Comic Sans MS; }
td.edit_content_bottom2{
background: transparent url(http://img.webme.com/pic/d/diegildebloodymoon/cont_bottom_rot.jpg) no-repeat center top;
height: 50px;
border-top: 9px solid #4a0000;}
td.edit_content_bottom2_counter{
font-family: Comic Sans MS;
font-size: 18px;}
td.edit_content_bottom{display:none;}
.edit_copyright{color: #fff;}
td.edit_content_left_spacer{background: transparent url();}
td.edit_content_right_spacer{background: transparent url();}
td.nav_heading{
background: transparent url(http://img.webme.com/pic/d/design-red/head.png);
height: 23px;
font-family: Comic Sans MS;
font-size: 18px;
color: #fff;
text-align: left;
border-right: 3px solid #4A0000;
font-weight:bold;}
td.nav{
background: #fff url(http://img.webme.com/pic/d/diegildebloodymoon/button1_version2.jpg);
width: 185px;
height: 33px;
border: 1px solid #4A0000;
border-right: 3px solid #4A0000;}
td.nav:hover{background: #fff url(http://img.webme.com/pic/d/diegildebloodymoon/button2.jpg);}
td.nav a{
font-family: Comic Sans MS;
font-size: 15px;
color: #FFFFFF;
text-decoration: none;
font-weight:bold;}
a.menu{
font-family: Comic Sans MS;
display: block;
padding: 8px 0px 0px 24px;
margin-left: -24px;}
td.edit_below_nav{background: url(http://img.webme.com/pic/d/diegildebloodymoon/schnorkelmuster.jpg) repeat; height: 1500px; }
td.edit_below_nav img{visibility:hidden;}
td.edit_rechts_cbg{background: transparent url();height: 0px !important;}
td.edit_rechts_sbg{background: transparent url();}
td.edit_rechts_bottom{background: transparent url(http://img.webme.com/pic/d/diegildebloodymoon/schnorkelmuster.jpg);height: 170px; repeat;}
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background: #800000 url() repeat;
font-family: Comic Sans MS;
text-align: center;
font-size: 12px;
color: #fff;
border-left: 3px solid #4a0000;}
td.edit_navi_headbg{background: transparent url();height: 0px !important;}
td.sidebar_heading{
font-family: Comic Sans MS;
background: transparent url(http://img.webme.com/pic/d/design-red/head2.png);
height: 23px;
width: 202px;
border-left: 3px solid #4A0000;}
td.edit_rb_footer{
background color: #800000;
background: transparent url() no-repeat;
height: 19px;
padding: 15px 0px 0px 0px;
border-left: 3px solid #4a0000;}
td.sidebar_heading{
font-family: arial;
font-size: 12px;
color: #fff;
font-weight:bold;
text-align: center;}
td.edit_header_full{
position:center;
margin: auto;
background: transparent url(http://img.webme.com/pic/d/diegildebloodymoon/header_neu.jpg) no-repeat;
width: 900px;
height: 142px;
background-repeat: no-repeat;background-position: center top;background-color:#000000;
border-bottom: 5px solid #4a0000;}
td.headline{visibility:hidden;}
td.edit_content_main div{overflow: hidden !important;}
-->
</style></center>
Zuerst habe ich die Änderungen an der Navigation vorgenommen, da gab es keine Probleme.
Danach wollte ich den Header sowie einige andere Grfiken austauschen und die Farbcodes anpassen.
Dabei muss mir irgendwo ein Fehler unterlaufen sein, seitdem sind nämlich meine rechten Boxen verschunden.
Allerdings finde ich den Fehler nicht.
Das ist der jetzige Code (bei dem dann die rechten Boxen fehlen):
Zitat: <center><style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important; height: 0px !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 0% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 0% !important;}
td.edit_rechts_cbg{width:100%;}
body{background: #F0FF43 url();}
td[height="102"]{
position: absolute;
left: 50%;
margin-left: -376px;}
td.edit_content{
background: #FFE559 url();
height: 500px !important;
padding: 10px 0px 10px 0px;
-khtml-border-radius-bottomright: 8px;
-khtml-border-radius-bottomleft: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;}
td.edit_content_top{
background: transparent url(http://img.webme.com/pic/k/kleinhippie/content_top_bienchen.jpg);
height: 50px;}
td.headline2{
font-size: 33px;
font-weight:bold;
font-family: Comic Sans MS;
color: #000000 }
td.edit_content_bottom2{
background: transparent url(http://img.webme.com/pic/k/kleinhippie/cont_bottom_hell.jpg) no-repeat center top;
height: 50px;
border-top: 9px solid #4a0000;}
td.edit_content_bottom2_counter{
font-family: Comic Sans MS;
font-size: 18px;}
td.edit_content_bottom{display:none;}
.edit_copyright{color: #FF3007;}
td.edit_content_left_spacer{background: transparent url();}
td.edit_content_right_spacer{background: transparent url();}
td.nav_heading{
background: transparent url(http://img.webme.com/pic/k/kleinhippie/nav_heading_rot.jpg);
height: 23px;
font-family: Comic Sans MS;
font-size: 18px;
color: #fff;
text-align: left;
border-right: 3px solid #4A0000;
font-weight:bold;}
td.nav{
background: #fff url(http://img.webme.com/pic/k/kleinhippie/button_orangerot.jpg);
width: 185px;
height: 33px;
border: 1px solid #4A0000;
border-right: 3px solid #4A0000;}
td.nav:hover{background: #fff url(http://img.webme.com/pic/k/kleinhippie/button_orangerot2.jpg);}
td.nav a_leer1{visibility:hidden;}
td.nav a{
font-family: Comic Sans MS;
font-size: 15px;
color: #FFFFFF;
text-decoration: none;
font-weight:bold;}
a.menu{
font-family: Comic Sans MS;
display: block;
padding: 8px 0px 0px 24px;
margin-left: -24px;}
td#nav_Allgemeines{
background-image:url(http://img.webme.com/pic/k/kleinhippie/button_orangerot2.jpg);}
td#nav_Mitglieder{
background-image:url(http://img.webme.com/pic/k/kleinhippie/button_orangerot2.jpg);}
td#nav_beruns{background-image:url(http://img.webme.com/pic/k/kleinhippie/button_orangerot2.jpg);}
td#nav_leer1{
color: #ff0d04;
background-image:url(http://img.webme.com/pic/k/kleinhippie/button_orangerot2.jpg);}
td#nav_leer2{
color: #ff0d04;
background-image:url(http://img.webme.com/pic/k/kleinhippie/button_orangerot2.jpg);}
td.edit_below_nav{ visibility:hidden; }
td.edit_below_nav img{visibility:hidden;}
td.edit_rechts_cbg{background: transparent url();height: 0px !important;}
td.edit_rechts_sbg{background: transparent url();}
td.edit_rechts_bottom{ visibility:hidden; }
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background: #800000 url() repeat;
font-family: Comic Sans MS;
text-align: center;
font-size: 12px;
color: #fff;
border-left: 3px solid #4a0000;}
td.edit_navi_headbg{background: transparent url();height: 0px !important;}
td.sidebar_heading{
font-family: Comic Sans MS;
background: transparent url(http://img.webme.com/pic/d/design-red/head2.png);
height: 23px;
width: 202px;
border-left: 3px solid #4A0000;}
td.edit_rb_footer{
background color: #800000;
background: transparent url() no-repeat;
height: 19px;
padding: 15px 0px 0px 0px;
border-left: 3px solid #4a0000;}
td.sidebar_heading{
font-family: arial;
font-size: 12px;
color: #fff;
font-weight:bold;
text-align: center;}
td.edit_header_full{
position:center;
margin: auto;
background: transparent url(http://img.webme.com/pic/k/kleinhippie/header_gilde_bunt.jpg) no-repeat;
width: 900px;
height: 142px;
background-repeat: no-repeat;background-position: center top;background-color:#F0FF43;
border-bottom: 5px solid #4a0000;}
td.headline{visibility:hidden;}
td.edit_content_main div{overflow: hidden !important;}
-->
</style></center>
Vielleicht findet ja jemand von euch den Fehler.
Danke im Vorraus schonmal an alle, die sich da durchwühlen und versuchen, mir zu helfen.
LG
kleinhippie
