bräuchte mal hilfe ich code das erste mal mein design von hand und hab auch gleich ei Problen goa2.go.funpic.de/
ich will das der background unten rechts sich bis nach unten wieder holt habs schon mit
background-repeat:repeat-yversucht oder mit
height:auto;ging aber alles nicht
index.htm
<head>
<title>{TITLE}</title>
<link rel="stylesheet" type="text/css" href="/include/designs/projekt/style.css">
</head>
<body><center>
<div class="body">
<div class="header"></div>
<div style="background-image:url('include/designs/projekt/Bilder/top1.jpg'); float:left; width:23px; height:72px;"></div>
<div style="background-image:url('include/designs/projekt/Bilder/top2.jpg'); float:left; width:189px; height:72px;"></div>
<div style="background-image:url('include/designs/projekt/Bilder/top3.jpg'); float:left; width:15px; height:72px;"></div>
<div style="background-image:url('include/designs/projekt/Bilder/top4.jpg'); float:left; width:189px; height:72px;"></div>
<div style="background-image:url('include/designs/projekt/Bilder/top5.jpg'); float:left; width:24px; height:72px;"></div>
<div style="background-image:url('include/designs/projekt/Bilder/top6.jpg'); float:left; width:189px; height:72px;"></div>
<div style="background-image:url('include/designs/projekt/Bilder/top7.jpg'); float:left; width:25px; height:72px;"></div>
<div style="background-image:url('include/designs/projekt/Bilder/top8.jpg'); float:left; width:191px; height:72px;"></div>
<div style="background-image:url('include/designs/projekt/Bilder/top9.jpg'); float:left; width:35px; height:72px;"></div>
<div class="abstand" style="height:80px;"></div>
<div class="top"></div>
<div class="newsticker"></div>
<div class="l-menu-bg">
{_list_menunr1@
<div class="l-menu-oben" >%1</div>
<div style="background-image:url('include/designs/projekt/Bilder/l-2-menu-mitte.jpg'); width:205px; padding-left:20px;">%2</div>
<div style="background-image:url('include/designs/projekt/Bilder/l-menu-unten.jpg'); text-align:left; width:225px; height:41px;"></div><br>
}
</div>
<div class="mitte">
<div style="float:left; padding-left:10px; padding-top:5px; padding-right:10px; width:614px; text-align:center;">{HMENU}<hr></div>
<div style="padding-left:10px; padding-top:5px; padding-right:10px; width:615px; text-align:left;">{EXPLODE}</div>
</div>
<div style="background-image:url('include/designs/projekt/Bilder/footer.jpg'); float:left; width:880px; height:32px;"></div>
</div>
</center>
</body>
und hier die style.css
body
{
background:#FFFFFF;
scrollbar-face-color: #1e1e1e;
scrollbar-highlight-color: #EFEFEF;
scrollbar-shadow-color: #3b72d1;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #3b72d1;
scrollbar-track-color: #4B4B4A;
scrollbar-darkshadow-color: #DDDDDD;
}
.body
{
width:880px;
}
.header
{
background-image:url('Bilder/header.jpg');
width:880px;
height:222px;
}
.top
{
background-image:url('Bilder/top.jpg');
width:880px;
height:20px;
}
.newsticker
{
background-image:url('Bilder/newsticker.jpg');
width:880px;
height:33px;
}
.l-menu-bg
{
background-image:url(Bilder/l-menu-bg.jpg);
width:235px;
height:auto;
float:left;
text-align:left;
padding-left:10px;
}
.l-menu-oben
{
background-image:url('Bilder/l-menu-oben.jpg');
width:225px;
height:35px;
padding-top: 19px;
text-align:center;
color:#FFFFFF;
}
.mitte
{
float:left;
width:635px;
background:url(Bilder/m-bg.jpg);
background-repeat:repeat-y;
}
.menu
{
display:block;
color: #000000;
font-size: 11px;
background:url(Bilder/l-menu-mitte.jpg);
width: 225px;
height: 21px;
text-indent: 38px;
text-decoration: none;
font-family: Verdana, sans-serif;
line-height: 19px;
}
.menu:hover
{
display:block;
color: #3b72d1;
font-size: 11px;
background:url(Bilder/l-menu-mitte.jpg);
width: 225px;
height: 21px;
text-indent: 38px;
text-decoration: none;
font-family: Verdana, sans-serif;
line-height: 19px;
}
.abg
{
}
td
{
font-family: Verdana;
font-size: 11px;
}
a
{
color: #FFFFFF;
font-family: Verdana;
font-size: 11px;
text-decoration: none;
}
a:hover
{
color: #FFFFFF;
font-family: Verdana;
font-size: 11px;
text-decoration: underline;
}
a.box
{
color: #FFFFFF;
font-family: Verdana;
font-size: 11px;
text-decoration: none;
}
a.box:hover
{
text-decoration: none;
}
hmenu
{
color: #ffffff;
font-family: Verdana;
font-size: 11px;
text-decoration: none;
}
a.hmenu
{
color: #ffffff;
font-family: Verdana;
font-size: 11px;
text-decoration: underline;
}
hmenu:hover
{
color: #ffffff;
font-family: Verdana;
font-size: 11px;
text-decoration: none;
}
.Chead
{
color: #000000;
}
.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
color: #000000;
}
.Callg
{
color: #000000;
}
.Callg td
{
color: #000000;
}
.Cnorm
{
}
.Cmite
{
}
.Cdark
{
}
#Ballg
{
color: #000000;
}
#Ballg td
{
color: #000000;
}
.Bhead
{
color: #FFFFFF;
}
.Bbody
{
color: #000000;
}
.rand
{
border: solid #1b1b1b 1px;
}
.smalfont
{
font-size: 10px;
text-decoration: none;
}
.border
{
}
hr
{
height: 0px;
border: solid #1b1b1b 0px;
border-top-width: 1px;
}
input, textarea, select
{
color: #000000;
font: 12px Verdana;
border-color: #1b1b1b;
border-width: 1px;
border-style: solid;
font-weight: none;
text-decoration: none;
}
#menu {}
#menu ul { padding-left: 10px; margin-left: 10px; }
#smallmenu { }
#smallmenu li { font-size: 9px; }
#smallmenu a { font-size: 9px; }
