Probleme mit Design

Computer: Software & Programmierung HTML & CSS
#1

Moin Moin
Ich hab ein kleines Problem und zwar möchte ich ein Design auf eine Homepage anwenden, doch ich bekomme es patu nicht hin und vlt könnt ihr mir ja helfen und mir den Fehler zeigen wieso das Design nicht angezeigt wird.
Quellcode Index.Html:

{TITLE}

{_list_menunr1@
%2

}

  » {HMENU}
{EXPLODE}

{_list_menunr2@
%2

}

Impressum | Sitemap | Kontakt

{_list_hmenupoint@-
%3|
|
|}

{_list_hmenubegi@
}

{_list_hmenuende@}

{_list_vmenupoint@-
%3|
|

|}

{_list_vmenubegi@
}

{_list_vmenuende@}

Quellcode Design:
body {
background-color:#000000;
background-image: url(img/bg_main.jpg);
margin:0px;
color:#000000;
font-family:tahoma;
font-size:11px;
}

ul li {margin: 0px; padding: 0px;}

#banner {
background-color: #000;
height: 60px;
width:468px;
text-align: center;
margin: 0 auto;
margin-top: 150px;
}

.small {
font-size:9px;
}

tbody {
font-family:tahoma;
font-size:11px;
}

.button
{
border:1px solid #000;
background-color: #dfbe98;
font-family:Verdana;
color:#392c1e;
font-size:9pt;
}

.text
{
border:1px solid #000;
background-color: #dfbe98;
font-family:Verdana;
color:#392c1e;
font-size:9pt;
}

a.llink, a.llink:visited, a.llink:active {
text-decoration:none;
font-size:11px;
color:#000;
}

a.llink:hover {
color:#000000;
}

a, a:visited, a:active {
text-decoration:none;
font-size:11px;
color:#c55f21;
}

a:hover {
color:#994b1c;
}

a.small, a.small:visited, a.small:active {
text-decoration:none;
color:#4a361f;
font-size:9px;
}

a.small:hover {
color:#302212;
}

#head_left {
background-image: url(img/header_left.jpg);
background-repeat: no-repeat;
height: 213px;
width: 188px;
}

#head_middle {
background-image: url(img/header_middle.jpg);
background-repeat: no-repeat;
height: 213px;
width: 633px;
vertical-align:top;
}

#head_right {
background-image: url(img/header_right.jpg);
background-repeat: no-repeat;
height: 213px;
width: 180px;
vertical-align:top;
}

#nav_left {
background-image: url(img/nav_left.jpg);
background-repeat: repeat-y;
height: 100%;
width: 188px;
vertical-align: top;
}

#content {
width: 633px;
vertical-align: top;
}

#nav_right {
background-image: url(img/nav_right.jpg);
background-repeat: repeat-y;
height: 100%;
width: 180px;
vertical-align: top;
}

#content_top {
background-image: url(img/content_top.jpg);
background-repeat:no-repeat;
width: 633px;
height: 39px;
}

#content_bottom {
background-image: url(img/content_bottom.jpg);
background-repeat:no-repeat;
width: 633px;
height: 39px;
}

#content_middle {
background-image: url(img/content_middle.jpg);
background-repeat:repeat-y;
width: 583px;
height: 100%;
}

.content_div {
width: 549px;
padding-left:42px;
padding-right:42px;
}

.box {
width: 549px;
margin-left:42px;
margin-right:42px;
}

.box_top {
background-image: url(img/box_top.jpg);
background-repeat:no-repeat;
width: 549px;
height: 28px;
}

.box_bottom {
background-image: url(img/box_bottom.jpg);
background-repeat:no-repeat;
width: 549px;
height: 20px;
}

.box_main {
background-image: url(img/box_main.jpg);
background-repeat:repeat-y;
width: 549px;
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
}

.box_title {
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
font-size:9pt;
color:#efd9c1;
}

.box_text {
padding-left: 10px;
padding-right: 10px;
}

.box_author {
font-size:7pt;
padding-left:20px;
padding-bottom:15px;
float:left;
}

#footer_middle {
height: 32px;
width: 633px;
vertical-align: bottom;
text-align: center;
font-size:7pt;
}

#footer_right {
background-image: url(img/footer_right.jpg);
background-repeat: no-repeat;
height: 32px;
width: 182px;
vertical-align: bottom;
}

#footer_left {
background-image: url(img/footer_left.jpg);
background-repeat: repeat-y;
height: 32px;
width: 188px;
vertical-align: bottom;
}

.png {
background-repeat: no-repeat;
height: 27px;
width: 124px;
}

*html .png {
behavior: url(„iepngfix.php“);
}

.nav_in_middle {
background-image: url(img/nav_in_middle.jpg);
background-repeat: repeat-y;
padding-left:7px;
padding-right:7px;
margin-left:21px;
margin-right:17px;
width: 136px;
}

.nav_in_top {
background-image: url(img/nav_in_top.jpg);
background-repeat: no-repeat;
height: 26px;
padding-left:7px;
padding-right:7px;
margin-left:21px;
margin-right:17px;
width: 136px;
}

.nav_in_bottom {
background-image: url(img/nav_in_bottom.jpg);
background-repeat: repeat-y;
height: 13px;
width: 136px;
padding-left:7px;
padding-right:7px;
margin-left:21px;
margin-right:17px;
}

.nav_in_middle_r {
background-image: url(img/nav_in_middle.jpg);
background-repeat: repeat-y;
padding-left:7px;
padding-right:7px;
margin-left:19px;
margin-right:10px;
width: 136px;
}

.nav_in_top_r {
background-image: url(img/nav_in_top.jpg);
background-repeat: no-repeat;
height: 26px;
padding-left:7px;
padding-right:7px;
margin-left:19px;
margin-right:10px;
width: 136px;
}

.nav_in_bottom_r {
background-image: url(img/nav_in_bottom.jpg);
background-repeat: repeat-y;
height: 13px;
width: 136px;
padding-left:7px;
padding-right:7px;
margin-left:19px;
margin-right:10px;
}

table.table {
}

table.table td{
border:solid 1px #787878;
text-align:center;
vertical-align:middle;
padding:2px;
background:#dec18f;
}
table.table td.top {
font-weight:bold;
background:#bb6c5f;
border:solid 1px black;
}

table.table td.left {
font-weight:bold;
background:#d0a240;
border:solid 1px black;
}

.forum, a.forum, a.forum:visited, a.forum:active {
background-image:url(img/forum_hover_off.gif);
background-repeat: no-repeat;
height:98px;
width:119px;
position:relative;
top:112px;
left:30px;
}

a.forum:hover {
background-image:url(img/forum_hover.gif);
background-repeat: no-repeat;
}

.equip {
background-image:url(artimg/equipment.gif);
background-repeat: no-repeat;
height: 241px;
width: 204px;
font-size:10px;
color: #ffffff;
float:right;
}

.equip .weapons {
float:left;
padding-left: 20px;
padding-top: 45px;
}

.equip .armor {
float:right;
padding-right: 50px;
padding-top: 45px;
}

.equip .inactive,
.equip .inactive {
color: #9f9f9f;
}

.equip .headline,
.equip .headline {
font-size:11px;
font-weight:bold;
color:#e3834d;
}

.itemdb table {
border: 0px;
}

.itemdb tr {
background-color: #dad0ba;
}

.itemdb td {
background-color: #dad0ba;
}

.itemdb .title {
background-color: #9f8d65;
color: #773615;
font-weight: bold;
}

#left_out {
background-image:url(img/left_out.jpg);
background-repeat:no-repeat;
background-position:top right;
width:50%;
vertical-align:bottom;
}

#right_out {
background-image:url(img/right_out.jpg);
background-repeat:no-repeat;
background-position:top left;
width:50%;
vertical-align:bottom;
}

#left_out_m {
background-image:url(img/left_out_m.jpg);
background-repeat:no-repeat;
background-position:top right;
width:50%;
vertical-align:top;
}

#right_out_m {
background-image:url(img/right_out_m.jpg);
background-repeat:no-repeat;
background-position:top left;
width:50%;
vertical-align:top;
}

#2

Hallo technofreak,

nach dem was ich jetzt nach 10 min gefunden habe ist zum einen schwarze schrift auf schwartzem grund

außerdem ist es schwierig ohne die noch fehlenden bilder und css ein regulers problem zu endecken die angaben in {} kalmmern sind so gehe ich davon aus platzhalter und wenn du schon dein html vom css trennst warum hast du dann noch style deffinitonen in der html ???

mit deinem Menue haut auch was nicht hin was ist den dein reguleres problem: was er nicht anzeigt ???

Cu Stefan